/*
 * Component: Footer Region
 * Description: Grid layout and bottom bar for the footer.
 * Refactored from: css/conf/01-layout/06.footer.css
 */

/* ==========================================================================
   FOOTER GRID LAYOUT
   ========================================================================== */
.wsdt-footer-grid {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: 1fr; /* Mobile: Stacked */
}

@media all and (min-width: 768px) {
  .wsdt-footer-grid {
    grid-template-columns: repeat(2, 1fr); /* Tablet: 2 Columns */
  }
}

@media all and (min-width: 1024px) {
  .wsdt-footer-grid {
    grid-template-columns: repeat(3, 1fr); /* Desktop: 3 Columns Side-by-Side */
    align-items: start;
  }
}

.wsdt-region--footer-one,
.wsdt-region--footer-two,
.wsdt-region--footer-three,
.wsdt-region--footer-bottom-copy,
.wsdt-region--footer-bottom-credits,
.wsdt-region--footer-bottom-social {
  position: relative;
  z-index: var(--z-base);
}

/* ==========================================================================
   FOOTER BOTTOM (Copyright, Credits, Social)
   ========================================================================== */
.wsdt-footer-bottom {
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: var(--border-width-sm) solid var(--border-on-dark);
  display: grid;
  gap: var(--space-md);
  grid-template-columns: 1fr; /* Mobile: Stacked */
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--text-on-dark);
}

/* Desktop Layout: Copy & Credits Side-by-Side, Social Below */
@media all and (min-width: 1024px) {
  .wsdt-footer-bottom {
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }

  .wsdt-region--footer-bottom-credits {
    text-align: right;
  }

  /* Social centered below everything */
  .wsdt-region--footer-bottom-social {
    grid-column: 1 / -1; /* Full Width */
    display: flex;
    justify-content: center;
    margin-top: var(--space-sm);
  }
}

/* Exception: Contact Info Block (Context Aware Color) 
   Ensures text is dark in main content and light in footer */
/* REMOVED: Redundant, handled by footer-contact.css
.wsdt-block-contact-info .wsdt-contact-item {
  color: var(--text-body);
} */

/* Icon Spacing & Alignment (Match Footer Style) */
.wsdt-block-contact-info .wsdt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-size-md);
  margin-right: var(--space-xs);
}

/* Προσαρμογή στο Grid του Footer Bottom */
@media all and (min-width: 1024px) {
  .wsdt-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}