/* ==============================
   JAW SIDEBAR SECOND - LAYOUT
   jaw_theme.css has display:block!important on .jaw-layout__inner
   Our higher-specificity 2-class selector + !important beats it.
   To add banners: place Advertising Sidebar blocks in
   Content region with CSS class: jaw-sidebar-block
   ============================== */

/* Two-column layout when sidebar present */
.jaw-layout__inner.jaw-has-sidebar {
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:24px;
}
.jaw-layout__inner.jaw-has-sidebar > main.jaw-main {
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
}

/* Sidebar container */
.jaw-layout__inner.jaw-has-sidebar > .jaw-sidebar-second {
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  flex-shrink:0!important;
  flex-grow:0!important;
}

/* Hide sidebar blocks while in main content flow (before JS moves them) */
main.jaw-main .jaw-sidebar-block {
  display:none!important;
}

/* Show blocks inside the sidebar */
.jaw-sidebar-second .jaw-sidebar-block {
  display:block!important;
  margin-bottom:20px!important;
  visibility:visible!important;
}

/* Sidebar block card wrapper */
.jaw-sidebar-second .block {
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 1px 6px rgba(0,0,0,0.10);
  margin-bottom:18px;
}

/* Body text in blocks */
.jaw-sidebar-second .block .field--type-text-with-summary,
.jaw-sidebar-second .block .body-field,
.jaw-sidebar-second .block > div > div {
  padding:0;
}

/* Advertising image fills width */
.jaw-sidebar-second .field--name-field-advertising-image img {
  width:100%;
  height:auto;
  display:block;
  border-radius:6px;
}

/* Sticky sidebar on desktop */
.jaw-sidebar-second {
  position:sticky;
  top:72px;
}

/* Responsive: stack on mobile */
@media (max-width:960px) {
  .jaw-layout__inner.jaw-has-sidebar {
    flex-direction:column!important;
  }
  .jaw-layout__inner.jaw-has-sidebar > .jaw-sidebar-second {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:static!important;
  }
}
/* Hide node published/created date on all single pages */
main time[datetime] { display:none!important; }


/* ===== HOMEPAGE CLEANUP ===== */

/* 1. Hide redundant "Browse by Vehicle Type" section (duplicates Body Types block) */
.jaw-home-types { display:none!important; }

/* 2. Hide review/article card timestamps sitewide */
.views-field.views-field-created { display:none!important; }

/* 3. Hide the cluttered hero trust/about strip (checklist + 4 CTAs + email) */
.jaw-trust-home-strip { display:none!important; }

/* 4. Hero section — cleaner, more spacious */
.jaw-home-hero { padding:64px 0 56px!important; }
.jaw-home-hero .jaw-wrap { max-width:800px!important; margin:0 auto!important; text-align:center!important; }
.jaw-home-hero__title { font-size:2.5rem!important; font-weight:700!important; line-height:1.2!important; margin-bottom:14px!important; }
.jaw-home-hero__sub { font-size:1.05rem!important; opacity:0.88!important; margin-bottom:30px!important; max-width:600px!important; margin-left:auto!important; margin-right:auto!important; }
.jaw-home-hero__search { max-width:560px!important; margin:0 auto 22px!important; }
.jaw-home-hero__tabs { display:flex!important; flex-wrap:wrap!important; gap:8px!important; justify-content:center!important; margin-top:16px!important; }
.jaw-home-hero__tab { border-radius:4px!important; padding:9px 18px!important; font-size:0.88rem!important; font-weight:500!important; }

/* 5. Section spacing — consistent rhythm */
.jaw-home-section { padding:52px 0!important; }
.jaw-home-section--alt { background:#f7f8fb!important; }

/* 6. Section header — cleaner look */
.jaw-section-header { display:flex!important; align-items:baseline!important; justify-content:space-between!important; margin-bottom:28px!important; padding-bottom:14px!important; border-bottom:2px solid #e8eaee!important; }
.jaw-section-header h2 { font-size:1.35rem!important; font-weight:700!important; margin:0!important; }
.jaw-section-header a { font-size:0.85rem!important; color:#1a73e8!important; white-space:nowrap!important; }

/* 7. Browse brands/body section */
.jaw-browse-outer { padding:44px 0!important; }
.jaw-browse-section h2 { font-size:1.2rem!important; font-weight:700!important; margin-bottom:20px!important; }

/* 8. Compliance widget — clean embed */
.jaw-compliance-widget { margin:0!important; }

/* 9. Car cards — consistent height */
.jaw-car-card { display:flex!important; flex-direction:column!important; height:100%!important; }
.jaw-car-card__info { flex:1!important; }

/* 10. Review cards — remove broken image gaps */
.view-id-article_category_blocks .views-row { display:flex!important; flex-direction:column!important; }
.view-id-article_category_blocks .views-field-field-image a { display:block!important; aspect-ratio:16/9!important; overflow:hidden!important; background:#f0f0f0!important; }
.view-id-article_category_blocks .views-field-field-image img { width:100%!important; height:100%!important; object-fit:cover!important; }

/* 11. Exporter cards — clean */
.jaw-exporter-card { border:1px solid #e8eaee!important; border-radius:8px!important; overflow:hidden!important; }

/* 12. Navigation — clean spacing (using actual .jaw-main-nav class) */
.jaw-main-nav ul { display:flex!important; gap:2px!important; list-style:none!important; margin:0!important; padding:0!important; }
.jaw-main-nav ul li a { padding:8px 14px!important; font-size:0.88rem!important; font-weight:500!important; border-radius:4px!important; white-space:nowrap!important; }
.jaw-main-nav ul li a:hover { background:rgba(0,0,0,0.06)!important; }

/* 13. Header layout — logo left, nav right, centered vertically */
.jaw-header .jaw-wrap { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; }

/* 14. Popular Brands — hide Hino text fallback if no logo */
.jaw-browse-section .jaw-brand-item:first-child { order: 10!important; }

/* 15. Remove primary tabs (View/Edit/Delete/Layout) from homepage */
.path-frontpage .block-local-tasks-block,
.path-frontpage .tabs--primary { display:none!important; }


/* ===== H1 SIZING ON SINGLE PAGES ===== */
body:not(.path-frontpage) main h1 {
  font-size: 2.5rem!important;
  line-height: 1.2!important;
  font-weight: 700!important;
  margin-bottom: 0.75rem!important;
}