/* DK Working - Mobile menu fixes */

/* === FIX CRITIQUE : Bundle CSS Odoo ne set pas visibility:visible quand offcanvas.show est ajouté === */
.offcanvas.show,
.offcanvas.showing {
  visibility: visible !important;
}

/* Header mobile - bon positionnement */
header#top .o_header_mobile .o_main_nav.container,
header#top .o_header_mobile .o_main_nav.container-fluid {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
header#top .o_header_mobile .o_header_mobile_buttons_wrap {
  margin-left: auto !important;
}

/* Force le contraste du menu offcanvas mobile sur fond sombre */
html body #top_menu_collapse_mobile,
html body .offcanvas.o_navbar_mobile {
  background-color: #0F172A !important;
  background: #0F172A !important;
}
html body #top_menu_collapse_mobile,
html body #top_menu_collapse_mobile *,
html body .offcanvas.o_navbar_mobile,
html body .offcanvas.o_navbar_mobile * {
  color: #ffffff !important;
}
html body #top_menu_collapse_mobile .nav-link,
html body .offcanvas.o_navbar_mobile .nav-link {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  padding: 0.85rem 1.5rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
html body #top_menu_collapse_mobile .nav-link:hover,
html body #top_menu_collapse_mobile .nav-link:focus,
html body .offcanvas.o_navbar_mobile .nav-link:hover,
html body .offcanvas.o_navbar_mobile .nav-link:focus {
  color: #F97316 !important;
}
html body #top_menu_collapse_mobile .nav-link span,
html body .offcanvas.o_navbar_mobile .nav-link span {
  color: inherit !important;
}
html body #top_menu_collapse_mobile .btn-close,
html body .offcanvas.o_navbar_mobile .btn-close {
  filter: invert(1) brightness(2) !important;
  opacity: 1 !important;
}
html body #top_menu_collapse_mobile form.o_searchbar_form {
  display: none !important;
}
html body #top_menu_collapse_mobile .btn-primary,
html body .offcanvas.o_navbar_mobile .btn-primary {
  background: linear-gradient(135deg, #F97316 0%, #EA580C 100%) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border-radius: 50px !important;
}



/* === Header Espaces dropdown (details/summary natif) === */
.dkw-espace-details summary::-webkit-details-marker { display: none; }
.dkw-espace-details summary::marker { content: ''; }
.dkw-espace-btn:hover { background: #0F172A !important; color: #fff !important; }
.dkw-espace-item:hover { background: #F8FAFC !important; }




/* === Audit SEO/a11y oct. 2026 === */
/* Pas de défilement horizontal sur mobile (gouttières Bootstrap g-5 > marges du conteneur) */
@media (max-width: 991.98px) {
  .row.g-5, .row.gx-5 { --bs-gutter-x: 1.5rem; margin-left: calc(-.5 * var(--bs-gutter-x)) !important; margin-right: calc(-.5 * var(--bs-gutter-x)) !important; }
  .row.g-5 > *, .row.gx-5 > * { padding-left: calc(.5 * var(--bs-gutter-x)) !important; padding-right: calc(.5 * var(--bs-gutter-x)) !important; }
}
html, body { overflow-x: clip; }
/* Contraste AA des accents orange sur fond clair */
.dkw-section:not([class*="dark"]) .dkw-eyebrow-orange { color: #C2410C !important; }
.dkw-section:not([class*="dark"]) .dkw-h2-accent .dkw-accent-orange { color: #EA580C; }
.dkw-section:not([class*="dark"]) .dkw-service-link { color: #C2410C !important; }
.dkw-rgpd-note a { color: #9A3412 !important; text-decoration: underline; }
/* Liens dans le texte : soulignés pour être distingués */
main p a:not(.btn):not([class*="btn-"]) { text-decoration: underline; text-underline-offset: 2px; }

/* liens dans le texte : contraste AA + soulignement (oct 2026) */
.dkw-section:not([class*="dark"]) p a:not(.btn):not([class*="dkw-btn"]){color:#C2410C!important;text-decoration:underline!important;text-underline-offset:2px}

/* Encart acceptez les cookies (carte bloquee) : ne doit pas recouvrir le formulaire (16/10/2026) */
.o_no_optional_cookie{height:auto!important;min-height:180px;display:flex!important;align-items:center;justify-content:center}