/* BoldKicks V11 overrides (loaded after theme.css) */

/* ---------- Header Logo Fix ---------- */
.site-logo, .bk-header__logo{display:flex;align-items:center}
.site-logo img, .bk-header__logo img{height:auto;width:auto;max-height:52px;object-fit:contain}
@media(max-width:768px){
  .site-logo img, .bk-header__logo img{max-height:42px}
}

/* ---------- Hero Slider (Full image) ---------- */
.bk-hero{position:relative}
.bk-hero--slider .bk-hero__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;padding:24px;text-align:center}
.bk-hero--slider .bk-hero__media{position:relative}
.bk-hero--slider .swiper{width:100%}
.bk-hero--slider .swiper-slide{position:relative}
.bk-hero--slider .bk-hero__slide-media{width:100%;height:72vh;min-height:420px}
.bk-hero--slider picture, .bk-hero--slider img{display:block;width:100%;height:100%}
.bk-hero--slider img{object-fit:cover}
@media(max-width:1024px){
  .bk-hero--slider .bk-hero__slide-media{height:56vh;min-height:360px}
}
@media(max-width:768px){
  .bk-hero--slider .bk-hero__slide-media{height:44vh;min-height:280px}
}

/* ---------- Brands: new logo wall (no boxes) ---------- */
.bk-brands{padding:70px 0}
.bk-brands__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:40px;align-items:center;justify-items:center;margin-top:26px}
@media(max-width:1024px){.bk-brands__grid{grid-template-columns:repeat(3,1fr);gap:26px}}
@media(max-width:768px){.bk-brands__grid{grid-template-columns:repeat(3,1fr);gap:18px}}

/* remove any old box styles */
.bk-brand{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.bk-brand img{max-width:130px;max-height:70px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:transform .25s ease, opacity .25s ease, filter .25s ease}
.bk-brand:hover img{filter:none;opacity:1;transform:scale(1.08)}
@media(max-width:768px){.bk-brand img{max-width:105px;max-height:56px}}

/* ---------- Products grid: Desktop 4 / Tablet 2 / Mobile 2 ---------- */
.bk-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;list-style:none;padding-left:0;margin-left:0}
@media(max-width:1024px){.bk-products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.bk-products-grid{grid-template-columns:repeat(2,1fr);gap:18px}}

/* ---------- Flash Sale animation ---------- */
.bk-flash .bk-section-title{position:relative}
.bk-flash .bk-section-title:after{content:'';display:block;width:84px;height:4px;margin:12px auto 0;border-radius:999px;background:currentColor;opacity:.2;animation:bkPulse 1.4s ease-in-out infinite}
@keyframes bkPulse{0%{transform:scaleX(.75);opacity:.18}50%{transform:scaleX(1);opacity:.32}100%{transform:scaleX(.75);opacity:.18}}

/* Sale badge pulse (Woo template uses .bk-badge-sale) */
.bk-badge-sale, .sale-badge{animation:bkBadge 1.35s ease-in-out infinite}
@keyframes bkBadge{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}

/* Ensure product cards never overlay/black block */
.product-card .product-info, .bk-product-card__meta{position:relative!important;background:transparent!important}


/* brands slider */
.brands-slider-section{padding:60px 0}
.brand-slide{display:flex;justify-content:center;align-items:center}
.brand-slide img{max-width:120px;filter:grayscale(100%);opacity:.7;transition:.3s}
.brand-slide img:hover{filter:none;opacity:1;transform:scale(1.1)}

/* products grid */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}

/* flash sale animation */
.flash-title{animation:flashPulse 1.2s infinite}
@keyframes flashPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}