/* AD TRANS LOGISTICS — finitions monochromes, septembre 2026.
   La typographie et le contenu restent définis dans les pages existantes. */
.adtl-elegant {
  --adtl-line: #dedede;
  --adtl-shadow: 0 2px 4px rgb(0 0 0 / 2%), 0 16px 48px -18px rgb(0 0 0 / 14%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.adtl-elegant :is(h1, h2, h3) { text-wrap: balance; }
.adtl-elegant section[id] { scroll-margin-top: 112px; }
.adtl-elegant ::selection { background: #242424; color: #fff; }
.adtl-elegant :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #171717; outline-offset: 4px; box-shadow: 0 0 0 5px #fff;
}

/* Navigation flottante, contour net et verre blanc. */
.adtl-elegant #navbar {
  top: 12px; width: calc(100% - 32px); max-width: 1480px; margin-inline: auto;
  background: rgb(255 255 255 / 94%); border: 1px solid rgb(0 0 0 / 9%);
  border-radius: 18px; box-shadow: 0 6px 28px -12px rgb(0 0 0 / 14%);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.adtl-elegant #navbar.scrolled { background: rgb(255 255 255 / 98%); box-shadow: 0 12px 36px -18px rgb(0 0 0 / 24%); }
.adtl-elegant #navbar :is(.nav-btn, .navl) { border-radius: 9px; }
.adtl-elegant #navbar :is(.nav-btn, .navl):hover { background: #f3f3f3; }
.adtl-elegant #navbar .nav-drop { border-radius: 16px; border-color: #e5e5e5; box-shadow: 0 20px 56px -16px rgb(0 0 0 / 20%); }

/* Surfaces et contrôles : reflets blancs, ombres neutres. */
.adtl-elegant :is(.btn, .btn-brand-dark) {
  min-height: 50px; justify-content: center;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.adtl-elegant :is(.btn-dark, .btn-brand-dark) {
  background: linear-gradient(165deg, #303030, #0a0a0a 75%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 7px 14px -9px rgb(0 0 0 / 55%);
  border: 1px solid #171717;
}
.adtl-elegant .btn-outline { background: rgb(255 255 255 / 80%); border-color: #cfcfcf; box-shadow: 0 2px 3px rgb(0 0 0 / 2%); }
.adtl-elegant .btn-white { box-shadow: inset 0 1px 0 #fff, 0 5px 20px rgb(0 0 0 / 15%); }
.adtl-elegant :is(.card, .card-gray, .sim-card, .quick-path-card, .form-card, .guide-card, .doc-card, .path-card, .vehicle-card) {
  border-color: var(--adtl-line); box-shadow: var(--adtl-shadow);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.adtl-elegant :is(.fi, .sim-input) { min-height: 48px; border-color: #d7d7d7; box-shadow: inset 0 1px 2px rgb(0 0 0 / 2%); }
.adtl-elegant :is(.fi, .sim-input):focus { border-color: #171717; box-shadow: 0 0 0 4px rgb(0 0 0 / 5%); }
.adtl-elegant :is(.icon-box, .quick-path-icon) { background: linear-gradient(145deg, #fff, #ededed); box-shadow: inset 0 1px 0 #fff, 0 4px 10px -6px rgb(0 0 0 / 20%); }
.adtl-elegant .result-total-value { font-variant-numeric: tabular-nums; }
.adtl-elegant :is(.field, .lead-form) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-color: #d7d7d7; border-radius: 10px; }
.adtl-elegant #cookie-banner > div { background: linear-gradient(130deg, #151515, #303030) !important; border-top: 1px solid #494949 !important; }
.adtl-elegant #cookie-banner .cb-text a { color: #fff; }
.adtl-elegant #cookie-banner .cb-accept:hover { background: #e8e8e8; }
.adtl-elegant .whatsapp-btn { background: #171717 !important; box-shadow: 0 8px 26px -8px rgb(0 0 0 / 40%); }
.adtl-elegant .result-total-row { background: linear-gradient(140deg, #303030, #0a0a0a) !important; }
.adtl-elegant :is(.caf-card, #sticky-unlock, .pb-btn),
.adtl-elegant [style*="background:#0D1B2A" i],
.adtl-elegant [style*="background: #0D1B2A" i],
.adtl-elegant [class~="bg-[#0D1B2A]"] { background: linear-gradient(140deg, #303030, #111) !important; }
.adtl-elegant .argus-trace-card { background: #f5f5f5; border-color: #ddd; }
.adtl-elegant :is(.argus-trace-title, .argus-trace-v, .result-value.argus, .result-value.tax) { color: #262626; }
.adtl-elegant :is(.argus-trace-k, .argus-trace-note) { color: #666; }
.adtl-elegant.adtl-products-en { --navy: #101010; --navy2: #292929; --gold: #a6a6a6; }

/* Accueil : trame légère et lumière douce, sans nouvelle couleur. */
.adtl-elegant.adtl-home #accueil {
  position: relative; isolation: isolate; padding-top: 156px !important; padding-bottom: 96px !important;
  background: radial-gradient(ellipse at 88% 30%, #ededed 0%, transparent 48%), linear-gradient(180deg, #fafafa 0%, #fff 95%) !important;
}
.adtl-elegant.adtl-home #accueil::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgb(0 0 0 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(0 0 0 / 3%) 1px, transparent 1px);
  background-size: 64px 64px; mask-image: linear-gradient(110deg, transparent 35%, #000 100%);
}
.adtl-elegant.adtl-home #hero-grid > div { min-width: 0; }
.adtl-elegant.adtl-home #hero-grid h1 { letter-spacing: -.045em !important; line-height: 1.06 !important; }
.adtl-elegant.adtl-home #hero-grid h1 span { color: #777 !important; }
.adtl-elegant.adtl-home #hero-grid .tag { color: #5c5c5c; letter-spacing: .12em; }
.adtl-elegant.adtl-home .hero-service-summary { color: #5b5b5b; max-width: 610px; }
.adtl-elegant.adtl-home .hero-kpis { padding-top: 24px; border-top: 1px solid #dedede; max-width: 560px; }
.adtl-elegant.adtl-home .hero-kpis > div > div:last-child { color: #707070 !important; }
.adtl-elegant.adtl-home .hero-tracking-card {
  isolation: isolate; border-radius: 28px !important; padding: 46px !important;
  background: radial-gradient(ellipse at 100% 0%, #414141 0%, #202020 40%, #101010 100%) !important;
  border: 1px solid #484848; box-shadow: inset 0 1px 0 rgb(255 255 255 / 18%), 0 40px 60px -38px rgb(0 0 0 / 65%);
}
.adtl-elegant.adtl-home .hero-tracking-card::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: repeating-radial-gradient(ellipse at 100% 0%, transparent 0 65px, rgb(255 255 255 / 5%) 66px 67px, transparent 68px 130px);
}
.adtl-elegant.adtl-home .hero-tracking-card::after {
  content: ''; position: absolute; inset: 8px; border: 1px solid rgb(255 255 255 / 5%); border-radius: 21px; pointer-events: none;
}
.adtl-elegant.adtl-home .hero-tracking-card [style*="color:rgba(255,255,255,.3)"] { color: #b8b8b8 !important; }
.adtl-elegant.adtl-home .hero-tracking-card [style*="color:rgba(255,255,255,.2)"] { color: #b8b8b8 !important; }
.adtl-elegant.adtl-home .hero-tracking-card [style*="color:rgba(255,255,255,.12)"] { color: #a6a6a6 !important; }
.adtl-elegant.adtl-home .usa-import-card {
  background: radial-gradient(ellipse at 80% 0%, #373737, #171717 65%) !important;
  border: 1px solid #444; box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 24px 46px -30px rgb(0 0 0 / 45%);
}
.adtl-elegant.adtl-home .usa-import-card p { color: #c4c4c4 !important; }
.adtl-elegant.adtl-home #parcours-rapides { padding-top: 22px !important; padding-bottom: 96px !important; }
.adtl-elegant.adtl-home .quick-path-card { border-radius: 20px; background: linear-gradient(150deg, #fff 45%, #f6f6f6); padding: 26px; }
.adtl-elegant.adtl-home .quick-path-type { color: #737373; letter-spacing: .12em; }
.adtl-elegant.adtl-home .quick-path-arrow { background: #fff; margin-top: auto; }
.adtl-elegant.adtl-home #services { background: #f6f6f6 !important; border-block: 1px solid #e9e9e9; }
.adtl-elegant.adtl-home #services .card { background: #fff; border-radius: 22px; }
.adtl-elegant.adtl-home #formation { background: linear-gradient(180deg, #fff, #f5f5f5) !important; }
.adtl-elegant.adtl-home .formation-media { background: radial-gradient(ellipse at 50% 30%, #fff, #ededed) !important; }
.adtl-elegant.adtl-home #formation-grid > a.card { border-color: #ddd; box-shadow: var(--adtl-shadow); }
.adtl-elegant.adtl-home #faq .card { box-shadow: none; border-radius: 16px; }
.adtl-elegant.adtl-home #faq .card:hover { transform: none; }
.adtl-elegant.adtl-home #contact .card { border-radius: 24px; box-shadow: 0 18px 64px -25px rgb(0 0 0 / 18%); }

@media (min-width: 1100px) {
  .adtl-elegant.adtl-home #hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important; gap: 72px !important; }
  .adtl-elegant.adtl-home #hero-grid h1 { font-size: clamp(3.6rem, 4.65vw, 76px) !important; }
}
@media (hover: hover) and (pointer: fine) {
  .adtl-elegant :is(.btn, .btn-brand-dark):hover { transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgb(0 0 0 / 35%); }
  .adtl-elegant :is(.card, .card-gray, .quick-path-card):hover { border-color: #aaa; box-shadow: 0 26px 44px -24px rgb(0 0 0 / 26%); transform: translateY(-4px); }
  .adtl-elegant.adtl-home .quick-path-card:hover .quick-path-arrow { background: #171717; color: #fff; border-color: #171717; }
}
@media (max-width: 1099px) {
  .adtl-elegant #navbar { top: 0; width: 100%; border-radius: 0; border: 0; border-bottom: 1px solid #e5e5e5; }
  .adtl-elegant.adtl-home #accueil { padding-top: 120px !important; padding-bottom: 64px !important; }
}
@media (max-width: 600px) {
  .adtl-elegant.adtl-home #accueil { padding-top: 110px !important; padding-bottom: 48px !important; }
  .adtl-elegant.adtl-home #hero-grid h1 { font-size: clamp(2.3rem, 9.4vw, 3.5rem) !important; letter-spacing: -.04em !important; }
  .adtl-elegant.adtl-home #hero-grid .tag { font-size: 9px; gap: 9px; letter-spacing: .08em; }
  .adtl-elegant.adtl-home .hero-kpis { padding-top: 20px; }
  .adtl-elegant.adtl-home .hero-actions { gap: 12px; margin-bottom: 30px; }
  .adtl-elegant.adtl-home #parcours-rapides { padding-top: 0 !important; padding-bottom: 56px !important; }
  .adtl-elegant :is(.fi, .sim-input) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.adtl-elegant) { scroll-behavior: auto; }
  .adtl-elegant *, .adtl-elegant *::before, .adtl-elegant *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .adtl-elegant :is(.card, .card-gray, .quick-path-card, .btn, .btn-brand-dark):hover { transform: none !important; }
  .adtl-elegant #cookie-banner { transform: none !important; }
}