/* HORIZON HAWK 1.10.0 — brand, category and application refinement.
   Scope: presentation + buyer guidance only. Vehicle data and Fluent Forms are untouched. */

/* ---------- Homepage hero: stronger brand hierarchy without replacing stored Gutenberg copy ---------- */
.hh-home .hh-home-hero-1100{position:relative;isolation:isolate}
.hh-home .hh-home-hero-1100::after{
  content:"";position:absolute;inset:auto 0 0;height:180px;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(3,28,19,.28));
}
.hh-home .hh-home-hero-1100>*{position:relative;z-index:1}
.hh-home .hh-home-hero-title-1100{max-width:900px;text-wrap:balance}
.hh-home .hh-home-hero-lead-1100{max-width:720px}
.hh-home .hh-home-hero-1100 .hh-actions,.hh-home .hh-home-hero-1100 .wp-block-buttons{gap:10px}
.hh-home .hh-home-hero-1100 .hh-badges span{
  border-color:rgba(255,255,255,.38);background:rgba(4,34,23,.30);backdrop-filter:blur(8px)
}

/* ---------- Category decision snapshot ---------- */
.hh-category-decision-1100{padding:0 0 34px;background:#fff}
.hh-category-decision-1100 .hh-container{margin-top:-26px;position:relative;z-index:3}
.hh-category-decision-grid-1100{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  padding:14px;border:1px solid rgba(17,78,55,.10);border-radius:22px;background:rgba(255,255,255,.97);
  box-shadow:0 18px 44px rgba(10,59,40,.08)
}
.hh-category-decision-grid-1100 article{padding:18px 20px;border-radius:16px;background:#f7faf8}
.hh-category-decision-grid-1100 small{display:block;margin-bottom:7px;color:#1f8a55;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hh-category-decision-grid-1100 strong{display:block;margin-bottom:5px;color:#143c2e;font-size:16px;line-height:1.3}
.hh-category-decision-grid-1100 p{margin:0;color:#64736a;font-size:13px;line-height:1.55}

/* Category overview should read like a buyer decision area, not two unrelated text boxes. */
.hh-category-overview{align-items:stretch}
.hh-category-overview .hh-copy-narrow{align-self:center}
.hh-category-overview aside{height:100%}

/* ---------- Application overview: identify relevant vehicle directions at a glance ---------- */
.hh-application-page-card .hh-app-fit-1100{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.hh-application-page-card .hh-app-fit-1100 i{
  display:inline-flex;padding:5px 8px;border:1px solid rgba(255,255,255,.26);border-radius:999px;
  background:rgba(5,37,25,.30);color:#f2fbf5;font-size:10px;font-style:normal;font-weight:800;line-height:1.15
}
.hh-application-page-card small{display:block}

/* ---------- Application detail: compact category-specific decision strip ---------- */
.hh-app-decision-1100{padding:28px 0;background:#f7faf8;border-bottom:1px solid #e3ece6}
.hh-app-decision-grid-1100{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hh-app-decision-grid-1100 article{padding:18px 20px;border:1px solid #dfe9e2;border-radius:18px;background:#fff}
.hh-app-decision-grid-1100 span{display:block;margin-bottom:9px;color:#1f8a55;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hh-app-decision-grid-1100 strong{display:block;margin-bottom:6px;color:#173f30;font-size:16px}
.hh-app-decision-grid-1100 p{margin:0;color:#68766e;font-size:13px;line-height:1.55}

/* Keep the 1.9 visual system but reduce repetitive card-template feeling. */
.hh-page-applications .hh-application-page-card:nth-child(3n+2){transform:translateY(10px)}
.hh-page-applications .hh-application-page-card:nth-child(3n+2):hover{transform:translateY(5px)}

/* Better section hand-off on category/application pages. */
.hh-page-applications .hh-section-head>p:last-child,
body[class*="hh-page-"] .hh-section-head>p:last-child{max-width:720px}

@media(max-width:1050px){
  .hh-category-decision-1100 .hh-container{margin-top:-18px}
  .hh-category-decision-grid-1100,.hh-app-decision-grid-1100{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hh-page-applications .hh-application-page-card:nth-child(3n+2){transform:none}
  .hh-page-applications .hh-application-page-card:nth-child(3n+2):hover{transform:translateY(-5px)}
}

@media(max-width:760px){
  .hh-category-decision-1100{padding-bottom:22px}
  .hh-category-decision-1100 .hh-container{margin-top:-12px}
  .hh-category-decision-grid-1100{grid-template-columns:1fr;padding:10px;gap:8px;border-radius:18px}
  .hh-category-decision-grid-1100 article{padding:14px 16px}
  .hh-app-decision-grid-1100{grid-template-columns:1fr;gap:8px}
  .hh-app-decision-grid-1100 article{padding:15px 16px}
}

@media(max-width:620px){
  .hh-home .hh-home-hero-1100::after{height:110px}
  .hh-home .hh-home-hero-title-1100{text-wrap:pretty}
  .hh-application-page-card .hh-app-fit-1100{gap:4px}
  .hh-application-page-card .hh-app-fit-1100 i{padding:4px 7px;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .hh-page-applications .hh-application-page-card:nth-child(3n+2),
  .hh-page-applications .hh-application-page-card:nth-child(3n+2):hover{transform:none}
}


/* GTranslate DOM recovery: preserve .gt_switcher_wrapper and the real header. */
body > .hh-mega,
body > li.hh-has-panel,
body > li.hh-nav-cta,
body > li:has(> a[href*="/about-us/"]),
body > li:has(> a[href*="/contact/"]){display:none!important;}
