/* Golf Cart Battery Source v1.0.7: single-photo home hero. Loaded after v106.css. */

/* Phones / small tablets: photo on top (full brightness), copy stacked below on solid charcoal. */
.gcbs-home-hero--photo { display: flex; flex-direction: column; background: var(--gcbs-charcoal-deep); }
.gcbs-home-hero__bg { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--gcbs-charcoal-deep); }
.gcbs-home-hero__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 25% 70%; }
.gcbs-home-hero__bg::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(17, 27, 35, 0) 60%, rgba(17, 27, 35, 0.9) 100%);
}
.gcbs-home-hero--photo .gcbs-home-hero__inner { position: relative; z-index: 1; padding: 1.1rem 0 1.75rem; }
@media (max-width: 899px) {
  .gcbs-home-hero--photo .gcbs-home-hero__copy { display: flex; flex-direction: column; }
  /* CTAs straight after the heading so they sit above the fold on phones. */
  .gcbs-home-hero--photo .gcbs-home-hero__cta { order: 3; margin-bottom: 1rem; }
  .gcbs-home-hero--photo .gcbs-home-hero__lead { order: 4; margin-bottom: 1rem; }
  .gcbs-home-hero--photo .gcbs-home-hero__points { order: 5; }
  .gcbs-home-hero--photo .gcbs-home-hero__title { font-size: clamp(1.6rem, 6.4vw, 2.2rem); margin-bottom: 0.9rem; }
}
@media (min-width: 600px) and (max-width: 899px) {
  .gcbs-home-hero__bg { aspect-ratio: 21 / 9; }
}

