/* ===== Brand tokens ===== */
:root{ --gk-maroon:#4C0513; --gk-gold:#C3AA72; --gk-cream:#FAF8F5; }

/* ===== HERO CTA equality ===== */
.gk-btn .wp-block-button__link{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:52px; min-width:240px; padding:0 28px !important;
  border-radius:10px !important; font-weight:700; letter-spacing:.3px; line-height:1 !important;
}
.gk-btn--primary .wp-block-button__link{ background:var(--gk-maroon)!important; color:#fff!important; }
.gk-btn--primary .wp-block-button__link:hover{ background:var(--gk-gold)!important; color:var(--gk-maroon)!important; }
.gk-btn--secondary .wp-block-button__link{ background:transparent!important; color:var(--gk-maroon)!important; border:2px solid var(--gk-gold)!important; }
.gk-btn--secondary .wp-block-button__link:hover{ background:var(--gk-gold)!important; color:#fff!important; }

/* =======================================================================
   BEST SELLERS — MARQUEE
   Desktop: auto-scroll loop with overlay on hover
   Mobile: swipeable row; details shown inline (no hover)
   ======================================================================= */

.gk-marquee-wrap{ overflow:hidden; position:relative; }
.gk-marquee-track{
  display:flex; gap:18px;
  animation:gk-scroll 28s linear infinite;
}
.gk-marquee-wrap:hover .gk-marquee-track{ animation-play-state:paused; }

@keyframes gk-scroll{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* Make each Woo list inline, and cards consistent */
.gk-marquee-wrap .products{ display:flex !important; gap:18px; margin:0 !important; padding:0 !important; }
.gk-marquee-wrap .products[class*="columns-"] li.product{ width:auto !important; float:none !important; margin:0 !important; }
.gk-marquee-wrap li.product{
  position:relative; flex:0 0 260px;
  display:flex !important; flex-direction:column; overflow:hidden;
  border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.06);
}

/* Image */
.gk-marquee-wrap li.product a img{
  width:100% !important; aspect-ratio:1/1; object-fit:cover; display:block;
  border-radius:12px 12px 0 0;
}

/* Theme noise off (Astra/others) */
.gk-marquee-wrap li.product .star-rating,
.gk-marquee-wrap li.product .ast-woo-product-category,
.gk-marquee-wrap li.product .ast-woo-product-category a,
.gk-marquee-wrap li.product .woocommerce-loop-category__title{ display:none !important; }

/* Overlay content (title/price/button) — hidden by default */
.gk-marquee-wrap li.product::before{
  content:""; position:absolute; inset:0; background:rgba(76,5,19,.88);
  opacity:0; transition:opacity .25s;
}
.gk-marquee-wrap li.product .woocommerce-loop-product__title,
.gk-marquee-wrap li.product .price,
.gk-marquee-wrap li.product .button{
  position:absolute; left:14px; right:14px; opacity:0; transform:translateY(10px);
  transition:.25s; color:#fff !important;
}
.gk-marquee-wrap li.product .woocommerce-loop-product__title{ bottom:86px; text-align:center; color:#fff !important; }
.gk-marquee-wrap li.product .price{ bottom:58px; text-align:center; color:#fff !important; }
.gk-marquee-wrap li.product .button{
  bottom:16px; background:#C3AA72 !important; color:#4C0513 !important;
  border-radius:10px !important; padding:10px 14px !important; font-weight:700;
}

/* Hover reveal (desktop) */
@media (hover:hover){
  .gk-marquee-wrap li.product:hover::before{ opacity:1; }
  .gk-marquee-wrap li.product:hover .woocommerce-loop-product__title,
  .gk-marquee-wrap li.product:hover .price,
  .gk-marquee-wrap li.product:hover .button{ opacity:1; transform:none; }
}

/* Mobile/touch: show details inline (no hover) + swipe instead of auto-scroll */
@media (max-width: 768px){
  .gk-marquee-track{ animation:none; }             /* stop auto-loop */
  .gk-marquee-wrap{ overflow-x:auto; scroll-snap-type:x proximity; }
  .gk-marquee-wrap .products{ gap:14px; }
  .gk-marquee-wrap li.product{ flex:0 0 220px; scroll-snap-align:center; }

  .gk-marquee-wrap li.product::before{ display:none; }
  .gk-marquee-wrap li.product .woocommerce-loop-product__title,
  .gk-marquee-wrap li.product .price,
  .gk-marquee-wrap li.product .button{
    position:static; opacity:1; transform:none; color:inherit !important;
    text-align:left; left:auto; right:auto;
  }
  .gk-marquee-wrap li.product .woocommerce-loop-product__title{ padding:10px 12px 0; color:var(--gk-maroon) !important; }
  .gk-marquee-wrap li.product .price{ padding:0 12px 6px; color:#222 !important; }
  .gk-marquee-wrap li.product .button{ margin:0 12px 12px !important; }
}

/* Keep sale badge above overlay */
.gk-marquee-wrap .onsale{ z-index:3; }


/* Shop-by-Category: always show add-to-cart, hide ratings/category chips */
.gk-cat-wrap ul.products {display:grid !important; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:24px !important;}
.gk-cat-wrap ul.products li.product {float:none !important; margin:0 !important; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,.06);}
.gk-cat-wrap ul.products li.product a img{width:100% !important; aspect-ratio:1/1; object-fit:cover; border-radius:12px 12px 0 0;}

.gk-cat-wrap ul.products .star-rating,
.gk-cat-wrap ul.products .ast-woo-product-category,
.gk-cat-wrap ul.products .woocommerce-loop-category__title {display:none !important;}

.gk-cat-wrap ul.products li.product .button,
.gk-cat-wrap ul.products li.product .added_to_cart{
  display:inline-flex !important; align-items:center; justify-content:center;
  background:#4C0513 !important; color:#fff !important; border-radius:10px !important;
  font-weight:700; padding:10px 16px !important; margin-top:10px;
}
.gk-cat-wrap ul.products li.product .button:hover{background:#C3AA72 !important; color:#4C0513 !important;}

/* =======================================================================
   OUR STORY — cards
   ======================================================================= */
.gk-card{
  background:#fff; border-radius:12px; padding:30px; text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,.08); transition:.25s;
}
.gk-card h3{ color:var(--gk-maroon); font-size:2rem; margin:0; }
.gk-card p{ margin-top:8px; font-weight:500; color:#444; }
.gk-card:hover{ transform:translateY(-4px); box-shadow:0 6px 16px rgba(0,0,0,.12); }

/* Small screens */
@media (max-width: 768px){
  .wp-block-columns.alignwide{ flex-direction:column !important; gap:24px; }
}