/* ============================================================
   DT Dealers — premium full-bleed Dealer Program page
   Partnership-positioned (no discount/pricing copy). On-brand.
   ============================================================ */
.dtd-page{
  --orange:#f37020; --orange-2:#ff8c42; --gold:#e7b377;
  --ink:#0d1117; --ink-2:#141a22; --ink-3:#1c2530;
  --line:rgba(255,255,255,.09); --muted:#5b6573; --muted-l:rgba(255,255,255,.66);
  --bg-soft:#f6f7f9;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#10151b; line-height:1.6; overflow-x:hidden;
}
.dtd-page *{box-sizing:border-box;}
.dtd-container{max-width:1180px;margin:0 auto;padding:0 24px;}
.dtd-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:800;
  letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin:0 0 16px;}
.dtd-eyebrow::before{content:"";width:30px;height:2px;background:var(--orange);display:inline-block;}
.dtd-section-head{text-align:center;max-width:720px;margin:0 auto 52px;}
.dtd-section-head .dtd-eyebrow{justify-content:center;}
.dtd-h2{font-size:34px;font-weight:800;letter-spacing:-.6px;margin:0 0 14px;line-height:1.15;}
.dtd-lead{color:var(--muted);font-size:17px;margin:0;}

/* Buttons */
.dtd-btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.4px;
  border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;font-size:15.5px;}
.dtd-btn-primary{background:linear-gradient(135deg,var(--orange),#d75e12);color:#fff;padding:16px 32px;
  box-shadow:0 10px 26px rgba(243,112,32,.34);}
.dtd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(243,112,32,.46);color:#fff;}
.dtd-btn-ghost{background:transparent;color:#fff;padding:15px 28px;border:1.5px solid rgba(255,255,255,.28);}
.dtd-btn-ghost:hover{border-color:var(--orange);color:#fff;background:rgba(243,112,32,.08);}

/* ---------------- HERO ---------------- */
.dtd-hero{position:relative;background:var(--ink);color:#fff;padding:96px 0 104px;overflow:hidden;}
.dtd-hero::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(900px 460px at 78% -8%, rgba(243,112,32,.20), transparent 60%),
    radial-gradient(700px 500px at 8% 110%, rgba(231,179,119,.10), transparent 55%),
    repeating-linear-gradient(125deg, rgba(255,255,255,.022) 0 2px, transparent 2px 26px);
  pointer-events:none;}
.dtd-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--orange),var(--gold));}
.dtd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:center;}
.dtd-hero h1{font-size:53px;font-weight:800;line-height:1.05;letter-spacing:-1.4px;margin:0 0 22px;}
.dtd-hero h1 .a{color:var(--orange);}
.dtd-hero-sub{font-size:18.5px;line-height:1.62;color:var(--muted-l);max-width:610px;margin:0 0 32px;}
.dtd-hero-sub strong{color:#fff;font-weight:700;}
.dtd-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.dtd-hero-trust{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.55);font-size:13.5px;font-weight:600;}
.dtd-hero-trust b{color:var(--gold);}

