/* =====================================================================
   Direct Drive Logistic — brand stylesheet, Direction A "Calm Corporate"
   ONE source for colours, type and the shared components (owner «۲الف» /
   «Direction A», 2026-10-13). Mockup: _mockups/site-redesign/APPROVED_*.
   Merged with the owner-supplied DirectDrive-Brand-Colors-Elementor.css:
   its tokens and class names are kept; what it would have broken is not.

   Rules that are measured, not taste (WCAG AA, contrast on the real bg):
   - orange #FF5F00 is a FILL. White on it is 3.05:1, it on white 3.05:1.
     Text on orange = navy-900 (5.24:1). Orange as text = --dd-orange-ink.
   - no rule targets every .elementor-button: buttons opt in by class.
   - Montserrat/Inter only on English pages: neither has Arabic script, so
     fa / ar / ku keep Vazirmatn (a body/h1-h6 override broke all three).
   - Element Pack's bdt-post-grid is the site's post list, not
     .elementor-post (0 matches on the live site, measured 2026-10-13).
   ===================================================================== */

:root{
  --dd-navy:#142C55;        /* headings, menu, links, dark sections      13.8:1 on white */
  --dd-navy-900:#0E2142;    /* footer, text on orange                    5.24:1 on orange */
  --dd-orange:#FF5F00;      /* fills only: primary button, icons, rules, underlines */
  --dd-orange-hover:#E65100;
  --dd-orange-ink:#B84300;  /* orange used as text on white / light     5.47:1 */
  --dd-text:#1E2A3A;        /* body text                                  14.5:1 */
  --dd-muted:#5B6B7F;       /* dates, captions — #6B7A90 failed (4.36 / 4.03) */
  --dd-light:#F4F6FA;       /* alternate section background */
  --dd-border:#E3E8F0;
  --dd-on-navy:#C9D3E3;     /* body text on navy                          9.14:1 */
  --dd-radius:12px;
  --dd-head-latin:Montserrat,Inter,Arial,sans-serif;
  --dd-body-latin:Inter,Arial,sans-serif;
}

/* ---------- 1. Type: English pages only ---------- */
html[lang^="en"]{
  --e-global-typography-primary-font-family:Montserrat;
  --e-global-typography-secondary-font-family:Inter;
  --e-global-typography-text-font-family:Inter;
  --e-global-typography-accent-font-family:Inter;
}
html[lang^="en"] body{font-family:var(--dd-body-latin);color:var(--dd-text)}
html[lang^="en"] h1,html[lang^="en"] h2,html[lang^="en"] h3,
html[lang^="en"] .elementor-heading-title{font-family:var(--dd-head-latin);color:var(--dd-navy)}

/* ---------- 2. Links (the Kit's forced gold rule is removed, not fought) ---------- */
a{color:var(--dd-navy)}
a:hover,a:focus-visible{color:var(--dd-orange-ink)}
.dd-prose a,.elementor-widget-text-editor a{color:var(--dd-navy);text-decoration:underline;text-decoration-color:var(--dd-orange);text-underline-offset:3px}

/* ---------- 3. Header menu ---------- */
.elementor-location-header .elementor-nav-menu--main .elementor-item{color:var(--dd-navy)!important}
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--dd-navy)!important}
.elementor-location-header .elementor-nav-menu--main .elementor-item:after{background-color:var(--dd-orange)!important}

/* ---------- 4. Buttons — opt in by class (Advanced > CSS Classes) ---------- */
.dd-btn-primary .elementor-button,a.dd-btn-primary{background:var(--dd-orange)!important;color:var(--dd-navy-900)!important;border:2px solid var(--dd-orange)!important;border-radius:6px;font-weight:700}
.dd-btn-primary .elementor-button:hover,a.dd-btn-primary:hover{background:var(--dd-orange-hover)!important;border-color:var(--dd-orange-hover)!important}
.dd-btn-outline .elementor-button,a.dd-btn-outline{background:transparent!important;color:var(--dd-navy)!important;border:2px solid var(--dd-navy)!important;border-radius:6px;font-weight:700}
.dd-btn-outline .elementor-button:hover,a.dd-btn-outline:hover{background:var(--dd-navy)!important;color:#fff!important}
.dd-bg-navy .dd-btn-outline .elementor-button,.dd-bg-navy a.dd-btn-outline{color:#fff!important;border-color:#fff!important}
.dd-bg-navy .dd-btn-outline .elementor-button:hover,.dd-bg-navy a.dd-btn-outline:hover{background:#fff!important;color:var(--dd-navy)!important}
.dd-link .elementor-button{background:transparent!important;border:0!important;padding:0 0 2px!important;color:var(--dd-orange-ink)!important;border-bottom:2px solid transparent!important;border-radius:0!important}
.dd-link .elementor-button:hover{border-bottom-color:var(--dd-orange)!important}

/* ---------- 5. Sections ---------- */
.dd-bg-light{background-color:var(--dd-light)!important}
.dd-bg-navy{background-color:var(--dd-navy)!important;color:var(--dd-on-navy)}
.dd-bg-navy .elementor-heading-title,.dd-bg-navy h1,.dd-bg-navy h2,.dd-bg-navy h3,.dd-bg-navy h4{color:#fff!important}
.dd-bg-navy p,.dd-bg-navy .elementor-widget-text-editor{color:var(--dd-on-navy)!important}
/* No orange section: white on orange fails (3.05:1). Emphasis bands are navy. */

/* ---------- 6. Cards, labels, numbers ---------- */
.dd-card{background:#fff;border:1px solid var(--dd-border);border-top:3px solid transparent;border-radius:var(--dd-radius);transition:border-color .25s,box-shadow .25s,transform .25s}
.dd-card:hover{border-top-color:var(--dd-orange);box-shadow:0 10px 30px rgba(20,44,85,.10);transform:translateY(-3px)}
.dd-bg-navy .dd-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.dd-eyebrow .elementor-heading-title,.dd-eyebrow{color:var(--dd-orange-ink)!important;font-size:13px!important;font-weight:700!important;letter-spacing:2px;text-transform:uppercase}
.dd-bg-navy .dd-eyebrow .elementor-heading-title,.dd-bg-navy .dd-eyebrow{color:#FF8A3D!important}
.dd-tag,.dd-tag .elementor-heading-title{display:inline-block;background:rgba(20,44,85,.08);color:var(--dd-navy)!important;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}
.dd-number .elementor-heading-title{color:var(--dd-navy)!important;font-weight:800}   /* orange on light was 2.82:1 */
.elementor-icon-box-icon .elementor-icon,.dd-icon{color:var(--dd-orange);fill:var(--dd-orange)}

/* ---------- 7. Post lists ----------
   Element Pack's bdt-post-grid puts white titles on a dark photo overlay; a colour
   rule written without that card measured navy-on-dark (unreadable) in the
   2026-10-13 preview and was withdrawn. The grid is restyled with its own markup
   in a later phase, not from here. */

/* ---------- 8. Focus, motion ---------- */
:focus-visible{outline:3px solid var(--dd-orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.dd-card,.dd-card:hover{transition:none;transform:none}}