/* ===== FOOTER ISMAILI CLINIC ===== */

.site-footer {
    background: var(--color-bg-strong);
    color: var(--color-text-inverted);
  }
  
  .site-footer a {
    color: var(--color-text-inverted);
    text-decoration: none;
  }
  .site-footer a:hover { opacity: .9; }
  
  /* === FULL WIDTH === */
  .site-footer .footer-top.content,
  .site-footer .footer-bottom.content {
    max-width: none !important;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-inline: clamp(16px, 4vw, 64px);
  }
  
  .site-footer .footer-top {
    padding-block: var(--space-12);
  }
  
  .site-footer .footer-bottom {
    padding-block: var(--space-4) var(--space-6);
    border-top: 1px solid rgba(255,255,255,.18);
  }
  
  /* === GRID 4 COLUMNES (1 logo + 3 tractaments) === */
  .site-footer .footer-grid {
    display: grid;
    grid-template-columns:
      minmax(220px, 1fr)
      repeat(3, minmax(200px, 1fr));
    gap: clamp(16px, 3vw, 48px);
    align-items: start;
  }
  
  /* --- Columna 1: Marca i adreça --- */
  .site-footer .footer-brand .custom-logo {
    max-width: 260px;
    height: auto;
    display: block;
  }
  .site-footer .footer-address {
    font-style: normal;
    line-height: 1.5;
    opacity: .95;
    margin-top: var(--space-6);
  }
  .site-footer .footer-address a {
    text-decoration: underline;
  }
  
  /* --- Columnes 2-4: Tractaments --- */
  .site-footer .footer-treatments {
    grid-column: 2 / 5;
  }
  
  .treatments-list {
    columns: 3;
    column-gap: clamp(16px, 3vw, 40px);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .treatments-list li {
    break-inside: avoid;
    margin: 0 0 .5rem;
  }
  .treatments-list a {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  
  /* --- Títols --- */
  .site-footer .footer-title {
    margin: 0 0 var(--space-4);
    font-weight: 600;
    letter-spacing: .02em;
    opacity: .9;
  }
  
  /* --- Línia legal inferior --- */
  .legal-line {
    margin: 0;
    font-size: .875rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem;
    opacity: .9;
  }
/* --- Separador línia legal --- */

  
  /* === RESPONSIVE === */
  @media (max-width: 1024px) {
    .site-footer .footer-grid {
      grid-template-columns: 1fr 1fr;
    }
    .site-footer .footer-treatments {
      grid-column: 1 / -1;
    }
    .treatments-list {
      columns: 2;
    }
  }
  
  @media (max-width: 768px) {
    .site-footer .footer-grid {
      grid-template-columns: 1fr;
    }
    .treatments-list {
      columns: 1;
    }
  }
  
  html, body { overflow-x: clip; }
  

  /* Quitar subrayado en los enlaces de tratamientos del footer */
.site-footer .treatments-list a,
.site-footer .treatments-list a:visited,
.site-footer .treatments-list a:hover {
  text-decoration: none;
}