/* ==========================================================================
   UI transverse : header, menu mobile, CTA, pages hors Elementor
   Voir inc/site-ui.php pour le contexte. Les IDs Elementor ci-dessous
   (1f81d37 = conteneur fixe du header, 31fcc45 = 1er bouton « Notre
   agence ») sont ceux du site au 2026-09-18 ; à mettre à jour si ces
   éléments sont recréés dans Elementor.
   ========================================================================== */

/* ---------- Header : fond sombre quand il passe sur du clair ---------- */

.elementor-location-header .elementor-element-1f81d37 {
  transition: background-color 0.25s ease;
}

.elementor-location-header .elementor-element-1f81d37.is-solid,
body.avf-page-plain .elementor-location-header .elementor-element-1f81d37 {
  background-color: rgba(23, 26, 29, 0.92) !important;
}

@media (prefers-reduced-motion: reduce) {
  .elementor-location-header .elementor-element-1f81d37 {
    transition: none;
  }
}

/* ---------- Pages au gabarit WP par défaut (Agence, Contact vides) ------
   Le header fixe (101px) recouvrait le H1. On dégage le haut de page et on
   reprend le bandeau sombre de /projets/ pour rester cohérent en attendant
   les contenus. */

body.avf-page-plain .site-main {
  padding-top: 0;
}

body.avf-page-plain .page-header {
  background: #171a1d;
  color: #fff;
  padding: 160px 20px 56px;
  /* Pleine largeur malgré le conteneur centré de Hello Elementor. */
  margin: 0 calc(50% - 50vw) 40px;
}

body.avf-page-plain .page-header .entry-title {
  color: #fff;
  font-family: "Kantumruy Pro", sans-serif;
  font-weight: 800;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.05;
  max-width: 1128px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  body.avf-page-plain .page-header {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* ---------- Section « Notre agence » : un CTA primaire, un secondaire ---- */

.elementor-element-31fcc45 .elementor-button,
.elementor-element-31fcc45 .elementor-button:visited {
  background-color: #171a1d !important;
  border-color: #171a1d !important;
  color: #fff !important;
}

.elementor-element-31fcc45 .elementor-button:hover,
.elementor-element-31fcc45 .elementor-button:focus-visible {
  background-color: #fff !important;
  color: #171a1d !important;
}

/* ---------- Footer : liens lisibles sur fond sombre ---------- */

.elementor-location-footer .avf-footer-coordonnees a,
.elementor-location-footer .avf-footer-legal a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.elementor-location-footer .avf-footer-coordonnees a:hover,
.elementor-location-footer .avf-footer-legal a:hover,
.elementor-location-footer .avf-footer-coordonnees a:focus-visible,
.elementor-location-footer .avf-footer-legal a:focus-visible {
  color: #fff;
  border-bottom-color: #fff;
}

.elementor-location-footer .avf-footer-menu .elementor-nav-menu a {
  padding-left: 0;
}

/* ---------- Menu mobile : panneau sombre dans l'esprit du header ---------- */

.elementor-location-header .elementor-nav-menu--dropdown {
  background-color: #171a1d !important;
  box-shadow: none !important;
  padding: 8px 0 24px;
}

.elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu > li {
  border: 0 !important;
}

.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item {
  color: #fff !important;
  background: transparent !important;
  /* !important : la typo du widget Elementor (sélecteur à ID) prime sinon. */
  font-family: "Kantumruy Pro", sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  padding: 14px 24px !important;
  min-height: 52px;
}

.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:focus-visible,
.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active {
  color: rgba(255, 255, 255, 0.6) !important;
}

.elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

/* Bouton burger : cible tactile confortable, blanc sur fond sombre. */
.elementor-location-header .elementor-menu-toggle {
  min-width: 44px;
  min-height: 44px;
  color: #fff !important;
}