/* ==========================================================================
   STUDIO RANEEM — FOOTER GLOBAL (Theme Builder)
   ========================================================================== */

.sr-footer {
  background: var(--sr-bg-deep);
  border-top: 1px solid var(--sr-line-soft);
  padding: clamp(64px, 8vw, 100px) 0 0;
}
.sr-footer__inner { max-width: var(--sr-maxw); margin: 0 auto; padding: 0 var(--sr-gutter); }

.sr-footer__top {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; flex-wrap: wrap; margin-bottom: clamp(44px, 6vw, 72px);
}
.sr-footer__logo {
  font-family: var(--sr-font-display); font-weight: 600;
  /* « Studio Raneem. » (plus long que « Raneem. ») → taille réduite pour
     laisser de l'espace ; l'ancien --sr-logo-footer (jusqu'à 110px) débordait. */
  font-size: clamp(30px, 4.2vw, 62px); line-height: .95; letter-spacing: .01em;
}
.sr-footer__logo span { color: var(--sr-teal-glow); }
.sr-footer__tag {
  font-family: var(--sr-font-mono); font-size: 10.5px; letter-spacing: .2em;
  color: var(--sr-text-3-aa); padding-bottom: 10px;
}

.sr-footer__cols {
  display: grid; gap: clamp(28px, 4vw, 48px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  padding-bottom: clamp(44px, 6vw, 72px);
}
.sr-footer__h {
  font-family: var(--sr-font-mono); font-size: 10px; letter-spacing: .22em;
  color: var(--sr-text-3-aa); margin-bottom: 16px;
}
.sr-footer__cols ul { list-style: none; margin: 0; padding: 0; }
.sr-footer__cols a, .sr-footer__cols li {
  display: block; padding: 5px 0; color: var(--sr-text-nav);
  font-size: 15px; text-decoration: none; transition: color var(--sr-d-fast);
}
.sr-footer__cols a:hover { color: var(--sr-teal-glow); }
.sr-footer__hours { color: var(--sr-text-3-aa); font-size: 13.5px; }

/* Adresse — un seul bloc, réutilisé partout via [sr_nap].
   C'est la source unique du NAP : footer, page contact, schema, mentions. */
.sr-nap { font-style: normal; color: var(--sr-text-nav); font-size: 15px; line-height: 1.7; }
.sr-nap a { color: inherit; text-decoration: none; }
.sr-nap a:hover { color: var(--sr-teal-glow); }

.sr-footer__bottom { border-top: 1px solid var(--sr-line-soft); }
.sr-footer__bottom-in {
  max-width: var(--sr-maxw); margin: 0 auto;
  padding: 22px var(--sr-gutter);
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.sr-footer__legal, .sr-footer__legal a, .sr-footer__sign {
  font-family: var(--sr-font-mono); font-size: 10.5px; letter-spacing: .12em;
  color: var(--sr-text-3-aa); text-decoration: none;
}
.sr-footer__legal { display: flex; gap: 22px; flex-wrap: wrap; }
.sr-footer__legal a:hover { color: var(--sr-teal-glow); }
.sr-footer__sign { color: var(--sr-text-2); }
.sr-footer__sign span { color: var(--sr-teal-glow); }

/* Signature de l'agence. Discrète par défaut, elle se révèle au survol —
   présente pour qui la cherche, invisible pour qui ne la cherche pas. */
.sr-footer__by {
  font-family: var(--sr-font-mono); font-size: 10.5px; letter-spacing: .12em;
  color: var(--sr-text-3-aa);
}
.sr-footer__by a {
  color: var(--sr-text-2); text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--sr-d-fast), border-color var(--sr-d-fast);
}
.sr-footer__by a:hover {
  color: var(--sr-teal-glow);
  border-bottom-color: var(--sr-teal-glow);
}

/* Réserve la place du CTA collant mobile pour qu'il ne masque pas le footer. */
@media (max-width: 920px) { .sr-footer { padding-bottom: 90px; } }