/* orientation-sup.fr — habillage de l'en-tête et du pied Blocksy sur la palette du DESIGN.md.
   Chargé sur tout le site. */

header#header,
.ct-header {
  background-color: var(--color-bg) !important;
  border-bottom: 1px solid var(--color-border);
}

/* le conteneur d'en-tête déborde à gauche sur ce template : rétablir un retrait */
.ct-header [data-row] > .ct-container,
.ct-header .ct-container {
  padding-inline: clamp(20px, 4vw, 40px) !important;
  box-sizing: border-box;
}

/* wordmark */
.site-title,
.site-title a,
[data-device] .site-title a {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  color: var(--color-secondary) !important;
  letter-spacing: -0.01em;
}

/* menu principal */
.ct-header .ct-menu-link,
[data-device] .ct-header .ct-menu-link {
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  color: var(--color-text) !important;
}
.ct-header .menu-item:hover > .ct-menu-link,
.ct-header .ct-menu-link:hover,
.ct-header .current-menu-item > .ct-menu-link,
.ct-header .current-menu-ancestor > .ct-menu-link {
  color: var(--color-primary) !important;
}

/* icône recherche / burger */
.ct-header [data-toggle-panel] .ct-icon,
.ct-header .ct-toggle-close,
.ct-header button svg {
  color: var(--color-secondary) !important;
  fill: var(--color-secondary) !important;
}

/* pied de page maison (footer.php) */
.osup-footer {
  background: var(--color-secondary);
  color: var(--color-bg);
  padding: 48px 24px;
}
.osup-footer__inner {
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 28px;
}
@media (min-width: 1040px) { .osup-footer { padding-inline: 40px; } }
.osup-footer__brand {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 20px;
  color: var(--color-bg);
  margin-right: auto;
}
.osup-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
}
.osup-footer__nav a {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--color-bg);
  opacity: 0.82;
  text-decoration: none;
}
.osup-footer__nav a:hover { opacity: 1; color: var(--color-accent); }
.osup-footer__copy {
  width: 100%;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(251, 248, 241, 0.18);
  font-size: 13px;
  color: rgba(251, 248, 241, 0.6);
}