/* Medallion / seal (replaces discount stat card) */
.dtd-seal{justify-self:center;width:248px;height:248px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 50% 38%, #20283200, #0c1117 72%);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;}
.dtd-seal::before{content:"";position:absolute;inset:14px;border-radius:50%;
  border:1.5px dashed rgba(243,112,32,.45);}
.dtd-seal::after{content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid transparent;background:linear-gradient(135deg,var(--orange),var(--gold)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.dtd-seal-inner{text-align:center;}
.dtd-seal-star{color:var(--orange);font-size:26px;line-height:1;}
.dtd-seal-t1{font-size:11px;letter-spacing:3px;color:rgba(255,255,255,.55);text-transform:uppercase;margin-top:8px;}
.dtd-seal-t2{font-size:22px;font-weight:900;letter-spacing:1px;color:#fff;line-height:1.1;margin-top:4px;}
.dtd-seal-t3{font-size:10.5px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-top:8px;}

/* ---------------- STATS BAND ---------------- */
.dtd-stats{background:var(--ink-2);color:#fff;padding:30px 0;border-bottom:1px solid var(--line);}
.dtd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;}
.dtd-stat{padding:8px 6px;position:relative;}
.dtd-stat + .dtd-stat::before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:var(--line);}
.dtd-stat-n{font-size:32px;font-weight:900;color:var(--orange);letter-spacing:-.5px;line-height:1;}
.dtd-stat-l{font-size:13px;color:rgba(255,255,255,.62);margin-top:8px;font-weight:600;letter-spacing:.3px;}

/* ---------------- PILLARS ---------------- */
.dtd-pillars{padding:90px 0;background:#fff;}
.dtd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.dtd-card{background:#fff;border:1px solid #e9ecf1;border-radius:16px;padding:30px 26px;
  transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;}
.dtd-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--orange),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .25s;}
.dtd-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(13,17,23,.10);border-color:#dfe3e9;}
.dtd-card:hover::before{transform:scaleX(1);}
.dtd-card-ico{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-size:23px;background:linear-gradient(135deg,rgba(243,112,32,.14),rgba(231,179,119,.14));margin-bottom:18px;}
.dtd-card h3{margin:0 0 9px;font-size:18.5px;font-weight:800;}
.dtd-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.62;}

/* ---------------- AUDIENCE ---------------- */
.dtd-audience{padding:84px 0;background:var(--bg-soft);}
.dtd-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
.dtd-chip{background:#fff;border:1px solid #e3e7ec;border-radius:999px;padding:13px 26px;font-weight:700;
  font-size:15px;color:#26303b;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 14px rgba(13,17,23,.04);}
.dtd-chip span{color:var(--orange);font-weight:900;}

/* ---------------- STEPS ---------------- */
.dtd-steps{padding:90px 0;background:#fff;}
.dtd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.dtd-step{text-align:center;position:relative;padding:0 12px;}
.dtd-step-n{display:inline-flex;width:58px;height:58px;border-radius:50%;align-items:center;justify-content:center;
  font-weight:900;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--orange),#d75e12);
  box-shadow:0 10px 24px rgba(243,112,32,.32);margin-bottom:18px;}
.dtd-step h3{margin:0 0 8px;font-size:19px;font-weight:800;}
.dtd-step p{margin:0;color:var(--muted);font-size:15px;}

/* ---------------- APPLICATION ---------------- */
.dtd-apply{padding:92px 0 100px;background:linear-gradient(180deg,var(--bg-soft),#eef0f3);}
.dtd-form-wrap{max-width:860px;}
.dtd-form{background:#fff;border:1px solid #e7eaee;border-radius:20px;padding:40px;
  box-shadow:0 30px 70px rgba(13,17,23,.10);}
.dtd-legend{font-size:12.5px;text-transform:uppercase;letter-spacing:2px;color:var(--orange);font-weight:800;
  margin:28px 0 16px;padding-bottom:10px;border-bottom:1px solid #eef0f3;}
.dtd-legend:first-child{margin-top:0;}
.dtd-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;}
.dtd-row label{display:flex;flex-direction:column;font-size:12.5px;font-weight:700;color:#39434f;gap:7px;}
.dtd-col-2{grid-column:1 / -1;}
.dtd-form input,.dtd-form select{padding:13px 14px;border:1.5px solid #d6dbe1;border-radius:10px;font-size:15px;
  font-weight:500;background:#fff;color:#10151b;transition:border-color .15s,box-shadow .15s;}
.dtd-form input:focus,.dtd-form select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,112,32,.18);}
.dtd-terms{background:var(--bg-soft);border:1px solid #e7eaee;border-radius:14px;padding:20px 22px;margin:24px 0;}
.dtd-terms ul{margin:8px 0 16px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.65;}
.dtd-check{display:flex;align-items:flex-start;gap:11px;font-weight:600;font-size:14.5px;color:#39434f;}
.dtd-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--orange);}
.dtd-submit{width:100%;justify-content:center;margin-top:6px;}
.dtd-form-msg{margin-top:16px;text-align:center;font-weight:700;min-height:1.2em;}
.dtd-form-msg.dtd-ok{color:#0a7d28;}
.dtd-form-msg.dtd-err{color:#c0341d;}
.dtd-form-fine{text-align:center;color:#9aa3ad;font-size:12.5px;margin:16px 0 0;}
.dtd-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* ---------------- CLOSING CTA ---------------- */
.dtd-cta{background:var(--ink);color:#fff;padding:72px 0;text-align:center;position:relative;overflow:hidden;}
.dtd-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 50% -40%,rgba(243,112,32,.22),transparent 60%);}
.dtd-cta-in{position:relative;z-index:1;}
.dtd-cta h2{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 10px;}
.dtd-cta p{color:var(--muted-l);font-size:17px;margin:0 0 28px;}

/* ---------------- responsive ---------------- */
@media (max-width:960px){
  .dtd-hero-grid{grid-template-columns:1fr;gap:44px;}
  .dtd-seal{order:-1;}
  .dtd-grid-4{grid-template-columns:1fr 1fr;}
  .dtd-stats-grid{grid-template-columns:1fr 1fr;gap:22px 12px;}
  .dtd-stat:nth-child(3)::before,.dtd-stat + .dtd-stat::before{display:none;}
}
@media (max-width:680px){
  .dtd-hero{padding:64px 0 72px;}
  .dtd-hero h1{font-size:36px;letter-spacing:-.8px;}
  .dtd-grid-4,.dtd-grid-3,.dtd-row{grid-template-columns:1fr;}
  .dtd-h2{font-size:27px;}
  .dtd-form{padding:26px;}
}

/* ---- fix: <select> option text was vertically clipping ("Select…" cut off) ---- */
.dtd-form select{
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  height:auto;min-height:52px;line-height:1.5;
  padding:14px 44px 14px 14px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23667785' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;
}
/* ---- hide the WooCommerce breadcrumb on the dealer program page ---- */
.page-template-template-dealer-php .woocommerce-breadcrumb{display:none !important;}

/* ---- match text input heights to the select boxes (52px) for form consistency (2026-06-22) ---- */
.dtd-form input:not([type=checkbox]):not([type=radio]),
.dtd-form select{min-height:52px;box-sizing:border-box;}

/* ---- "Talk to our dealer team" — Call / Text / Live chat popover (2026-06-22) ---- */
.dtd-talk{position:relative;display:inline-flex;}
.dtd-talk-trigger{font-family:inherit;cursor:pointer;}
/* position:fixed so the menu escapes the hero's overflow:hidden; JS sets top/left */
.dtd-talk-menu{position:fixed;z-index:1000;background:#fff;border:1px solid #e6e9ee;
  border-radius:14px;box-shadow:0 18px 50px rgba(8,15,30,.20);padding:8px;min-width:264px;}
.dtd-talk-menu[hidden]{display:none;}
.dtd-talk-opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:11px 13px;border:0;
  background:none;border-radius:10px;cursor:pointer;text-decoration:none;color:#10151b;font-family:inherit;}
.dtd-talk-opt:hover{background:var(--bg-soft,#fff6ee);}
.dtd-talk-ic{font-size:19px;line-height:1;width:24px;text-align:center;flex:none;}
.dtd-talk-txt{display:flex;flex-direction:column;line-height:1.25;}
.dtd-talk-txt b{font-size:15px;font-weight:700;}
.dtd-talk-txt small{font-size:12.5px;color:#6b7682;margin-top:2px;}
@media (max-width:680px){.dtd-talk,.dtd-talk-trigger{width:100%;}}