/* LogiDrink public site — skin portail (blanc, Inter, 6px, #fd7020) */
html:not([data-ld-portal]) body,
html:not([data-ld-portal]) button,
html:not([data-ld-portal]) input,
html:not([data-ld-portal]) select,
html:not([data-ld-portal]) textarea {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

html:not([data-ld-portal]) {
  --ink: #0a1628;
  --ink-2: #0a1628;
  --ink-3: #425466;
  --ink-4: #8898aa;
  --ink-5: #8898aa;
  --line: #e3e8ee;
  --bg: #ffffff;
  --bg-soft: #ffffff;
  --bg-cream: #ffffff;
  --bg-warm: #ffffff;
  --accent: #fd7020;
  --accent-2: #fd7020;
  --accent-soft: #f4f6f8;
  --accent-deep: #fd7020;
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --nav-height: 68px;
  --radius: 6px;
  --radius-sm: 6px;
  --radius-lg: 8px;
}

html:not([data-ld-portal]) body {
  background: #fff !important;
  color: #0a1628 !important;
}

html:not([data-ld-portal]) h1,
html:not([data-ld-portal]) h2,
html:not([data-ld-portal]) h3,
html:not([data-ld-portal]) h4,
html:not([data-ld-portal]) h5,
html:not([data-ld-portal]) .font-heading,
html:not([data-ld-portal]) [class*="Space"] {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

html:not([data-ld-portal]) header.nav {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
}

html body .btn,
html body a.btn,
html body button.btn,
html body .btn-primary,
html body .btn-ghost,
html body .btn-secondary,
html body .btn-outline,
html body .btn-white,
html body .btn-lg,
html body .btn-sm,
html body .btn-audit,
html body .btn-devis,
html body .btn-arrow,
html body .mm-footer-cta,
html body .mn-cta-devis,
html body .mn-cta-call,
html body .nav-cta,
html body .tns-cta-btn,
html body input[type="submit"],
html body input[type="button"] {
  border-radius: 6px !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

html body .section-dark,
html body .cta-section,
html body .tns-cta,
html body section.tns-cta,
html body section.cream,
html body .section-cream {
  background: #fff !important;
  background-color: #fff !important;
}

html body .feat-card:hover,
html body .card:hover,
html body .plan-card:hover,
html body .int-card:hover,
html body .ld-mega-grid a:hover {
  background-image: none !important;
  filter: none !important;
}

footer,
html body footer {
  background: #0a1628 !important;
  background-image: none !important;
}
footer .brand-logo,
footer .logo img {
  height: 40px !important;
  max-width: 180px !important;
  object-fit: contain !important;
}

.drj-group-link.active {
  color: #0a1628 !important;
  background: #fff !important;
}

/* ===== 20260819c — fonds blancs, header, FAQ plat, grids 2×2 ===== */
html:not([data-ld-portal]) body,
html:not([data-ld-portal]) main,
html:not([data-ld-portal]) section,
html:not([data-ld-portal]) section.soft,
html:not([data-ld-portal]) section.cream,
html:not([data-ld-portal]) section.tight,
html:not([data-ld-portal]) .hero,
html:not([data-ld-portal]) .fpage-hero,
html:not([data-ld-portal]) .bg-soft,
html:not([data-ld-portal]) .section-cream,
html:not([data-ld-portal]) .faq,
html:not([data-ld-portal]) .faq-list {
  background: #fff !important;
  background-color: #fff !important;
}

html:not([data-ld-portal]) section.dark,
html:not([data-ld-portal]) .contact-info-card,
html:not([data-ld-portal]) footer,
html:not([data-ld-portal]) .cta-banner.dark {
  background: #0a1628 !important;
}

html:not([data-ld-portal]) header.nav {
  min-height: 0 !important;
}
html:not([data-ld-portal]) header.nav .nav-inner {
  min-height: 64px !important;
  background: #fff !important;
  border-radius: 24px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 28px rgba(15, 23, 42, .08) !important;
}
@media (max-width: 1180px) {
  html:not([data-ld-portal]) header.nav {
    background: #fff !important;
    padding: 0 !important;
  }
  html:not([data-ld-portal]) header.nav .nav-inner {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

html:not([data-ld-portal]) header.nav .logo .brand-logo,
html:not([data-ld-portal]) header.nav .logo img {
  height: 22px !important;
  max-width: min(110px, 38vw) !important;
}

html:not([data-ld-portal]) .hero,
html:not([data-ld-portal]) .fpage-hero,
html:not([data-ld-portal]) section.hero {
  padding-top: 56px !important;
  padding-bottom: 40px !important;
  text-align: left !important;
}

html:not([data-ld-portal]) .hero .container,
html:not([data-ld-portal]) .fpage-hero {
  align-items: flex-start !important;
}

html:not([data-ld-portal]) .hero-grid {
  text-align: left !important;
}

html:not([data-ld-portal]) .hero:has(.hero-grid) {
  text-align: left !important;
  padding-top: 56px !important;
  padding-bottom: 40px !important;
}

html:not([data-ld-portal]) .crumb,
html:not([data-ld-portal]) .hero .crumb,
html:not([data-ld-portal]) .fpage-hero .crumb {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html:not([data-ld-portal]) .fpage-hero h1,
html:not([data-ld-portal]) .fpage-hero .lead,
html:not([data-ld-portal]) .hero h1,
html:not([data-ld-portal]) .hero .lead {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html:not([data-ld-portal]) .eyebrow:not(.on-dark),
html:not([data-ld-portal]) .cat-label,
html:not([data-ld-portal]) .quick-bar span {
  background: #fff !important;
  color: #fd7020 !important;
  border: 1px solid #e3e8ee;
}
html:not([data-ld-portal]) .eyebrow.on-dark {
  background: rgba(255, 255, 255, .14) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
}

html:not([data-ld-portal]) .quick-bar,
html:not([data-ld-portal]) .hero .hero-tags {
  justify-content: flex-start !important;
}

html:not([data-ld-portal]) details.faq-item,
html:not([data-ld-portal]) .faq-item,
html:not([data-ld-portal]) .faq > details,
html:not([data-ld-portal]) .faq-list > .faq-item {
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #e3e8ee !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

html:not([data-ld-portal]) details.faq-item summary,
html:not([data-ld-portal]) .faq-item .faq-q {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html:not([data-ld-portal]) details.faq-item > *:not(summary),
html:not([data-ld-portal]) details.faq-item p,
html:not([data-ld-portal]) .faq-item p,
html:not([data-ld-portal]) .faq-item .faq-body,
html:not([data-ld-portal]) .faq-item .faq-answer,
html:not([data-ld-portal]) .faq-item div:not(.faq-q):not(.faq-icon) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important;
}

html:not([data-ld-portal]) .grid.grid-3:has(> :nth-child(4)):not(:has(> :nth-child(5))),
html:not([data-ld-portal]) .grid-3:has(> :nth-child(4)):not(:has(> :nth-child(5))) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

html:not([data-ld-portal]) .lang-btn,
html:not([data-ld-portal]) header.nav .lang-selector > button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  border: 1px solid #e3e8ee !important;
  background: #fff !important;
}

html:not([data-ld-portal]) .lang-btn .lang-current {
  display: inline !important;
}

html:not([data-ld-portal]) .lang-btn > .lang-name,
html:not([data-ld-portal]) .lang-btn > .lang-code,
html:not([data-ld-portal]) .lang-btn > .ld-pill {
  display: none !important;
}

html:not([data-ld-portal]) .lang-list .lang-code,
html:not([data-ld-portal]) .lang-list .lang-name {
  display: inline !important;
}

html:not([data-ld-portal]) .ld-mega,
html:not([data-ld-portal]) .ld-mega-side,
html:not([data-ld-portal]) .ld-mega-foot,
html:not([data-ld-portal]) .ld-mega-main {
  background: #fff !important;
}

html:not([data-ld-portal]) .ld-mega-side {
  display: none !important;
}

html:not([data-ld-portal]) #ld-portal-fab {
  display: none !important;
}