/* ---- source snippet #257 ---- */
/* DEP78 Blog Dark Theme — snippet #253 */

body.blog .container.d-flex, body.archive .container.d-flex { flex-direction: column !important; max-width: 860px !important; }
body.blog .postsidebar, body.archive .postsidebar { display: none !important; }
body.blog .postcontent, body.archive .postcontent { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }

body.blog .banner-head, body.archive .banner-head { background-image: none !important; background: linear-gradient(135deg, #0d1f35 0%, #060e1a 100%) !important; border-bottom: 1px solid rgba(249,115,22,0.25) !important; min-height: 160px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 2.5rem 1rem !important; }
body.blog .banner-head h1, body.archive .banner-head h1, body.blog .banner-head .entry-title, body.archive .banner-head .entry-title { color: #e2e8f0 !important; font-size: clamp(1.75rem,4vw,2.5rem) !important; font-weight: 700 !important; }

body.blog, body.archive { background-color: #060e1a !important; }
body.blog #primary-main, body.archive #primary-main { background-color: #060e1a !important; padding-bottom: 4rem !important; }

body.blog .post-item, body.archive .post-item { background: #0d1f35 !important; border: 1px solid rgba(249,115,22,0.18) !important; border-radius: 16px !important; padding: 1.75rem !important; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important; box-shadow: 0 4px 24px rgba(0,0,0,0.35) !important; }
body.blog .post-item:hover, body.archive .post-item:hover { transform: translateY(-4px) !important; border-color: rgba(249,115,22,0.55) !important; box-shadow: 0 8px 32px rgba(249,115,22,0.12) !important; }
body.blog .maincontent, body.archive .maincontent { padding-left: 0 !important; padding-right: 0 !important; }

body.blog .post-item h2, body.archive .post-item h2, body.blog .post-item .post-title-link, body.archive .post-item .post-title-link { color: #e2e8f0 !important; font-size: clamp(1.15rem,2.5vw,1.4rem) !important; }
body.blog .post-item h2 a:hover, body.archive .post-item h2 a:hover, body.blog .post-item .post-title-link:hover, body.archive .post-item .post-title-link:hover { color: #f97316 !important; }
body.blog .post-item a.text-dark, body.archive .post-item a.text-dark { color: #e2e8f0 !important; }

body.blog .post-item .text-secondary, body.archive .post-item .text-secondary, body.blog .post-item p, body.archive .post-item p { color: #94a3b8 !important; font-size: 0.95rem !important; line-height: 1.65 !important; }
body.blog .post-item .text-muted, body.archive .post-item .text-muted { color: #64748b !important; font-size: 0.82rem !important; }

body.blog .post-item a.text-primary, body.archive .post-item a.text-primary { color: #f97316 !important; font-weight: 600 !important; font-size: 0.9rem !important; text-decoration: none !important; }
body.blog .post-item a.text-primary:hover, body.archive .post-item a.text-primary:hover { color: #fbbf24 !important; }

body.blog .nav-links, body.archive .nav-links { display: flex !important; justify-content: center !important; gap: 0.75rem !important; margin-top: 2rem !important; }
body.blog .nav-links a, body.archive .nav-links a { color: #f97316 !important; border: 1px solid rgba(249,115,22,0.4) !important; padding: 0.4rem 1rem !important; border-radius: 8px !important; text-decoration: none !important; }
body.blog .nav-links a:hover, body.archive .nav-links a:hover { background: rgba(249,115,22,0.12) !important; }

body.single-post #primary-main, body.single .site-main { background-color: #060e1a !important; }
body.single-post .postsidebar, body.single .postsidebar { display: none !important; }
body.single-post .postcontent, body.single .postcontent { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; color: #cbd5e1 !important; font-size: 1.05rem !important; line-height: 1.8 !important; }
body.single-post .singlepage .container, body.single .singlepage .container { max-width: 800px !important; }
body.single-post .banner-head, body.single .banner-head { background-image: none !important; background: linear-gradient(135deg, #0d1f35 0%, #060e1a 100%) !important; border-bottom: 1px solid rgba(249,115,22,0.25) !important; min-height: 200px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 3rem 1.5rem !important; }
body.single-post .banner-head h1, body.single .banner-head h1, body.single-post .banner-head .entry-title, body.single .banner-head .entry-title { color: #e2e8f0 !important; font-size: clamp(1.5rem,3.5vw,2.25rem) !important; font-weight: 700 !important; text-align: center !important; max-width: 700px !important; line-height: 1.3 !important; }

body.single-post .postcontent h2, body.single .postcontent h2 { color: #e2e8f0 !important; font-size: clamp(1.25rem,2.5vw,1.6rem) !important; font-weight: 700 !important; margin-top: 2.5rem !important; margin-bottom: 1rem !important; padding-bottom: 0.5rem !important; border-bottom: 2px solid rgba(249,115,22,0.3) !important; }
body.single-post .postcontent h3, body.single .postcontent h3 { color: #f97316 !important; font-size: clamp(1.05rem,2vw,1.25rem) !important; font-weight: 600 !important; margin-top: 1.75rem !important; margin-bottom: 0.75rem !important; }
body.single-post .postcontent p, body.single .postcontent p { color: #cbd5e1 !important; margin-bottom: 1.25rem !important; }
body.single-post .postcontent a, body.single .postcontent a { color: #f97316 !important; text-decoration: underline !important; }
body.single-post .postcontent a:hover, body.single .postcontent a:hover { color: #fbbf24 !important; }
body.single-post .postcontent ul, body.single-post .postcontent ol, body.single .postcontent ul, body.single .postcontent ol { color: #cbd5e1 !important; padding-left: 1.5rem !important; margin-bottom: 1.25rem !important; }
body.single-post .postcontent strong, body.single .postcontent strong { color: #e2e8f0 !important; }
body.single-post .postcontent kbd, body.single .postcontent kbd { background: #1e3a5f !important; color: #f97316 !important; border-radius: 4px !important; padding: 2px 6px !important; }

@media (max-width: 767px) {
  body.blog .container.d-flex, body.archive .container.d-flex, body.single-post .container.d-flex, body.single .container.d-flex { padding-left: 1rem !important; padding-right: 1rem !important; }
  body.blog .banner-head, body.archive .banner-head { min-height: 120px !important; padding: 1.5rem 1rem !important; }
}
/* ---- source snippet #92 ---- */
/* ================================================
   DEP78 INNER PAGES - PREMIUM v4
   Inspired by: Linear, Stripe, Simply Chocolate
   Applied to ALL pages except homepage
   ================================================ */

/* --- GLOBAL BODY & CONTAINERS --- */
body:not(.home) {
  background:#060e1a!important;
  font-family:'Inter',sans-serif!important;
}
body:not(.home) .site-content,
body:not(.home) #primary,
body:not(.home) .site-main,
body:not(.home) .entry-content,
body:not(.home) article.page,
body:not(.home) .ast-separate-container .ast-article-inner {
  background:#060e1a!important;
}

/* --- HERO SECTION --- */
body:not(.home) .dep78s-hero {
  background:linear-gradient(160deg,#060e1a 0%,#0a1628 55%,#060e1a 100%)!important;
  padding:88px 24px 96px!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(255,255,255,0.05)!important;
}
body:not(.home) .dep78s-hero::before,
body:not(.home) .dep78s-hero::after {
  display:none!important;
}
body:not(.home) .dep78s-hero > *{position:relative;z-index:2}

/* Hero H1 */
body:not(.home) .dep78s-hero h2 {
  font-family:'Inter',sans-serif!important;
  font-size:clamp(2.25rem,4.5vw,3.75rem)!important;
  font-weight:800!important;
  color:#ffffff!important;
  letter-spacing:-0.035em!important;
  line-height:1.08!important;
  margin:0 auto 20px!important;
  max-width:800px!important;
}

/* Hero subtitle */
body:not(.home) .dep78s-hero-sub {
  display:block!important;
  font-family:'Inter',sans-serif!important;
  color:rgba(255,255,255,0.62)!important;
  font-size:1.1rem!important;
  line-height:1.65!important;
  max-width:600px!important;
  margin:0 auto!important;
}

/* Trust pills strip */
body:not(.home) .dep78s-trust {
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:32px!important;
}
body:not(.home) .dep78s-trust span {
  display:inline-flex!important;
  align-items:center!important;
  padding:6px 18px!important;
  border-radius:999px!important;
  font-size:0.78rem!important;
  font-weight:600!important;
  font-family:'Inter',sans-serif!important;
  letter-spacing:0.02em!important;
  background:rgba(249,115,22,0.1)!important;
  border:1px solid rgba(249,115,22,0.32)!important;
  color:#fbbf24!important;
  text-transform:uppercase!important;
}

/* --- CONTENT SECTIONS --- */
body:not(.home) .dep78s-section {
  background:#060e1a!important;
  padding:80px 24px!important;
}

/* Section heading */
body:not(.home) .dep78s-section-title {
  font-family:'Inter',sans-serif!important;
  font-size:clamp(1.6rem,2.8vw,2.25rem)!important;
  font-weight:700!important;
  color:#f97316!important;
  letter-spacing:-0.025em!important;
  line-height:1.15!important;
  margin-bottom:12px!important;
}

/* Section sub-heading */
body:not(.home) .dep78s-section-sub {
  font-family:'Inter',sans-serif!important;
  color:rgba(255,255,255,0.52)!important;
  font-size:1rem!important;
  line-height:1.65!important;
  margin-bottom:56px!important;
  max-width:560px!important;
}

/* Grid layout */
body:not(.home) .dep78s-grid {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:24px!important;
  max-width:1160px!important;
  margin:0 auto!important;
}

/* --- CARDS --- */
body:not(.home) .dep78s-card {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.07)!important;
  border-radius:16px!important;
  padding:32px!important;
  color:#e2e8f0!important;
  transition:border-color .25s,transform .25s,box-shadow .25s!important;
  position:relative!important;
  overflow:hidden!important;
}
body:not(.home) .dep78s-card:hover {
  border-color:rgba(249,115,22,0.28)!important;
  transform:translateY(-5px)!important;
  box-shadow:0 24px 48px rgba(0,0,0,0.45)!important;
}
body:not(.home) .dep78s-card h2,
body:not(.home) .dep78s-card h3,
body:not(.home) .dep78s-card h4 {
  font-family:'Inter',sans-serif!important;
  color:#f97316!important;
  font-size:1.15rem!important;
  font-weight:700!important;
  margin:0 0 10px!important;
  letter-spacing:-0.01em!important;
}
body:not(.home) .dep78s-card p {
  color:rgba(255,255,255,0.62)!important;
  font-family:'Inter',sans-serif!important;
  font-size:0.9rem!important;
  line-height:1.7!important;
  margin-bottom:12px!important;
}
body:not(.home) .dep78s-card ul,
body:not(.home) .dep78s-card ol {
  padding-left:18px!important;
  margin:8px 0 16px!important;
}
body:not(.home) .dep78s-card li {
  color:rgba(255,255,255,0.6)!important;
  font-family:'Inter',sans-serif!important;
  font-size:0.875rem!important;
  line-height:1.65!important;
  margin-bottom:4px!important;
}
body:not(.home) .dep78s-card li::marker {
  color:#f97316!important;
}

/* Card icon badge */
body:not(.home) .dep78s-icon {
  width:52px!important;
  height:52px!important;
  border-radius:12px!important;
  background:rgba(249,115,22,0.14)!important;
  border:1px solid rgba(249,115,22,0.2)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:22px!important;
  font-size:1.5rem!important;
}

/* Price tag pill */
body:not(.home) .dep78s-price {
  display:inline-flex!important;
  align-items:center!important;
  margin-top:20px!important;
  padding:6px 16px!important;
  border-radius:999px!important;
  background:rgba(249,115,22,0.12)!important;
  border:1px solid rgba(249,115,22,0.28)!important;
  color:#fbbf24!important;
  font-weight:700!important;
  font-size:0.85rem!important;
  font-family:'Inter',sans-serif!important;
  letter-spacing:0.01em!important;
}

/* --- CTA SECTION --- */
body:not(.home) .dep78s-cta {
  background:linear-gradient(135deg,#0d1929 0%,#152338 100%)!important;
  border:1px solid rgba(249,115,22,0.14)!important;
  border-radius:20px!important;
  padding:64px 40px!important;
  text-align:center!important;
  max-width:920px!important;
  margin:0 auto!important;
  position:relative!important;
}
body:not(.home) .dep78s-cta::before {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:20px!important;
  background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(249,115,22,0.06) 0%,transparent 70%)!important;
  pointer-events:none!important;
}
body:not(.home) .dep78s-cta h2 {
  font-family:'Inter',sans-serif!important;
  font-size:clamp(1.5rem,2.8vw,2.2rem)!important;
  font-weight:700!important;
  color:#ffffff!important;
  letter-spacing:-0.025em!important;
  margin-bottom:14px!important;
}
body:not(.home) .dep78s-cta p {
  color:rgba(255,255,255,0.58)!important;
  font-family:'Inter',sans-serif!important;
  font-size:1rem!important;
  line-height:1.65!important;
  margin-bottom:36px!important;
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.home) .dep78s-cta-btn,
body:not(.home) .dep78s-cta a[href*="tel"],
body:not(.home) .dep78s-cta > a {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:16px 40px!important;
  background:#f97316!important;
  color:#000!important;
  font-family:'Inter',sans-serif!important;
  font-weight:700!important;
  font-size:1rem!important;
  border-radius:12px!important;
  text-decoration:none!important;
  box-shadow:0 8px 32px rgba(249,115,22,0.38)!important;
  transition:background .2s,transform .15s,box-shadow .2s!important;
  letter-spacing:-0.01em!important;
}
body:not(.home) .dep78s-cta-btn:hover,
body:not(.home) .dep78s-cta a[href*="tel"]:hover,
body:not(.home) .dep78s-cta > a:hover {
  background:#ea6c0a!important;
  transform:scale(1.03)!important;
  box-shadow:0 12px 40px rgba(249,115,22,0.5)!important;
}

/* --- CONTACT PAGE SPECIFIC --- */
body:not(.home) .dep78s-contact-card {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.08)!important;
  border-radius:16px!important;
  padding:28px!important;
  color:#e2e8f0!important;
}
body:not(.home) .dep78s-contact-card h3 {
  color:rgba(255,255,255,0.5)!important;
  font-size:0.7rem!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:0.1em!important;
  margin-bottom:6px!important;
  font-family:'Inter',sans-serif!important;
}
body:not(.home) .dep78s-contact-card a,
body:not(.home) .dep78s-contact-card strong {
  color:#fbbf24!important;
  font-weight:700!important;
  font-size:1.2rem!important;
  font-family:'Inter',sans-serif!important;
  text-decoration:none!important;
}
body:not(.home) .dep78s-contact-card small {
  color:rgba(255,255,255,0.45)!important;
  font-size:0.8rem!important;
}

/* Form inputs - dark style */
body:not(.home) input[type="text"],
body:not(.home) input[type="email"],
body:not(.home) input[type="tel"],
body:not(.home) textarea,
body:not(.home) select {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:10px!important;
  color:#eef4ff!important;
  font-family:'Inter',sans-serif!important;
  padding:12px 16px!important;
  font-size:0.95rem!important;
  transition:border-color .2s,box-shadow .2s!important;
}
body:not(.home) input:focus,
body:not(.home) textarea:focus {
  outline: 2px solid #fb923c !important;
  outline-offset: 2px !important;
  border-color:rgba(249,115,22,0.5)!important;
  box-shadow:0 0 0 3px rgba(249,115,22,0.1)!important;
}
body:not(.home) input[type="submit"],
body:not(.home) .wpcf7-submit,
body:not(.home) .wpforms-submit {
  background:#f97316!important;
  color:#000!important;
  font-weight:700!important;
  font-family:'Inter',sans-serif!important;
  border:none!important;
  border-radius:10px!important;
  padding:14px 32px!important;
  cursor:pointer!important;
  transition:background .2s,transform .15s!important;
  box-shadow:0 6px 24px rgba(249,115,22,0.3)!important;
}
body:not(.home) input[type="submit"]:hover,
body:not(.home) .wpcf7-submit:hover,
body:not(.home) .wpforms-submit:hover {
  background:#ea6c0a!important;
  transform:scale(1.02)!important;
}

/* --- FOOTER --- */
body:not(.home) .site-footer,
body:not(.home) #colophon {
  background:#040c18!important;
  border-top:1px solid rgba(255,255,255,0.06)!important;
  color:rgba(255,255,255,0.45)!important;
}
body:not(.home) .site-footer a,
body:not(.home) #colophon a {
  color:rgba(255,255,255,0.55)!important;
  transition:color .2s!important;
}
body:not(.home) .site-footer a:hover,
body:not(.home) #colophon a:hover {
  color:#fbbf24!important;
}

/* --- RESPONSIVE --- */
@media(max-width:768px){
  body:not(.home) .dep78s-hero{padding:88px 16px 72px!important}
  body:not(.home) .dep78s-section{padding:56px 16px!important}
  body:not(.home) .dep78s-cta{padding:40px 20px!important}
  body:not(.home) .dep78s-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  body:not(.home) .dep78s-hero h2{font-size:2rem!important}
  body:not(.home) .dep78s-trust span{font-size:0.72rem!important;padding:5px 14px!important}
}

/* ===================================================
   /CONTACT/ — dep78c-* CLASS SYSTEM FIX
   =================================================== */
body:not(.home) .dep78c-hero {
  background:linear-gradient(160deg,#060e1a 0%,#0a1628 55%,#060e1a 100%)!important;
  padding:88px 24px 96px!important;
  border-bottom:1px solid rgba(255,255,255,0.05)!important;
  position:relative!important;
}
body:not(.home) .dep78c-hero::before,
body:not(.home) .dep78c-hero::after { display:none!important; }
body:not(.home) .dep78c-hero h2 {
  font-size:clamp(2.25rem,4.5vw,3.75rem)!important;
  font-weight:800!important; color:#ffffff!important;
  letter-spacing:-0.035em!important; line-height:1.08!important;
}
body:not(.home) .dep78c-hero-sub { color:rgba(255,255,255,0.62)!important; }
body:not(.home) .dep78c-trust span {
  background:rgba(249,115,22,0.1)!important;
  border:1px solid rgba(249,115,22,0.32)!important;
  color:#fbbf24!important; text-transform:uppercase!important;
  border-radius:999px!important; padding:6px 16px!important;
}
body:not(.home) .dep78c-body { background:#060e1a!important; }
body:not(.home) .dep78c-card {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.07)!important;
  border-radius:16px!important; color:#e2e8f0!important;
  transition:border-color .25s,transform .25s,box-shadow .25s!important;
}
body:not(.home) .dep78c-card:hover {
  border-color:rgba(249,115,22,0.28)!important;
  transform:translateY(-4px)!important;
  box-shadow:0 16px 40px rgba(0,0,0,0.4)!important;
}
body:not(.home) .dep78c-icon {
  background:rgba(249,115,22,0.15)!important;
  border-radius:10px!important;
}
body:not(.home) .dep78c-label {
  color:rgba(255,255,255,0.45)!important;
  text-transform:uppercase!important;
  font-size:.75rem!important; letter-spacing:.1em!important;
}
body:not(.home) .dep78c-value {
  color:#f97316!important; font-weight:700!important;
}
body:not(.home) .dep78c-sub { color:rgba(255,255,255,0.45)!important; }
body:not(.home) .dep78c-urgence {
  background:linear-gradient(135deg,#0d1929,#152338)!important;
  border:1px solid rgba(249,115,22,0.2)!important;
  border-radius:16px!important; color:#e2e8f0!important;
}
body:not(.home) .dep78c-right { background:#060e1a!important; }
body:not(.home) .dep78c-formbox {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.07)!important;
  border-radius:20px!important;
}
body:not(.home) .dep78c-formbox h2,
body:not(.home) .dep78c-formbox h3 { color:#ffffff!important; font-weight:700!important; }
body:not(.home) .dep78c-formsub { color:rgba(255,255,255,0.55)!important; }

/* WPForms */
body:not(.home) .wpforms-field textarea,
body:not(.home) .wpforms-field-textarea textarea,
body:not(.home) textarea.wpforms-field-medium,
body:not(.home) .dep78c-formbox textarea,
body:not(.home) .dep78c-right textarea {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:10px!important;
  color:#eef4ff!important;
  font-family:'Inter',sans-serif!important;
}
body:not(.home) .wpforms-field textarea:focus,
body:not(.home) textarea.wpforms-field-medium:focus {
  border-color:rgba(249,115,22,0.45)!important;
  outline: 2px solid #fb923c !important;
  outline-offset: 2px !important;
  box-shadow:0 0 0 3px rgba(249,115,22,0.1)!important;
}
body:not(.home) .wpforms-field input[type="text"],
body:not(.home) .wpforms-field input[type="email"],
body:not(.home) .wpforms-field input[type="tel"] {
  background:#0d1929!important;
  border:1px solid rgba(255,255,255,0.12)!important;
  border-radius:10px!important;
  color:#eef4ff!important;
}
body:not(.home) .wpforms-field input:focus {
  border-color:rgba(249,115,22,0.45)!important;
  box-shadow:0 0 0 3px rgba(249,115,22,0.1)!important;
}
body:not(.home) .wpforms-field label { color:rgba(255,255,255,0.7)!important; font-size:.8rem!important; letter-spacing:.06em!important; text-transform:uppercase!important; }
body:not(.home) .wpforms-submit,
body:not(.home) button[type="submit"].wpforms-submit {
  background:#f97316!important; color:#000!important;
  font-weight:700!important; border-radius:12px!important;
  border:none!important; box-shadow:0 8px 32px rgba(249,115,22,0.35)!important;
  width:100%!important;
}
body:not(.home) .wpforms-submit:hover { background:#ea6c0a!important; transform:translateY(-1px)!important; }

/* =============================================
   HAMBURGER MOBILE — toutes pages (home + inner)
   ============================================= */
/* Desktop : cacher le hamburger */
button.menu-toggle {
  display: none !important;
}
/* Mobile ≤1024px : montrer le hamburger */
@media (max-width: 1024px) {
  button.menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10001 !important;
  }
}

/* ========================================
   FIX MOBILE NAV — cacher logocontent par défaut
   Le thème ne cache pas .logocontent en mobile.
   Résultat : liens desktop débordent à 390px.
   Fix : display:none + dropdown fixe sur .toggled
   ======================================== */
@media (max-width: 1024px) {
  /* Cacher la zone nav (liens + bouton CTA header) */
  .logocontent {
    display: none !important;
  }
  /* Quand hamburger cliqué → #site-navigation.toggled → dropdown fixe */
  #site-navigation.toggled .logocontent {
    display: block !important;
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #060e1a !important;
    z-index: 10000 !important;
    padding: 12px 0 20px !important;
    border-top: 1px solid rgba(249,115,22,0.2) !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.7) !important;
  }
  /* Style des liens dans le dropdown mobile */
  #site-navigation.toggled .logocontent ul#primary-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    position: static !important;
  }
  #site-navigation.toggled .logocontent ul#primary-menu li a {
    display: block !important;
    padding: 14px 24px !important;
    color: rgba(255,255,255,0.85) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    transition: background 0.15s, color 0.15s !important;
  }
  #site-navigation.toggled .logocontent ul#primary-menu li a:hover {
    background: rgba(249,115,22,0.08) !important;
    color: #f97316 !important;
  }
  /* Cacher le bouton CTA dans le dropdown (on a le sticky CTA) */
  #site-navigation.toggled .logocontent .btn.justify-right {
    display: none !important;
  }
}

/* ========================================
   FIX EMOJIS TWEMOJI GÉANTS — pages villes
   ======================================== */
body:not(.home) img.emoji {
  width: 1.4em !important;
  height: 1.4em !important;
  max-width: 1.4em !important;
  display: inline !important;
  vertical-align: middle !important;
}

/* ========================================
   FIX DIV FOND BLANC — containers emoji
   ======================================== */
body:not(.home) .entry-content div:not([class]):not([id]) {
  background: transparent !important;
  max-width: 100% !important;
  width: auto !important;
}
body:not(.home) .entry-content a:not([class]) img.emoji {
  width: 1.5em !important;
  height: 1.5em !important;
  max-width: 1.5em !important;
}

/* ========================================
   FIX BANNER-HEAD — masquer le titre theme
   ======================================== */
body:not(.home) .banner-head {
  display: none !important;
}

/* ========================================
   FIX GAP HERO→SECTION — reduire espacement
   ======================================== */
body:not(.home) .dep78s-hero {
  padding-bottom: 60px !important;
}
body:not(.home) .dep78s-section {
  padding-top: 60px !important;
}

/* ========================================
   PAGES LÉGALES — fond clair (lisibilité)
   IDs: 25 mentions, 26 CGV, 27 confidentialité, 58 cookies
   ======================================== */
body.page-id-25,
body.page-id-26,
body.page-id-27,
body.page-id-58 {
  background: #f8fafc !important;
}
body.page-id-25 .site-content,body.page-id-25 #primary,body.page-id-25 .site-main,body.page-id-25 .entry-content,body.page-id-25 article,
body.page-id-26 .site-content,body.page-id-26 #primary,body.page-id-26 .site-main,body.page-id-26 .entry-content,body.page-id-26 article,
body.page-id-27 .site-content,body.page-id-27 #primary,body.page-id-27 .site-main,body.page-id-27 .entry-content,body.page-id-27 article,
body.page-id-58 .site-content,body.page-id-58 #primary,body.page-id-58 .site-main,body.page-id-58 .entry-content,body.page-id-58 article {
  background: #f8fafc !important;
}

/* ========================================
   CONTACT MOBILE — dep78c responsive
   ======================================== */
@media(max-width:768px) {
  body:not(.home) .dep78c-hero {
    padding: 88px 16px 72px !important;
  }
  body:not(.home) .dep78c-body {
    flex-direction: column !important;
    padding: 40px 16px 60px !important;
  }
  body:not(.home) .dep78c-left,
  body:not(.home) .dep78c-right {
    width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
  body:not(.home) .dep78c-formbox {
    padding: 24px 20px !important;
  }
}

/* ========================================
   FIX COULEUR TEXTE GLOBAL — pages sombres
   ======================================== */
body:not(.home) .entry-content {
  color: rgba(255, 255, 255, 0.78) !important;
}
body.page-id-25 .entry-content,
body.page-id-26 .entry-content,
body.page-id-27 .entry-content,
body.page-id-58 .entry-content {
  color: #374151 !important;
}

/* Hide orphan footer div on all pages */
body:not(.home) #page ~ div:not([id]):not([class]){display:none!important}

/* ================================================
   DEP78 PREMIUM UPGRADE v2.0
   Glassmorphism, animations, badges, breadcrumbs
   ================================================ */

/* --- GLASSMORPHISM CARDS --- */
body:not(.home) .dep78s-card {
  background: rgba(13, 25, 41, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}
body:not(.home) .dep78s-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(249, 115, 22, 0.4) 50%, transparent 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}
body:not(.home) .dep78s-card:hover {
  border-color: rgba(249, 115, 22, 0.3) !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 30px rgba(249, 115, 22, 0.08) !important;
}
body:not(.home) .dep78s-card:hover::before {
  opacity: 1 !important;
}
/* --- SECTION LABELS --- */
body:not(.home) .dep78s-section-label {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #f97316 !important;
  margin-bottom: 12px !important;
}

/* --- HERO GRADIENT amélioré --- */
body:not(.home) .dep78s-hero {
  background: linear-gradient(165deg, #060e1a 0%, #0d1a2d 35%, #0a1628 65%, #060e1a 100%) !important;
  padding: 96px 24px 104px !important;
  border-bottom: 2px solid rgba(249, 115, 22, 0.15) !important;
}

/* --- CTA PULSE ANIMATION --- */
@keyframes dep78-pulse-glow {
  0%, 100% { box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3), 0 0 0 0 rgba(249, 115, 22, 0.2); }
  50% { box-shadow: 0 4px 16px rgba(249, 115, 22, 0.3), 0 0 0 8px rgba(249, 115, 22, 0); }
}
body:not(.home) .dep78s-cta-btn {
  animation: dep78-pulse-glow 3s ease-in-out infinite !important;
}
body:not(.home) .dep78s-cta-btn:hover {
  animation: none !important;
  box-shadow: 0 8px 32px rgba(249, 115, 22, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* --- BREADCRUMBS --- */
body:not(.home) .dep78s-breadcrumbs,
body:not(.home) .rank-math-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 16px 24px 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  font-size: 0.85rem !important;
  color: rgba(255, 255, 255, 0.45) !important;
}
body:not(.home) .dep78s-breadcrumbs a,
body:not(.home) .rank-math-breadcrumb a {
  color: rgba(255, 255, 255, 0.55) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
body:not(.home) .dep78s-breadcrumbs a:hover,
body:not(.home) .rank-math-breadcrumb a:hover {
  color: #f97316 !important;
}
body:not(.home) .dep78s-breadcrumbs .separator,
body:not(.home) .rank-math-breadcrumb .separator {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 0.75rem !important;
}
/* --- BADGE POPULAIRE --- */
body:not(.home) .dep78s-card[data-popular="true"],
body:not(.home) .dep78s-card.dep78s-popular {
  border-color: rgba(249, 115, 22, 0.4) !important;
  box-shadow: 0 0 30px rgba(249, 115, 22, 0.1) !important;
}
body:not(.home) .dep78s-card[data-popular="true"]::after,
body:not(.home) .dep78s-card.dep78s-popular::after {
  content: "Populaire" !important;
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  color: #000000 !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  z-index: 3 !important;
}

/* --- SECTION TITLE underline --- */
body:not(.home) .dep78s-section-title::after {
  content: "" !important;
  display: block !important;
  width: 60px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #f97316, #fb923c) !important;
  border-radius: 2px !important;
  margin: 14px auto 0 !important;
}

/* --- ICON glow --- */
body:not(.home) .dep78s-icon {
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(249, 115, 22, 0.08) !important;
  border: 1px solid rgba(249, 115, 22, 0.15) !important;
  font-size: 1.5rem !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease !important;
}
body:not(.home) .dep78s-card:hover .dep78s-icon {
  background: rgba(249, 115, 22, 0.15) !important;
  border-color: rgba(249, 115, 22, 0.35) !important;
  transform: scale(1.08) !important;
}

/* --- GRID --- */
body:not(.home) .dep78s-grid {
  gap: 20px !important;
}

/* --- SECTION SPACING --- */
body:not(.home) .dep78s-section {
  padding: 4.5rem 1.5rem !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}
/* --- CTA SECTION gradient --- */
body:not(.home) .dep78s-cta {
  background: linear-gradient(165deg, #0d1929 0%, #152338 40%, #0f1d30 100%) !important;
  border: 1px solid rgba(249, 115, 22, 0.2) !important;
  border-radius: 20px !important;
  padding: 56px 32px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
body:not(.home) .dep78s-cta::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(ellipse at center, rgba(249, 115, 22, 0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

/* --- PRICING glassmorphism --- */
body:not(.home) .dep78s-section [style*="background:#040c18"],
body:not(.home) .dep78s-section [style*="background: #040c18"] {
  background: rgba(4, 12, 24, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
}

/* --- FAQ premium --- */
body:not(.home) details {
  background: rgba(13, 25, 41, 0.5) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  transition: all 0.25s ease !important;
}
body:not(.home) details:hover {
  border-color: rgba(249, 115, 22, 0.2) !important;
}
body:not(.home) details[open] {
  border-color: rgba(249, 115, 22, 0.3) !important;
  background: rgba(13, 25, 41, 0.7) !important;
}
body:not(.home) details summary {
  padding: 18px 24px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 1rem !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: color 0.2s ease !important;
}
body:not(.home) details summary:hover {
  color: #fb923c !important;
}
body:not(.home) details summary::-webkit-details-marker {
  display: none !important;
}
body:not(.home) details summary::after {
  content: "+" !important;
  font-size: 1.4rem !important;
  color: #f97316 !important;
  font-weight: 400 !important;
  transition: transform 0.3s ease !important;
  flex-shrink: 0 !important;
  margin-left: 16px !important;
}
body:not(.home) details[open] summary::after {
  content: "\2212" !important;
  transform: rotate(180deg) !important;
}
body:not(.home) details > div,
body:not(.home) details > p {
  padding: 0 24px 20px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  line-height: 1.7 !important;
  font-size: 0.95rem !important;
}
/* ===== PAGES VILLES (dep78v-*) ===== */

/* --- HERO VILLE --- */
body.dep78v-page:not(.home) .dep78s-hero {
  padding: 108px 24px 116px !important;
  background: linear-gradient(165deg, #060e1a 0%, #0d1a2d 30%, #101e33 55%, #0a1628 80%, #060e1a 100%) !important;
  border-bottom: 2px solid rgba(249, 115, 22, 0.25) !important;
  position: relative !important;
}
body.dep78v-page:not(.home) .dep78s-hero::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.3), transparent) !important;
}
body.dep78v-page:not(.home) .dep78s-hero h2 {
  font-size: clamp(2.5rem, 5.5vw, 4.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
  max-width: 880px !important;
}
body.dep78v-page:not(.home) .dep78s-hero-sub {
  font-size: 1.18rem !important;
  line-height: 1.7 !important;
  max-width: 660px !important;
  margin-top: 18px !important;
}
body.dep78v-page:not(.home) .dep78s-trust span {
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
  background: rgba(249, 115, 22, 0.07) !important;
  color: #fbbf24 !important;
  font-weight: 600 !important;
}

/* --- CARDS VILLE glassmorphism --- */
body.dep78v-page:not(.home) .dep78s-card {
  background: rgba(13, 25, 41, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(249, 115, 22, 0.15) !important;
  border-radius: 18px !important;
}
body.dep78v-page:not(.home) .dep78s-card:hover {
  border-color: rgba(249, 115, 22, 0.45) !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45), 0 0 40px rgba(249, 115, 22, 0.1) !important;
}
body.dep78v-page:not(.home) .dep78s-icon {
  background: rgba(249, 115, 22, 0.1) !important;
  border: 1px solid rgba(249, 115, 22, 0.22) !important;
}
body.dep78v-page:not(.home) .dep78s-card h3 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 1.18rem !important;
  margin-bottom: 10px !important;
}
body.dep78v-page:not(.home) .dep78s-card p {
  color: rgba(255, 255, 255, 0.68) !important;
  line-height: 1.65 !important;
}
/* Card list ville */
body.dep78v-page:not(.home) .dep78s-card ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 14px 0 !important;
}
body.dep78v-page:not(.home) .dep78s-card li {
  color: rgba(255, 255, 255, 0.72) !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  font-size: 0.93rem !important;
}
body.dep78v-page:not(.home) .dep78s-card li:last-child {
  border-bottom: none !important;
}
body.dep78v-page:not(.home) .dep78s-section-title {
  position: relative !important;
  padding-bottom: 18px !important;
}

/* --- PRIX BADGE VILLE --- */
body.dep78v-page:not(.home) .dep78s-price {
  background: rgba(249, 115, 22, 0.12) !important;
  color: #fb923c !important;
  border: 1px solid rgba(249, 115, 22, 0.28) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  display: inline-block !important;
  margin-top: 14px !important;
  transition: all 0.25s ease !important;
}
body.dep78v-page:not(.home) .dep78s-card:hover .dep78s-price {
  background: rgba(249, 115, 22, 0.18) !important;
  border-color: rgba(249, 115, 22, 0.4) !important;
}

/* --- CTA VILLE full-width pulse --- */
body.dep78v-page:not(.home) .dep78s-cta {
  background: linear-gradient(165deg, #0d1929 0%, #152338 35%, #0f1d30 100%) !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
  border-radius: 20px !important;
  padding: 56px 36px !important;
  text-align: center !important;
  margin-top: 32px !important;
  position: relative !important;
  overflow: hidden !important;
}
body.dep78v-page:not(.home) .dep78s-cta::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(ellipse at center, rgba(249, 115, 22, 0.08) 0%, transparent 65%) !important;
  pointer-events: none !important;
}
body.dep78v-page:not(.home) .dep78s-cta h2 {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 3.5vw, 2.2rem) !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
  position: relative !important;
  z-index: 1 !important;
}
body.dep78v-page:not(.home) .dep78s-cta p {
  color: rgba(255, 255, 255, 0.62) !important;
  max-width: 520px !important;
  margin: 0 auto 28px !important;
  line-height: 1.65 !important;
  position: relative !important;
  z-index: 1 !important;
}
body.dep78v-page:not(.home) .dep78s-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  min-width: 300px !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  color: #000000 !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 4px 20px rgba(249, 115, 22, 0.35), 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  animation: dep78-pulse-glow 3s ease-in-out infinite !important;
  position: relative !important;
  z-index: 1 !important;
}
body.dep78v-page:not(.home) .dep78s-cta-btn:hover {
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 32px rgba(249, 115, 22, 0.5), 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  animation: none !important;
}

/* --- PRICING VILLE glassmorphism --- */
body.dep78v-page:not(.home) .dep78s-section [style*="background:#040c18"],
body.dep78v-page:not(.home) .dep78s-section [style*="background: #040c18"] {
  background: rgba(4, 12, 24, 0.75) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  margin: 20px 0 !important;
}


/* ===== PAGES VILLES — UPGRADE PREMIUM ===== */

/* --- 1. BADGE ANIMÉ "Disponible — Yvelines (78)" --- */
body.dep78v-page:not(.home) .dep78s-hero::before {
  content: "\25CF  Disponible \2014\00A0Yvelines (78)" !important;
  display: inline-block !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  background: rgba(249, 115, 22, 0.10) !important;
  color: #fb923c !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 8px 20px !important;
  border-radius: 100px !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
  margin-bottom: 20px !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  animation: dep78-badge-pulse 2.5s ease-in-out infinite !important;
}

@keyframes dep78-badge-pulse {
  0%, 100% { border-color: rgba(249, 115, 22, 0.25); box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.15); }
  50% { border-color: rgba(249, 115, 22, 0.45); box-shadow: 0 0 0 6px rgba(249, 115, 22, 0); }
}

/* --- 2. H1 GRADIENT TEXT white → amber --- */
body.dep78v-page:not(.home) .dep78s-hero h2 {
  background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 55%, #fbbf24 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* --- 3. HERO RADIAL GLOW orange --- */
body.dep78v-page:not(.home) .dep78s-hero {
  background: 
    radial-gradient(ellipse 80% 60% at 50% -5%, rgba(249, 115, 22, 0.13) 0%, transparent 70%),
    linear-gradient(165deg, #060e1a 0%, #0d1a2d 30%, #101e33 55%, #0a1628 80%, #060e1a 100%) !important;
}

/* --- 4. BOUTON FLOTTANT CTA MOBILE --- */
#dep78-mobile-cta {
  position: fixed !important;
  bottom: 28px !important;
  right: 28px !important;
  z-index: 9998 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 56px !important;
  padding: 14px 28px !important;
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
  color: #000000 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 32px rgba(249, 115, 22, 0.45), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
  animation: dep78-bob 2.5s ease-in-out infinite !important;
}
#dep78-mobile-cta:hover {
  background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(249, 115, 22, 0.55), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  animation: none !important;
}

@keyframes dep78-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* Responsive bouton flottant */
@media (min-width: 1025px) {
  #dep78-mobile-cta {
    display: none !important;
  }
}
@media (max-width: 375px) {
  #dep78-mobile-cta {
    bottom: 20px !important;
    right: 16px !important;
    padding: 12px 22px !important;
    font-size: 0.92rem !important;
    min-height: 48px !important;
  }
  body.dep78v-page:not(.home) .dep78s-hero::before {
    font-size: 0.75rem !important;
    padding: 6px 14px !important;
  }
}

/* ===== RESPONSIVE ===== */

@media (max-width: 375px) {
  body:not(.home) .dep78s-hero {
    padding: 80px 16px 72px !important;
  }
  body:not(.home) .dep78s-hero h2 {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
  }
  body:not(.home) .dep78s-hero-sub {
    font-size: 0.95rem !important;
  }
  body:not(.home) .dep78s-trust {
    gap: 6px !important;
  }
  body:not(.home) .dep78s-trust span {
    font-size: 0.75rem !important;
    padding: 5px 10px !important;
  }
  body:not(.home) .dep78s-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body:not(.home) .dep78s-card {
    padding: 24px 20px !important;
  }
  body:not(.home) .dep78s-cta-btn {
    min-width: 100% !important;
    min-height: 48px !important;
    font-size: 1.05rem !important;
    padding: 12px 20px !important;
  }
  body:not(.home) .dep78s-cta {
    padding: 32px 16px !important;
    border-radius: 14px !important;
  }
  body:not(.home) details summary {
    padding: 14px 16px !important;
    font-size: 0.92rem !important;
  }
  body:not(.home) .dep78s-section {
    padding: 2.5rem 1rem !important;
  }
  body:not(.home) .dep78s-breadcrumbs,
  body:not(.home) .rank-math-breadcrumb {
    padding: 12px 16px 0 !important;
    font-size: 0.78rem !important;
  }
}
@media (max-width: 414px) {
  body:not(.home) .dep78s-grid {
    grid-template-columns: 1fr !important;
  }
  body:not(.home) .dep78s-hero h2 {
    font-size: 1.85rem !important;
  }
  body:not(.home) .dep78s-cta-btn {
    min-width: 100% !important;
  }
}
@media (max-width: 768px) {
  body:not(.home) .dep78s-hero {
    padding: 88px 20px 80px !important;
  }
  body:not(.home) .dep78s-cta {
    padding: 40px 20px !important;
  }
  body:not(.home) .dep78s-section {
    padding: 3rem 1rem !important;
  }
  body:not(.home) .dep78s-card {
    padding: 28px 24px !important;
  }
}
@media (max-width: 1024px) {
  body:not(.home) .dep78s-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ================================================
   DEP78 ALL INNER PAGES — PREMIUM UPGRADE 2026
   Tendances : glassmorphism 2.0, gradient text,
   radial glow, focus rings, micro-interactions
   Appliqué à TOUTES les pages internes (body:not(.home))
   ================================================ */

/* --- 1. H1 GRADIENT TEXT — toutes pages internes --- */
body:not(.home) .dep78s-hero h2 {
  background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 55%, #fbbf24 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
body:not(.home) .dep78c-hero h2 {
  background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 55%, #fbbf24 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* --- 2. HERO RADIAL GLOW — toutes pages internes --- */
body:not(.home) .dep78s-hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% -5%, rgba(249, 115, 22, 0.10) 0%, transparent 70%),
    linear-gradient(165deg, #060e1a 0%, #0d1a2d 35%, #0a1628 65%, #060e1a 100%) !important;
}
body:not(.home) .dep78c-hero {
  background:
    radial-gradient(ellipse 80% 60% at 50% -5%, rgba(249, 115, 22, 0.10) 0%, transparent 70%),
    linear-gradient(165deg, #060e1a 0%, #0d1a2d 35%, #0a1628 65%, #060e1a 100%) !important;
}

/* --- 3. BADGE ANIMÉ — toutes pages internes --- */
body:not(.home) .dep78s-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body:not(.home) .dep78s-hero::before {
  content: "\25CF  Expert Certifi\00E9 \2014\00A0Yvelines (78)" !important;
  display: inline-block !important;
  position: relative !important;
  top: auto !important; left: auto !important; right: auto !important;
  width: auto !important; height: auto !important;
  background: rgba(249, 115, 22, 0.10) !important;
  color: #fb923c !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 7px 18px !important;
  border-radius: 100px !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
  margin-bottom: 18px !important;
  z-index: 5 !important;
  pointer-events: auto !important;
  animation: dep78-badge-pulse 2.5s ease-in-out infinite !important;
}
body.dep78v-page:not(.home) .dep78s-hero::before {
  content: "\25CF  Disponible \2014\00A0Yvelines (78)" !important;
}
body:not(.home) .dep78c-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body:not(.home) .dep78c-hero::before {
  content: "\25CF  R\00E9ponse rapide \2014\0000A0du lundi au samedi" !important;
  display: inline-block !important;
  position: relative !important;
  top: auto !important; left: auto !important; right: auto !important;
  width: auto !important; height: auto !important;
  background: rgba(249, 115, 22, 0.10) !important;
  color: #fb923c !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 7px 18px !important;
  border-radius: 100px !important;
  border: 1px solid rgba(249, 115, 22, 0.25) !important;
  margin-bottom: 18px !important;
  z-index: 5 !important;
  animation: dep78-badge-pulse 2.5s ease-in-out infinite !important;
}
body:not(.home) .dep78s-hero::after {
  display: none !important;
}
body.dep78v-page:not(.home) .dep78s-hero::after {
  display: block !important;
}


/* --- 4. CARD H3 BLANC + ACCENT ORANGE ::after --- */
body:not(.home) .dep78s-card h2,
body:not(.home) .dep78s-card h3,
body:not(.home) .dep78s-card h4 {
  color: #ffffff !important;
  position: relative !important;
}
body:not(.home) .dep78s-card h3::after {
  content: "" !important;
  display: block !important;
  width: 32px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #f97316, transparent) !important;
  border-radius: 2px !important;
  margin-top: 8px !important;
}

/* --- 5. CTA BOUTONS — color: #000 WCAG AA fix (4.7:1 sur orange) --- */
body:not(.home) .dep78s-cta-btn,
body:not(.home) .dep78s-cta a[href*="tel"],
body:not(.home) .dep78s-cta > a {
  color: #000000 !important;
}
body:not(.home) .dep78s-cta-btn:hover,
body:not(.home) .dep78s-cta a[href*="tel"]:hover,
body:not(.home) .dep78s-cta > a:hover {
  color: #000000 !important;
}

/* --- 6. CTA SECTION — h2 plus grand + glow --- */
body:not(.home) .dep78s-cta h2 {
  font-size: clamp(1.7rem, 3.2vw, 2.5rem) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}
body:not(.home) .dep78s-cta p {
  color: rgba(255, 255, 255, 0.65) !important;
}
body:not(.home) .dep78s-cta::before {
  background: radial-gradient(ellipse 70% 70% at 50% 0%, rgba(249, 115, 22, 0.10) 0%, transparent 70%) !important;
}

/* --- 7. ICON POP ANIMATION renforcée --- */
body:not(.home) .dep78s-icon {
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body:not(.home) .dep78s-card:hover .dep78s-icon {
  background: rgba(249, 115, 22, 0.18) !important;
  border-color: rgba(249, 115, 22, 0.45) !important;
  transform: scale(1.12) rotate(3deg) !important;
  box-shadow: 0 0 20px rgba(249, 115, 22, 0.15) !important;
}

/* --- 8. PRICE BADGE AMBER --- */
body:not(.home) .dep78s-price {
  background: rgba(251, 191, 36, 0.10) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251, 191, 36, 0.30) !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  padding: 8px 18px !important;
  border-radius: 10px !important;
  transition: all 0.25s ease !important;
}
body:not(.home) .dep78s-card:hover .dep78s-price {
  background: rgba(251, 191, 36, 0.16) !important;
  border-color: rgba(251, 191, 36, 0.45) !important;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.1) !important;
}

/* --- 9. FOCUS RINGS WCAG 2.2 --- */
body:not(.home) a:focus-visible,
body:not(.home) button:focus-visible,
body:not(.home) input:focus-visible,
body:not(.home) textarea:focus-visible,
body:not(.home) select:focus-visible,
body:not(.home) [tabindex]:focus-visible {
  outline: 2px solid #fb923c !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}
body:not(.home) .dep78s-cta-btn:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.3) !important;
}

/* --- 10. SECTION TITLE UNDERLINE gradient --- */
body:not(.home) .dep78s-section-title {
  position: relative !important;
}
body:not(.home) .dep78s-section-title::after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: linear-gradient(90deg, #f97316 0%, #fbbf24 100%) !important;
  border-radius: 2px !important;
  margin-top: 14px !important;
}

/* --- 11. GLASSMORPHISM 2.0 — cartes améliorées --- */
body:not(.home) .dep78s-card {
  background: rgba(13, 25, 41, 0.55) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body:not(.home) .dep78s-card:hover {
  border-color: rgba(249, 115, 22, 0.35) !important;
  transform: translateY(-7px) !important;
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.45),
    0 0 32px rgba(249, 115, 22, 0.08) !important;
}

/* --- 12. CARD TOP GLOW LINE on hover --- */
body:not(.home) .dep78s-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent 0%, rgba(249, 115, 22, 0.5) 50%, transparent 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}
body:not(.home) .dep78s-card:hover::before {
  opacity: 1 !important;
}

/* --- 13. SMOOTH SCROLL --- */
html {
  scroll-behavior: smooth !important;
}

/* --- 14. RESPONSIVE 2026 --- */
@media (max-width: 375px) {
  body:not(.home) .dep78s-hero::before {
    font-size: 0.72rem !important;
    padding: 5px 12px !important;
  }
  body:not(.home) .dep78c-hero::before {
    font-size: 0.72rem !important;
    padding: 5px 12px !important;
  }
  body:not(.home) .dep78s-card h3::after {
    width: 24px !important;
  }
}
@media (max-width: 768px) {
  body:not(.home) .dep78s-cta h2 {
    font-size: 1.5rem !important;
  }
}


/* --- FIX 3 WCAG: Masquer H1 parasites (1 seul H1 par page) --- */
body:not(.home) .entry-title {
  display: none !important;
}
body:not(.home) .d78-h1 {
  display: none !important;
}
body:not(.home) .ast-page-title h1 {
  display: none !important;
}

/* --- FIX 6 WCAG: Footer touch targets >= 44px --- */
body:not(.home) .site-footer a,
body:not(.home) #colophon a {
  display: inline-block !important;
  padding: 8px 4px !important;
  min-height: 44px !important;
  line-height: 28px !important;
}

/* ================================================
   DEP78 DESIGN UPGRADE 2026 — 8 Améliorations
   Date: 2026-06-05
   ================================================ */

/* ===== UPGRADE 1: FOOTER PREMIUM REFONTE ===== */
body:not(.home) .site-footer,
body:not(.home) #colophon {
  background: #040c18 !important;
  border-top: 2px solid #f97316 !important;
  padding: 48px 24px 24px !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: "Inter", sans-serif !important;
}
body:not(.home) .dep78-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px !important;
  max-width: 1160px !important;
  margin: 0 auto 32px !important;
}
body:not(.home) .dep78-footer-col h4 {
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 16px !important;
  font-family: "Inter", sans-serif !important;
}
body:not(.home) .dep78-footer-col p,
body:not(.home) .dep78-footer-col li {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.88rem !important;
  line-height: 1.7 !important;
  margin-bottom: 6px !important;
  font-family: "Inter", sans-serif !important;
}
body:not(.home) .dep78-footer-col ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body:not(.home) .dep78-footer-col a {
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
  padding: 6px 0 !important;
  min-height: 44px !important;
  line-height: 32px !important;
}
body:not(.home) .dep78-footer-col a:hover {
  color: #f97316 !important;
}
body:not(.home) .dep78-footer-phone {
  color: #f97316 !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
  min-height: 44px !important;
  line-height: 44px !important;
}
body:not(.home) .dep78-footer-phone:hover {
  color: #fb923c !important;
}
body:not(.home) .dep78-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 20px !important;
  text-align: center !important;
  color: rgba(255,255,255,0.35) !important;
  font-size: 0.8rem !important;
}
body:not(.home) .dep78-footer-bottom a {
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
  margin: 0 12px !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
  min-height: 44px !important;
  padding: 8px 4px !important;
  line-height: 28px !important;
}
body:not(.home) .dep78-footer-bottom a:hover {
  color: #f97316 !important;
}
/* Masquer ancien site-info du theme */
body:not(.home) .site-info {
  display: none !important;
}
/* Masquer la map embed vide */
body:not(.home) .contactmapbox {
  display: none !important;
}
/* Footer responsive */
@media (max-width: 768px) {
  body:not(.home) .dep78-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
  }
}
@media (max-width: 480px) {
  body:not(.home) .dep78-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  body:not(.home) .site-footer,
  body:not(.home) #colophon {
    padding: 36px 16px 20px !important;
  }
}

/* ===== UPGRADE 2c: CARTES BORDURES RENFORCÉES ===== */
body:not(.home) .dep78s-card {
  border: 1px solid rgba(249,115,22,0.18) !important;
  border-left: 3px solid rgba(249,115,22,0.35) !important;
}
body:not(.home) .dep78s-card:hover {
  border-color: rgba(249,115,22,0.40) !important;
  border-left-color: #f97316 !important;
}
body:not(.home) .dep78c-card {
  border: 1px solid rgba(249,115,22,0.15) !important;
  border-left: 3px solid rgba(249,115,22,0.30) !important;
}
body:not(.home) .dep78c-card:hover {
  border-color: rgba(249,115,22,0.35) !important;
  border-left-color: #f97316 !important;
}

/* ===== UPGRADE 2b: FOCUS VISIBLE UNIFORMISÉ ===== */
body:not(.home) details summary:focus-visible {
  outline: 2px solid #fb923c !important;
  outline-offset: 3px !important;
}

/* ===== UPGRADE 3: SCROLL REVEAL CSS ===== */
body:not(.home) .dep78-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.6s cubic-bezier(0.4,0,0.2,1), transform 0.6s cubic-bezier(0.4,0,0.2,1);
}
body:not(.home) .dep78-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body:not(.home) .dep78-reveal:nth-child(2) { transition-delay: 0.08s; }
body:not(.home) .dep78-reveal:nth-child(3) { transition-delay: 0.16s; }
body:not(.home) .dep78-reveal:nth-child(4) { transition-delay: 0.24s; }
body:not(.home) .dep78-reveal:nth-child(5) { transition-delay: 0.32s; }
body:not(.home) .dep78-reveal:nth-child(6) { transition-delay: 0.40s; }
@media (prefers-reduced-motion: reduce) {
  body:not(.home) .dep78-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ===== UPGRADE 4: GLASSMORPHISM SATURATE ===== */
body:not(.home) .dep78s-card {
  backdrop-filter: blur(14px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.4) !important;
}

/* ===== UPGRADE 6+7: GRADIENT MESH + NOISE ===== */
body:not(.home) .dep78s-hero {
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(249,115,22,0.06) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 70%, rgba(251,191,36,0.04) 0%, transparent 60%),
    radial-gradient(ellipse 80% 60% at 50% -5%, rgba(249,115,22,0.10) 0%, transparent 70%),
    linear-gradient(165deg, #060e1a 0%, #0d1a2d 35%, #0a1628 65%, #060e1a 100%) !important;
}
body:not(.home)::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.022;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 200px 200px;
}
body:not(.home) .site-content,
body:not(.home) .site-footer,
body:not(.home) #colophon {
  position: relative;
  z-index: 1;
}

/* ================================================
   DEP78 DESIGN UPGRADE 68→78 — Actions 2,4,6,7,8
   Date: 2026-06-05
   ================================================ */

/* ===== ACTION 2: INTER GLOBAL — toutes pages y compris homepage ===== */
html body,
html body * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* ===== ACTION 4: WCAG CONTRAST FIXES ===== */

/* 4a. Texte secondaire — opacity 0.62 → 0.75 (ratio ≥ 4.5:1 sur #060e1a) */
body:not(.home) .dep78s-hero-sub,
body:not(.home) .dep78c-hero-sub {
  color: rgba(255,255,255,0.75) !important;
}
body:not(.home) .dep78s-card p,
body:not(.home) .dep78s-card li {
  color: rgba(255,255,255,0.75) !important;
}
body:not(.home) .dep78c-sub,
body:not(.home) .dep78s-section-sub {
  color: rgba(255,255,255,0.65) !important;
}
body:not(.home) .dep78s-cta p {
  color: rgba(255,255,255,0.72) !important;
}

/* 4b. Focus visible HOMEPAGE (body.home) — manquait */
body.home a:focus-visible,
body.home button:focus-visible,
body.home input:focus-visible,
body.home textarea:focus-visible,
body.home select:focus-visible,
body.home [tabindex]:focus-visible {
  outline: 2px solid #fb923c !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}
body.home .d78-cta:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 6px rgba(249,115,22,0.3) !important;
}

/* 4c. Orange WCAG-safe pour petits textes */
body:not(.home) .dep78s-section-label,
body:not(.home) .dep78c-label {
  color: #fb923c !important;
}

/* ===== ACTION 6: MAX-WIDTH 1200px ===== */

/* Containers principaux — pages internes */
body:not(.home) .site-main,
body:not(.home) .entry-content {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Homepage containers */
body.home #dep78-hp > section,
body.home #dep78-hp > div {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* Hero homepage full-width background mais contenu limité */
body.home #dep78-hp > section:first-child {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home #dep78-hp > section:first-child > * {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ===== ACTION 7: HOVER CARTES RENFORCÉ ===== */

/* Cards hover — orange glow + translateY(-4px) ajusté */
body:not(.home) .dep78s-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,0.4),
    0 0 24px rgba(249,115,22,0.12) !important;
}
body:not(.home) .dep78c-card:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,0.35),
    0 0 20px rgba(249,115,22,0.10) !important;
}

/* Homepage cards hover */
body.home .d78-svc-card:hover,
body.home .d78-pc:hover,
body.home .d78-step:hover {
  transform: translateY(-4px) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,0.4),
    0 0 24px rgba(249,115,22,0.12) !important;
  border-color: rgba(249,115,22,0.35) !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}

/* ===== ACTION 8: SKELETON SHIMMER LOADING ===== */
@keyframes dep78-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.dep78-skeleton {
  background: linear-gradient(
    90deg,
    rgba(13,25,41,0.6) 25%,
    rgba(21,35,56,0.8) 50%,
    rgba(13,25,41,0.6) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: dep78-shimmer 1.8s ease-in-out infinite !important;
  border-radius: 8px !important;
}
/* Images lazy-load shimmer */
body:not(.home) img[loading="lazy"]:not([src]),
body:not(.home) img.lazyload:not(.lazyloaded) {
  background: linear-gradient(
    90deg,
    rgba(13,25,41,0.6) 25%,
    rgba(21,35,56,0.8) 50%,
    rgba(13,25,41,0.6) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: dep78-shimmer 1.8s ease-in-out infinite !important;
  min-height: 120px !important;
}
/* Homepage images lazy shimmer */
body.home img[loading="lazy"]:not([src]),
body.home img.lazyload:not(.lazyloaded) {
  background: linear-gradient(
    90deg,
    rgba(13,25,41,0.6) 25%,
    rgba(21,35,56,0.8) 50%,
    rgba(13,25,41,0.6) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: dep78-shimmer 1.8s ease-in-out infinite !important;
  min-height: 100px !important;
}
@media (prefers-reduced-motion: reduce) {
  .dep78-skeleton,
  body:not(.home) img[loading="lazy"]:not([src]),
  body:not(.home) img.lazyload:not(.lazyloaded),
  body.home img[loading="lazy"]:not([src]),
  body.home img.lazyload:not(.lazyloaded) {
    animation: none !important;
  }
}


/* ===== NAV STICKY — HAUTE SPECIFICITÉ (audit 2026-06-06) =====
   Surcharge le position:absolute du thème et le relative du snippet noise */
html body:not(.home) #masthead,
html body:not(.home) header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background-color: rgba(6, 14, 26, 0.95) !important;
  backdrop-filter: blur(12px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
  border-bottom: 1px solid rgba(249, 115, 22, 0.12) !important;
  height: auto !important;
  overflow: visible !important;
  width: 100% !important;
}
html body:not(.home) {
  padding-top: 72px !important;
}
html body:not(.home) #page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ================================================
   DEP78 BLOG — Dark Theme (ajouté au snippet #92)
   ================================================ */

/* Supprimer sidebar sur blog/archive/single */
body.blog .postsidebar,
body.archive .postsidebar,
body.single-post .postsidebar,
body.single .postsidebar { display:none!important; }

body.blog .postcontent,
body.archive .postcontent,
body.single-post .postcontent,
body.single .postcontent { width:100%!important; max-width:100%!important; flex:0 0 100%!important; }

/* Layout centré sans sidebar */
body.blog .container.d-flex,
body.archive .container.d-flex { flex-direction:column!important; max-width:800px!important; }

body.single-post .singlepage .container,
body.single .singlepage .container { max-width:800px!important; }

/* Banner hero blog */
body.blog .banner-head,
body.archive .banner-head,
body.single-post .banner-head,
body.single .banner-head {
  background-image:none!important;
  background:linear-gradient(135deg,#0d1f35 0%,#060e1a 100%)!important;
  border-bottom:1px solid rgba(249,115,22,0.25)!important;
  min-height:160px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2.5rem 1.5rem!important;
}
body.blog .banner-head h1,
body.archive .banner-head h1,
body.single-post .banner-head h1,
body.single .banner-head h1,
body.blog .banner-head .entry-title,
body.archive .banner-head .entry-title,
body.single-post .banner-head .entry-title,
body.single .banner-head .entry-title {
  color:#e2e8f0!important;
  font-size:clamp(1.5rem,3.5vw,2.25rem)!important;
  font-weight:700!important;
  text-align:center!important;
  max-width:700px!important;
  line-height:1.3!important;
  background:none!important;
  -webkit-text-fill-color:#e2e8f0!important;
}

/* Fond global */
body.blog, body.archive { background-color:#060e1a!important; }
body.blog #primary-main,
body.archive #primary-main { background-color:#060e1a!important; padding-bottom:4rem!important; }

/* Cards articles */
body.blog .post-item,
body.archive .post-item {
  background:#0d1f35!important;
  border:1px solid rgba(249,115,22,0.18)!important;
  border-radius:16px!important;
  padding:1.75rem!important;
  box-shadow:0 4px 24px rgba(0,0,0,0.35)!important;
  transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease!important;
}
body.blog .post-item:hover,
body.archive .post-item:hover {
  transform:translateY(-4px)!important;
  border-color:rgba(249,115,22,0.55)!important;
  box-shadow:0 8px 32px rgba(249,115,22,0.12)!important;
}
body.blog .maincontent,
body.archive .maincontent { padding-left:0!important; padding-right:0!important; }

/* Titres dans les cards */
body.blog .post-item h2,
body.archive .post-item h2 { font-size:clamp(1.1rem,2.2vw,1.35rem)!important; margin-top:0!important; }
body.blog .post-item .post-title-link,
body.archive .post-item .post-title-link,
body.blog .post-item a.text-dark,
body.archive .post-item a.text-dark { color:#e2e8f0!important; }
body.blog .post-item .post-title-link:hover,
body.archive .post-item .post-title-link:hover { color:#f97316!important; }

/* Excerpts et meta */
body.blog .post-item .text-secondary,
body.archive .post-item .text-secondary { color:#94a3b8!important; font-size:0.95rem!important; }
body.blog .post-item .text-muted,
body.archive .post-item .text-muted,
body.blog .post-item .text-muted span,
body.archive .post-item .text-muted span { color:#64748b!important; font-size:0.82rem!important; }

/* Lien Read Full Article */
body.blog .post-item a.text-primary,
body.archive .post-item a.text-primary { color:#f97316!important; font-weight:600!important; text-decoration:none!important; }
body.blog .post-item a.text-primary:hover,
body.archive .post-item a.text-primary:hover { color:#fbbf24!important; }

/* Contenu articles (single) */
body.single-post #primary-main,
body.single .site-main { background-color:#060e1a!important; }

body.single-post .postcontent,
body.single .postcontent { color:#cbd5e1!important; font-size:1.05rem!important; line-height:1.8!important; }

body.single-post .postcontent h2,
body.single .postcontent h2 {
  color:#e2e8f0!important;
  font-size:clamp(1.2rem,2.2vw,1.55rem)!important;
  font-weight:700!important;
  margin-top:2.5rem!important;
  padding-bottom:0.5rem!important;
  border-bottom:2px solid rgba(249,115,22,0.3)!important;
}
body.single-post .postcontent h3,
body.single .postcontent h3 { color:#f97316!important; font-size:clamp(1rem,1.8vw,1.2rem)!important; font-weight:600!important; margin-top:1.75rem!important; }
body.single-post .postcontent p,
body.single .postcontent p { color:#cbd5e1!important; }
body.single-post .postcontent a,
body.single .postcontent a { color:#f97316!important; }
body.single-post .postcontent a:hover,
body.single .postcontent a:hover { color:#fbbf24!important; }
body.single-post .postcontent ul,
body.single-post .postcontent ol,
body.single .postcontent ul,
body.single .postcontent ol { color:#cbd5e1!important; padding-left:1.5rem!important; }
body.single-post .postcontent strong,
body.single .postcontent strong { color:#e2e8f0!important; }

/* Mobile */
@media (max-width:767px) {
  body.blog .container.d-flex,
  body.archive .container.d-flex { padding-left:1rem!important; padding-right:1rem!important; }
  body.blog .banner-head,
  body.archive .banner-head { min-height:100px!important; padding:1.25rem 1rem!important; }
  body.single-post .banner-head,
  body.single .banner-head { min-height:120px!important; padding:1.5rem 1rem!important; }
}


/* ================================================
   FIX MOBILE 2026-07-28 — grille 1 colonne sous 768px
   Corrige la regle @media(max-width:1024px){2 colonnes}
   declaree plus haut, qui ecrasait les regles mobile
   et reduisait les cartes a 161px de large sur telephone.
   ================================================ */
@media (max-width: 767px) {
  body:not(.home) .dep78s-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body:not(.home) .dep78s-card {
    padding: 22px 20px !important;
  }
}


/* === FIX ALIGNEMENT SOUS-TITRES DE SECTION — 2026-07-29 ===
   .dep78s-section-sub a un max-width de 560px sans marge auto : quand le
   titre est centre, la boite du sous-titre restait collee a gauche et le
   texte paraissait mal aligne. On centre la boite dans ces cas la. */
body:not(.home) .dep78s-section-sub[style*="text-align:center"],
body:not(.home) .dep78s-section-sub[style*="text-align: center"],
body:not(.home) [style*="text-align:center"] > .dep78s-section-sub,
body:not(.home) [style*="text-align: center"] > .dep78s-section-sub,
body:not(.home) .dep78s-faq .dep78s-section-sub,
body:not(.home) .dep78s-cta .dep78s-section-sub {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ---- source snippet #90 ---- */
/* ===== FIX NAVBAR PAGES INTERNES - Snippet #90 =====
   AUDIT 2026-06-06 : nav sticky + header #060e1a
   ===== */

/* URGENT 1+2 - NAV FIXE + FOND #060e1a */
body:not(.home) header.site-header,
body:not(.home) #masthead {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background-color: rgba(6, 14, 26, 0.95) !important;
  backdrop-filter: blur(12px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.4) !important;
  border-bottom: 1px solid rgba(249, 115, 22, 0.12) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
}

/* Compenser la nav fixe */
body:not(.home) {
  padding-top: 72px !important;
}

body:not(.home) #page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body:not(.home) .bottomheader.stickyheader {
  height: 70px !important;
  overflow: visible !important;
}

/* Pages legales */
body.page-id-25, body.page-id-26, body.page-id-27, body.page-id-58 {
  padding-top: 80px !important;
  overflow-y: auto !important;
}
body.page-id-25 #page, body.page-id-26 #page, body.page-id-27 #page, body.page-id-58 #page {
  padding-top: 0 !important; overflow: visible !important; height: auto !important;
}
html body.page-id-25, html body.page-id-26, html body.page-id-27, html body.page-id-58 {
  background: #f8fafc !important; color: #1a202c !important;
}
html body.page-id-25 h1, html body.page-id-26 h1, html body.page-id-27 h1, html body.page-id-58 h1,
html body.page-id-25 h2, html body.page-id-26 h2, html body.page-id-27 h2, html body.page-id-58 h2 {
  color: #1a3a5c !important;
}
html body.page-id-25 p, html body.page-id-26 p, html body.page-id-27 p, html body.page-id-58 p,
html body.page-id-25 li, html body.page-id-26 li, html body.page-id-27 li, html body.page-id-58 li {
  color: #374151 !important;
}
html body.page-id-25 .site-footer, html body.page-id-26 .site-footer,
html body.page-id-27 .site-footer, html body.page-id-58 .site-footer,
html body.page-id-25 #colophon, html body.page-id-26 #colophon,
html body.page-id-27 #colophon, html body.page-id-58 #colophon {
  background: #1a3a5c !important;
}
html body.page-id-25 #colophon *, html body.page-id-26 #colophon *,
html body.page-id-27 #colophon *, html body.page-id-58 #colophon * {
  color: rgba(255,255,255,0.8) !important;
}

/* ================================================
   DEP78 BLOG — Override Bootstrap bg-white
   Cible les classes réelles du thème
   ================================================ */

/* Override bg-white Bootstrap sur les cards blog */
body.blog .post-item.bg-white,
body.archive .post-item.bg-white,
body.blog .post-item,
body.archive .post-item {
  background-color:#0d1f35!important;
  border:1px solid rgba(249,115,22,0.18)!important;
  border-radius:16px!important;
  box-shadow:0 4px 24px rgba(0,0,0,0.35)!important;
}
body.blog .post-item.bg-white:hover,
body.archive .post-item.bg-white:hover {
  transform:translateY(-4px)!important;
  border-color:rgba(249,115,22,0.55)!important;
  box-shadow:0 8px 32px rgba(249,115,22,0.12)!important;
}

/* Sidebar: override bg-white des widgets */
body.blog .postsidebar,
body.archive .postsidebar { display:none!important; }
body.blog .postcontent,
body.archive .postcontent { width:100%!important; max-width:100%!important; flex:1 1 100%!important; }
body.blog .container.d-flex,
body.archive .container.d-flex { max-width:800px!important; }

/* Override text-dark → clair */
body.blog .post-item .text-dark,
body.archive .post-item .text-dark,
body.blog .post-item h2 .text-dark,
body.archive .post-item h2 .text-dark,
body.blog .post-item a.text-dark,
body.archive .post-item a.text-dark { color:#e2e8f0!important; }

/* Titres h2 dans les cards */
body.blog .post-item h2,
body.archive .post-item h2 { color:#e2e8f0!important; font-size:clamp(1.1rem,2.2vw,1.35rem)!important; margin-top:0!important; }
body.blog .post-item .post-title-link:hover,
body.archive .post-item .post-title-link:hover { color:#f97316!important; }

/* Excerpt text-secondary */
body.blog .post-item .text-secondary,
body.archive .post-item .text-secondary { color:#94a3b8!important; }

/* Meta text-muted */
body.blog .post-item .text-muted,
body.archive .post-item .text-muted { color:#64748b!important; }

/* Lien Read Full Article */
body.blog .post-item a.text-primary,
body.archive .post-item a.text-primary { color:#f97316!important; font-weight:600!important; }
body.blog .post-item a.text-primary:hover,
body.archive .post-item a.text-primary:hover { color:#fbbf24!important; }

/* Banner hero */
body.blog .banner-head,
body.archive .banner-head {
  background-image:none!important;
  background-color:#0d1f35!important;
  background:linear-gradient(135deg,#0d1f35 0%,#060e1a 100%)!important;
  border-bottom:1px solid rgba(249,115,22,0.25)!important;
  min-height:140px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.blog .banner-head h1,
body.archive .banner-head h1,
body.blog .banner-head .entry-title,
body.archive .banner-head .entry-title {
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
  background:none!important;
  font-size:clamp(1.5rem,3vw,2rem)!important;
}

/* Fond page */
body.blog #primary-main,
body.archive #primary-main { background-color:#060e1a!important; padding-bottom:4rem!important; }
body.blog .maincontent,
body.archive .maincontent { padding-left:0!important; padding-right:0!important; }

/* Single post */
body.single-post .postsidebar,
body.single .postsidebar { display:none!important; }
body.single-post .postcontent,
body.single .postcontent { width:100%!important; max-width:100%!important; flex:1 1 100%!important; }
body.single-post .singlepage .container,
body.single .singlepage .container { max-width:800px!important; }
body.single-post .banner-head,
body.single .banner-head {
  background-image:none!important;
  background:linear-gradient(135deg,#0d1f35 0%,#060e1a 100%)!important;
  border-bottom:1px solid rgba(249,115,22,0.25)!important;
  min-height:180px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.single-post .banner-head h1,
body.single .banner-head h1,
body.single-post .banner-head .entry-title,
body.single .banner-head .entry-title {
  color:#e2e8f0!important;
  -webkit-text-fill-color:#e2e8f0!important;
  background:none!important;
  font-size:clamp(1.4rem,3vw,2rem)!important;
  text-align:center!important;
  max-width:680px!important;
}
body.single-post #primary-main,
body.single .site-main { background-color:#060e1a!important; }
body.single-post .postcontent p,
body.single .postcontent p { color:#cbd5e1!important; }
body.single-post .postcontent h2,
body.single .postcontent h2 { color:#e2e8f0!important; border-bottom:2px solid rgba(249,115,22,0.3)!important; padding-bottom:0.5rem!important; margin-top:2.5rem!important; }
body.single-post .postcontent h3,
body.single .postcontent h3 { color:#f97316!important; }
body.single-post .postcontent a,
body.single .postcontent a { color:#f97316!important; }
body.single-post .postcontent ul,
body.single-post .postcontent ol,
body.single .postcontent ul,
body.single .postcontent ol { color:#cbd5e1!important; }
body.single-post .postcontent strong,
body.single .postcontent strong { color:#e2e8f0!important; }
/* DEP78 Blog — après suppression bg-white par JS */
body.blog .post-item:not(.bg-white),
body.archive .post-item:not(.bg-white) {
  background-color:#0d1f35!important;
  border:1px solid rgba(249,115,22,0.18)!important;
  border-radius:16px!important;
  box-shadow:0 4px 24px rgba(0,0,0,0.35)!important;
  transition:transform 0.2s ease,border-color 0.2s ease!important;
}
body.blog .post-item:not(.bg-white):hover,
body.archive .post-item:not(.bg-white):hover {
  transform:translateY(-4px)!important;
  border-color:rgba(249,115,22,0.55)!important;
}
.dep78-link-orange { color:#f97316!important; font-weight:600!important; text-decoration:none!important; }
.dep78-link-orange:hover { color:#fbbf24!important; }
body.blog .post-item h2,
body.archive .post-item h2 { color:#e2e8f0!important; font-size:clamp(1.1rem,2.2vw,1.35rem)!important; margin-top:0!important; }
body.blog .post-item p,
body.archive .post-item p { color:#94a3b8!important; }
body.blog .post-item .text-muted, body.blog .post-item .text-muted *,
body.archive .post-item .text-muted, body.archive .post-item .text-muted * { color:#64748b!important; }
/* dep78-card — remplace bg-white sur les cards blog via PHP ob_start */
body.blog .dep78-card,
body.archive .dep78-card,
body.single-post .dep78-card,
body.single .dep78-card {
  background-color:#0d1f35!important;
  border:1px solid rgba(249,115,22,0.18)!important;
  border-radius:16px!important;
  box-shadow:0 4px 24px rgba(0,0,0,0.35)!important;
  transition:transform 0.2s ease,border-color 0.2s ease!important;
}
body.blog .dep78-card:hover,
body.archive .dep78-card:hover {
  transform:translateY(-4px)!important;
  border-color:rgba(249,115,22,0.55)!important;
  box-shadow:0 8px 32px rgba(249,115,22,0.12)!important;
}
/* dep78-widget — sidebar widgets */
.dep78-widget { background:#0d1f35!important; border:1px solid rgba(249,115,22,0.15)!important; color:#e2e8f0!important; }
.dep78-widget h2.widget-title { color:#e2e8f0!important; font-size:1rem!important; }
.dep78-widget a { color:#94a3b8!important; }
.dep78-widget a:hover { color:#f97316!important; }
/* === BLOG : Couleurs textes (remplacement classes Bootstrap illisibles) === */
/* Titre article */
body.blog .dep78-post-title,
body.archive .dep78-post-title,
body.single .dep78-post-title {
  font-size:1.4rem!important;
  font-weight:700!important;
  color:#ffffff!important;
  line-height:1.35!important;
}
/* Lien titre */
body.blog .dep78-title-link,
body.archive .dep78-title-link,
body.single .dep78-title-link {
  color:#ffffff!important;
  text-decoration:none!important;
  transition:color 0.2s!important;
}
body.blog .dep78-title-link:hover,
body.archive .dep78-title-link:hover {
  color:#f97316!important;
}
/* Extrait article */
body.blog .dep78-post-excerpt,
body.archive .dep78-post-excerpt,
body.single .dep78-post-excerpt {
  color:rgba(255,255,255,0.72)!important;
  font-size:0.98rem!important;
  line-height:1.6!important;
}
/* Meta (auteur, date, temps lecture) */
body.blog .dep78-post-meta,
body.archive .dep78-post-meta {
  color:rgba(255,255,255,0.52)!important;
  font-size:0.82rem!important;
}
/* Bouton Lire l article complet */
body.blog .dep78-readmore,
body.archive .dep78-readmore,
body.single .dep78-readmore {
  color:#f97316!important;
  font-weight:600!important;
  font-size:0.95rem!important;
  transition:color 0.2s,gap 0.2s!important;
}
body.blog .dep78-readmore:hover,
body.archive .dep78-readmore:hover {
  color:#fbbf24!important;
}
/* === BLOG : Banniere header === */
body.blog .banner-head,
body.archive .banner-head {
  background:linear-gradient(135deg,#060e1a 0%,#0d1f35 100%)!important;
  border-bottom:1px solid rgba(249,115,22,0.15)!important;
  padding:5rem 1.5rem 3rem!important;
}
body.blog .banner-head h1,
body.archive .banner-head h1,
body.blog .banner-head h2,
body.archive .banner-head h2 {
  color:#ffffff!important;
  font-size:clamp(1.8rem,4vw,2.6rem)!important;
  font-weight:800!important;
}
body.blog .banner-head p,
body.archive .banner-head p {
  color:rgba(255,255,255,0.65)!important;
  font-size:1.05rem!important;
}
/* === BLOG : Zone principale sans sidebar === */
body.blog .postcontent,
body.archive .postcontent {
  max-width:860px!important;
  margin:0 auto!important;
  padding:2rem 1rem!important;
}
/* === BLOG : Page de contenu unique article === */
body.single .entry-content {
  color:rgba(255,255,255,0.87)!important;
  font-size:1.06rem!important;
  line-height:1.8!important;
}
body.single .entry-content h2 {
  color:#ffffff!important;
  font-size:1.5rem!important;
  font-weight:700!important;
  margin-top:2.5rem!important;
  padding-top:1rem!important;
  border-top:1px solid rgba(249,115,22,0.15)!important;
}
body.single .entry-content h3 {
  color:#f97316!important;
  font-size:1.15rem!important;
  font-weight:600!important;
  margin-top:1.8rem!important;
}
body.single .entry-content a {
  color:#f97316!important;
  text-decoration:underline!important;
}
body.single .entry-content a:hover { color:#fbbf24!important; }
body.single .entry-content ul,
body.single .entry-content ol {
  color:rgba(255,255,255,0.82)!important;
}
body.single .entry-content strong { color:#ffffff!important; }
body.single .entry-content blockquote {
  border-left:4px solid #f97316!important;
  background:rgba(249,115,22,0.07)!important;
  padding:1rem 1.5rem!important;
  border-radius:0 8px 8px 0!important;
  color:rgba(255,255,255,0.8)!important;
}


/* ===== SINGLE ARTICLE — Sidebar hidden + column fix =====
   Added 2026-06-07
   ===== */

/* Hide right sidebar on single article pages */
body.single .single_sidebar,
body.single-post .single_sidebar {
  display:none!important;
}

/* Expand main content to full width when sidebar is hidden */
body.single .col-lg-9,
body.single-post .col-lg-9 {
  flex: 0 0 100%!important;
  max-width: 100%!important;
  width: 100%!important;
}

/* Fix Bootstrap row splitting article content into 2 columns */
body.single .entry-content .row,
body.single-post .entry-content .row {
  display: block!important;
}
body.single .entry-content .row > [class*="col-"],
body.single-post .entry-content .row > [class*="col-"] {
  width: 100%!important;
  max-width: 100%!important;
  flex: 0 0 100%!important;
  padding-left: 0!important;
  padding-right: 0!important;
}

/* CTA block on single articles */
body.single .dep78-article-cta,
body.single-post .dep78-article-cta {
  background: linear-gradient(135deg,#0d1f35,#091424)!important;
  border: 1px solid rgba(249,115,22,0.3)!important;
  border-radius: 16px!important;
  padding: 2.5rem!important;
  text-align: center!important;
  margin: 3rem 0 2rem!important;
}
body.single .dep78-cta-title,
body.single-post .dep78-cta-title {
  color: #ffffff!important;
  font-size: 1.5rem!important;
  font-weight: 700!important;
  margin-bottom: 0.75rem!important;
}
body.single .dep78-cta-text,
body.single-post .dep78-cta-text {
  color: rgba(255,255,255,0.75)!important;
  margin-bottom: 1.5rem!important;
}
body.single .dep78-cta-btn,
body.single-post .dep78-cta-btn {
  display: inline-block!important;
  background: #f97316!important;
  color: #ffffff!important;
  padding: 0.85rem 2rem!important;
  border-radius: 8px!important;
  font-weight: 700!important;
  text-decoration: none!important;
  transition: background 0.2s!important;
}
body.single .dep78-cta-btn:hover,
body.single-post .dep78-cta-btn:hover {
  background: #ea6d0e!important;
}

/* ===== FIX DEFINITIF "Accueil" clippé — spécificité maximale ===== */
/* Cibler TOUTES les combinaisons possibles du CCSS */
html body .bottomheader,
html body .bottomheader.stickyheader,
html body header .bottomheader,
html body .site-header .bottomheader {
  overflow: visible!important;
}
html body .bottomheader #primary-menu,
html body .bottomheader ul#primary-menu,
html body .bottomheader ul.nav-menu,
html body .bottomheader ul.menu {
  overflow: visible!important;
}
html body .bottomheader .col-xl-9,
html body .bottomheader .col-xl-9.col-lg-9,
html body .bottomheader .col-xl-9.col-lg-9[style],
html body .bottomheader .logocontent .col-xl-9,
html body .bottomheader .col-xl-9.col-lg-9.col-md-12 {
  overflow: visible!important;
}