/* Desktop: photo full-width behind the copy, charcoal gradient under the text column. */
@media (min-width: 900px) {
  .gcbs-home-hero--photo { display: block; min-height: clamp(31rem, 40vw, 37rem); }
  .gcbs-home-hero__bg { position: absolute; inset: 0; aspect-ratio: auto; }
  .gcbs-home-hero__bg img { object-position: 50% 68%; }
  .gcbs-home-hero__bg::after {
    background:
      linear-gradient(90deg, rgba(17, 27, 35, 0.95) 0%, rgba(17, 27, 35, 0.9) 36%, rgba(17, 27, 35, 0.6) 54%, rgba(17, 27, 35, 0.18) 76%, rgba(17, 27, 35, 0.06) 100%),
      linear-gradient(0deg, rgba(17, 27, 35, 0.5) 0%, rgba(17, 27, 35, 0) 28%);
  }
  .gcbs-home-hero--photo .gcbs-home-hero__inner {
    grid-template-columns: minmax(0, 35rem); align-content: center;
    min-height: clamp(31rem, 40vw, 37rem); padding: 3.5rem 0;
  }
  .gcbs-home-hero--photo .gcbs-home-hero__lead { color: rgba(255, 255, 255, 0.9); }
  .gcbs-home-hero--photo .gcbs-home-hero__points { color: #e6ece8; }
}
/* 900-1279px: the 35rem copy column covers more of the width, so keep the overlay dark further right. */
@media (min-width: 900px) and (max-width: 1279px) {
  .gcbs-home-hero__bg::after {
    background:
      linear-gradient(90deg, rgba(17, 27, 35, 0.95) 0%, rgba(17, 27, 35, 0.9) 46%, rgba(17, 27, 35, 0.62) 64%, rgba(17, 27, 35, 0.2) 84%, rgba(17, 27, 35, 0.08) 100%),
      linear-gradient(0deg, rgba(17, 27, 35, 0.5) 0%, rgba(17, 27, 35, 0) 28%);
  }
}

/* ======================================================================
   Cart-make logos (inc/cart-make-logos.php): category heroes, home grid,
   mega menu and mobile drawer. Official logos, never recoloured: white or
   light card for every make, a dark card only for Yamaha's white artwork.
   ====================================================================== */
.gcbs-makelogo {
  --logo-h: 2.5rem;
  display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; overflow: hidden;
  background: #fff; border: 1px solid #e2e6e9; border-radius: 0.6rem;
}
.gcbs-makelogo.is-dark { background: #121417; border-color: rgba(255, 255, 255, 0.24); }
.gcbs-makelogo__img { display: block; width: auto; height: var(--logo-h); max-width: 100%; object-fit: contain; }
.gcbs-makelogo.is-text { padding: 0 0.75rem; }
.gcbs-makelogo__word { font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gcbs-charcoal, #18212A); text-align: center; line-height: 1.1; }

/* Category hero: logo card in the header image box (replaces the rotating battery). */
.gcbs-phero--make .gcbs-phero__media--logo {
  display: block; aspect-ratio: auto; background: none; overflow: visible; border-radius: 0;
}
.gcbs-phero__logo-link { display: block; border-radius: 0.75rem; }
.gcbs-phero__logo-link:focus-visible { outline: 3px solid var(--gcbs-green-300, #9fd39a); outline-offset: 3px; }
.gcbs-makelogo--hero {
  --logo-h: 4.25rem;
  width: 100%; height: 8.75rem; padding: 1.25rem 1.6rem; border-radius: 0.75rem; border: 0;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.28);
}
.gcbs-makelogo--hero.is-dark { border: 1px solid rgba(255, 255, 255, 0.28); }
.gcbs-makelogo--hero.is-wide { --logo-h: 3.4rem; }
@media (min-width: 860px) {
  .gcbs-phero--make.gcbs-phero--has-img .gcbs-phero__inner { grid-template-columns: minmax(0, 1fr) 18rem; }
}
@media (max-width: 859px) {
  /* Phones: breadcrumbs, then a full-size logo card, then the H1 and lead (no tiny square). */
  .gcbs-phero--make.gcbs-phero--has-img .gcbs-phero__inner { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .gcbs-phero--make .gcbs-phero__copy { display: contents; }
  .gcbs-phero--make .gcbs-phero__copy > * { order: 2; }
  .gcbs-phero--make .gcbs-phero__copy > :first-child:not(h1) { order: 0; }
  .gcbs-phero--make.gcbs-phero--has-img .gcbs-phero__media--logo { order: 1; width: 14.5rem; max-width: 100%; margin: 0.35rem 0 1rem; }
  .gcbs-makelogo--hero { --logo-h: 2.6rem; height: 4.75rem; padding: 0.75rem 1.1rem; border-radius: 0.6rem; }
  .gcbs-makelogo--hero.is-wide { --logo-h: 2.1rem; }
}

/* Home "Shop by cart make": logo card on top of each charcoal tile; all 8 makes. */
.gcbs-make-tile--logo { justify-content: flex-start; min-height: 0; padding: 0.7rem 0.7rem 0.95rem; }
.gcbs-make-tile--logo::after { display: none; }
.gcbs-makelogo--tile { --logo-h: 2.6rem; width: 100%; height: 5.25rem; padding: 0.75rem 0.9rem; margin-bottom: 0.7rem; border: 0; }
.gcbs-makelogo--tile.is-dark { border: 1px solid rgba(255, 255, 255, 0.22); }
.gcbs-makelogo--tile.is-wide { --logo-h: 2.1rem; }
.gcbs-make-tile--logo .gcbs-make-tile__models { margin-top: 0; padding: 0 0.15rem; }
.gcbs-make-tile--logo .gcbs-make-tile__go { padding: 0 0.15rem; }
@media (min-width: 768px) {
  .gcbs-make-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .gcbs-makelogo--tile { --logo-h: 3.1rem; height: 6.25rem; padding: 1rem 1.25rem; }
  .gcbs-makelogo--tile.is-wide { --logo-h: 2.4rem; }
}

/* Mega menu cart-make column + mobile drawer: small logo chips, same size for every make. */
.gcbs-makelogo--chip { --logo-h: 1.2rem; flex: 0 0 auto; width: 4.25rem; height: 2.25rem; padding: 0.3rem 0.45rem; border-radius: 0.4rem; }
.gcbs-makelogo--chip.is-wide { --logo-h: 1rem; }
.gcbs-drawer__make > a { justify-content: flex-start !important; gap: 0.75rem; }
.gcbs-drawer__logo { --logo-h: 1.15rem; width: 4.25rem; height: 2.1rem; }
.gcbs-drawer__logo.is-wide { --logo-h: 0.9rem; }
.gcbs-phero__media .gcbs-makelogo__img { width: auto; height: var(--logo-h); max-width: 100%; }

/* Trust row: the third item no longer claims Bluetooth on every kit, so drop the Bluetooth rune. */
.gcbs-trust-row__icon--bt::before { content: "Li"; font-size: 0.85rem; font-weight: 800; letter-spacing: 0.02em; }

/* Hero point links (Warranty, Fitment guide): lighter green so they clear AA comfortably over the photo. */
.gcbs-home-hero .gcbs-home-hero__points a:not(.gcbs-btn) { color: #a9dca4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.gcbs-home-hero .gcbs-home-hero__points a:not(.gcbs-btn):hover { color: #fff; }