/* ============================================================
   ZAVQURO BESTBUY KIT — v1.0
   Portable Best Buy-style design system for WooCommerce.
   Install: upload this file to wp-content/uploads/zavquro-bestbuy.css
   and enqueue it with the companion snippet "ZV Enqueue BestBuy CSS".
   Palette: Best Buy blue #0046BE | dark navy #002D62 |
            tag yellow #FFF200 | save green #137333 | deal red #C8102E
   ============================================================ */
:root{
  --zv-blue:#0046BE;
  --zv-blue-dark:#002D62;
  --zv-blue-darker:#001E4D;
  --zv-yellow:#FFE000;
  --zv-yellow-soft:#FFF200;
  --zv-bg:#F4F6F9;
  --zv-card:#ffffff;
  --zv-text:#1a1a1a;
  --zv-muted:#5f6b7a;
  --zv-border:#e3e9f2;
  --zv-green:#137333;
  --zv-green-bg:#E4F3E8;
  --zv-red:#C8102E;
  --zv-gold:#F5A623;
  --zv-radius:14px;
}

/* ---------- Base ---------- */
body{background:var(--zv-bg);}
a{color:var(--zv-blue);}

/* ---------- Header (desktop) ---------- */
.site-header,
header.site-header,
.site-header .site-header-inner{background:var(--zv-blue) !important;}
.top-bar,.site-header .topbar,.topbar{background:var(--zv-blue-dark) !important;}
.top-bar a,.site-header .topbar a{color:#fff !important;}
.main-navigation a,.primary-nav a,.navbar-primary a,
.site-header .nav-link{color:#ffffff !important;font-weight:600;}
.main-navigation a:hover,.primary-nav a:hover{color:var(--zv-yellow) !important;}

/* ---------- Header (mobile handheld) ---------- */
.handheld-header,
.site-header .handheld-header,
.mobile-header{background:var(--zv-blue) !important;}
.handheld-header a,.mobile-header a{color:#fff !important;}
.handheld-header .site-search input,
.mobile-header .site-search input{background:#fff !important;border-radius:999px !important;}

/* ---------- Search bar ---------- */
.site-search input[type="search"],.site-search input[type="text"],
.search-field{background:#fff !important;border-radius:999px !important;border:none !important;}
.site-search button,.search-submit{background:var(--zv-blue) !important;color:#fff !important;border-radius:999px !important;}

/* ---------- Global product cards (shop, archives, related, shortcodes) ---------- */
ul.products li.product,
.woocommerce ul.products li.product{
  background:var(--zv-card) !important;
  border:1px solid var(--zv-border) !important;
  border-radius:var(--zv-radius) !important;
  padding:16px !important;
  text-align:left !important;
  transition:box-shadow .2s ease, transform .2s ease;
  display:flex;flex-direction:column;
}
ul.products li.product:hover{
  box-shadow:0 10px 28px rgba(0,70,190,.14) !important;
  transform:translateY(-2px);
}
ul.products li.product img{
  border-radius:10px !important;
  aspect-ratio:1/1;object-fit:contain;background:#fff;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2.woocommerce-loop-product__title{
  font-size:14px !important;font-weight:600 !important;line-height:1.45 !important;
  min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:var(--zv-text) !important;padding:0 !important;margin:8px 0 6px !important;
}
ul.products li.product .price{margin:6px 0 10px !important;}
ul.products li.product .price .woocommerce-Price-amount{
  font-size:19px !important;font-weight:800 !important;color:#111 !important;
}
ul.products li.product .price del .woocommerce-Price-amount{
  font-size:13px !important;font-weight:400 !important;color:var(--zv-muted) !important;
}
ul.products li.product .price ins{text-decoration:none;}
ul.products li.product .star-rating{color:var(--zv-gold) !important;margin:4px 0 !important;font-size:13px;}
/* Save $X pill (paired with PHP snippet replacing sale flash) */
ul.products li.product .onsale,.woocommerce span.onsale,
.zv-save{
  background:var(--zv-green-bg) !important;color:var(--zv-green) !important;
  font-size:12px !important;font-weight:800 !important;
  padding:5px 12px !important;border-radius:999px !important;
  min-height:0 !important;min-width:0 !important;line-height:1.4 !important;
  top:12px !important;left:12px !important;right:auto !important;
  text-transform:none !important;letter-spacing:0 !important;
}
/* red deal label */
.zv-deal-label{color:var(--zv-red);font-size:12px;font-weight:700;margin:2px 0;}
/* card buttons — Best Buy yellow Add to Cart */
ul.products li.product .button,
ul.products li.product .add_to_cart_button{
  background:var(--zv-yellow) !important;color:#111 !important;
  border-radius:8px !important;font-weight:800 !important;
  padding:10px 18px !important;margin-top:auto !important;width:100%;text-align:center;
}
ul.products li.product .button:hover{background:#e6c800 !important;color:#111 !important;}
/* wishlist heart */
ul.products li.product .yith-wcwl-add-to-wishlist a{border:1px solid var(--zv-border);border-radius:50%;}

/* ---------- Buttons (global) ---------- */
.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{
  background:var(--zv-blue) !important;color:#fff !important;
  border-radius:999px !important;font-weight:700 !important;
  padding:14px 34px !important;
}
.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--zv-blue-dark) !important;color:#fff !important;}
/* Add to Cart — Best Buy yellow */
button.single_add_to_cart_button,.single_add_to_cart_button,
.woocommerce div.product form.cart .button.single_add_to_cart_button{
  background:var(--zv-yellow) !important;color:#111 !important;
  border-radius:8px !important;font-weight:800 !important;font-size:17px !important;
  padding:15px 34px !important;width:100%;
}
button.single_add_to_cart_button:hover,.single_add_to_cart_button:hover{background:#e6c800 !important;color:#111 !important;}
.woocommerce a.checkout-button,.wc-proceed-to-checkout a.checkout-button{
  background:var(--zv-yellow) !important;color:#111 !important;
  font-size:18px !important;font-weight:800 !important;border-radius:8px !important;
}
.woocommerce a.checkout-button:hover{background:#e6c800 !important;color:#111 !important;}

/* ---------- Product page ---------- */
.single-product .product_title{
  font-size:26px !important;font-weight:800 !important;color:var(--zv-text) !important;line-height:1.3;
}
.single-product .woocommerce-product-rating .star-rating{color:var(--zv-gold) !important;font-size:16px;}
.single-product .price .woocommerce-Price-amount{font-size:32px !important;font-weight:900 !important;color:#111 !important;}
.single-product .price del .woocommerce-Price-amount{font-size:18px !important;color:var(--zv-muted) !important;font-weight:400 !important;}
.single-product .onsale.zv-save{font-size:14px !important;padding:7px 16px !important;position:static !important;display:inline-block;margin:0 0 8px;}
/* deal countdown badge */
.zv-deal-ends{
  display:inline-flex;align-items:center;gap:8px;
  background:#FFF7E6;border:1px solid #F5D67B;color:#7a5b00;
  font-weight:700;font-size:13px;padding:8px 14px;border-radius:10px;margin:10px 0;
}
.zv-deal-ends b{font-variant-numeric:tabular-nums;font-size:15px;color:var(--zv-red);}
/* delivery box */
.zv-delivery-box{
  border:1px solid var(--zv-border);border-radius:12px;background:#fff;
  padding:16px 18px;margin:16px 0;font-size:14px;
}
.zv-delivery-box .zv-row{display:flex;gap:10px;align-items:flex-start;margin:8px 0;}
.zv-delivery-box .zv-row strong{color:var(--zv-blue-dark);}
.zv-free{color:var(--zv-green);font-weight:800;}
/* gallery */
.single-product .woocommerce-product-gallery{border:1px solid var(--zv-border);border-radius:var(--zv-radius);background:#fff;padding:12px;}
.single-product .flex-control-thumbs li img{border-radius:8px;border:2px solid transparent;}
.single-product .flex-control-thumbs li img.flex-active{border-color:var(--zv-blue);}
/* tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#fff;border-radius:10px 10px 0 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--zv-blue-dark) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;}
/* reviews */
.woocommerce #reviews #comments ol.commentlist li{background:#fff;border:1px solid var(--zv-border);border-radius:12px;padding:16px;}
.woocommerce #reviews .star-rating{color:var(--zv-gold);}
/* trust badges under ATC */
.zv-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;}
.zv-trust-row div{background:#fff;border:1px solid var(--zv-border);border-radius:10px;padding:10px;text-align:center;font-size:12px;}
.zv-trust-row strong{display:block;color:var(--zv-blue-dark);font-size:13px;}
@media(max-width:640px){.zv-trust-row{grid-template-columns:repeat(2,1fr);}}

/* ---------- Sticky add to cart (mobile) ---------- */
.electro-sticky-add-to-cart,.sticky-add-to-cart,.zv-sticky-atc{
  background:#fff !important;border-top:1px solid var(--zv-border) !important;
  box-shadow:0 -4px 18px rgba(0,0,0,.08) !important;
}
.electro-sticky-add-to-cart .button,.sticky-add-to-cart .button,.zv-sticky-atc .button,
.zv-sticky-atc .single_add_to_cart_button{
  background:var(--zv-yellow) !important;color:#111 !important;border-radius:8px !important;font-weight:800 !important;
}

/* ---------- Shop sidebar (Best Buy filters) ---------- */
.widget-area .widget,.sidebar .widget{
  background:#fff;border:1px solid var(--zv-border);border-radius:var(--zv-radius);padding:18px;margin-bottom:18px;
}
.widget-area .widget-title,.sidebar .widget-title{
  font-size:16px !important;font-weight:800 !important;color:var(--zv-blue-dark) !important;
  border-bottom:2px solid var(--zv-yellow);padding-bottom:8px;margin-bottom:12px;
}
.widget_layered_nav ul li a,.widget_product_categories ul li a{color:var(--zv-text);font-size:14px;}
.widget_layered_nav ul li.chosen a,.widget_product_categories ul li.current-cat a{color:var(--zv-blue);font-weight:700;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:var(--zv-blue);}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--zv-blue);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.woocommerce .widget_price_filter .price_slider_amount .button{background:var(--zv-blue) !important;color:#fff !important;border-radius:999px;}

/* ---------- Footer ---------- */
.site-footer,footer.site-footer{background:#fff !important;color:#333 !important;border-top:4px solid var(--zv-yellow);}
.site-footer a{color:var(--zv-blue) !important;}
.site-footer .widget-title,.site-footer h3,.site-footer h4{color:var(--zv-blue-dark) !important;font-weight:800;}
/* payment + secure strip */
.zv-pay-strip{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;
  padding:18px 10px;border-top:1px solid var(--zv-border);margin-top:10px;
}
.zv-pay{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:58px;height:36px;padding:0 12px;border-radius:8px;
  background:#fff;border:1px solid #d5dbe5;font-weight:800;font-size:12px;letter-spacing:.5px;color:#1a1a1a;
}
.zv-pay.visa{color:#1A1F71;font-style:italic;}
.zv-pay.mc{background:linear-gradient(90deg,#EB001B 50%,#F79E1B 50%);color:#fff;border:none;}
.zv-pay.amex{background:#2E77BC;color:#fff;border:none;}
.zv-pay.discover{color:#F48120;}
.zv-pay.paypal{color:#003087;font-style:italic;}
.zv-pay.gpay{color:#3c4043;}
.zv-secure{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:6px 10px 18px;font-size:13px;color:var(--zv-muted);}
.zv-secure span{display:inline-flex;align-items:center;gap:6px;}
.zv-secure b{color:var(--zv-green);}

/* ---------- Cart / Checkout ---------- */
.woocommerce-cart .cart_totals,.woocommerce-checkout .woocommerce-checkout-review-order{
  background:#fff;border:1px solid var(--zv-border);border-radius:var(--zv-radius);padding:22px;
}
.woocommerce-cart table.cart td.product-remove a{color:var(--zv-red);}
.woocommerce-checkout #payment{background:#fff;border:1px solid var(--zv-border);border-radius:var(--zv-radius);}

/* ---------- Homepage Best Buy sections ---------- */
.bb-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a1a;}
.bb-hero{background:linear-gradient(100deg,#0046BE 20%,#0077C8 60%,#00A9CE 100%);border-radius:18px;padding:64px 56px;margin:0 0 28px;overflow:hidden;}
.bb-hero h1{color:#FFF200;font-size:64px;font-weight:900;letter-spacing:1px;margin:0 0 10px;line-height:1;}
.bb-hero h1 span{color:#fff;}
.bb-hero p{color:#fff;font-size:20px;margin:0 0 24px;max-width:520px;}
.bb-btn-white{display:inline-block;background:#fff;color:#0046BE;font-weight:700;font-size:17px;padding:14px 42px;border-radius:999px;text-decoration:none;}
.bb-btn-white:hover{background:#FFF200;color:#002D62;}
.bb-ends{display:inline-block;background:#FFF200;color:#002D62;font-weight:800;font-size:13px;padding:6px 16px;border-radius:6px;margin-top:18px;}
.bb-fine{color:#cfe0ff;font-size:12px;margin-top:10px;}
.bb-sec{margin:34px 0;}
.bb-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.bb-sec-head h2{font-size:26px;font-weight:800;margin:0;color:#002D62;}
.bb-sec-head a{color:#0046BE;font-weight:600;font-size:15px;}
/* category circles: 8 across desktop, horizontal snap-scroll on mobile (Best Buy style) */
.bb-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;text-align:center;}
.bb-cats a{text-decoration:none;color:#1a1a1a;flex:0 0 auto;}
.bb-cats img{width:104px;height:104px;object-fit:cover;border-radius:50%;border:3px solid #e3e9f2;display:block;margin:0 auto 8px;background:#fff;}
.bb-cats a:hover img{border-color:#0046BE;}
.bb-cats span{font-size:13px;font-weight:600;line-height:1.3;display:block;}
.bb-strip{background:#E8F0FE;border-radius:12px;padding:16px 24px;text-align:center;font-size:15px;margin:0 0 28px;}
.bb-strip a{color:#0046BE;font-weight:700;margin:0 8px;}
.bb-promos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 8px;}
.bb-promo{border-radius:16px;padding:36px;color:#fff;min-height:190px;}
.bb-promo h3{font-size:28px;font-weight:800;margin:0 0 8px;color:#fff;}
.bb-promo p{margin:0 0 18px;font-size:16px;color:#fff;}
.bb-promo .bb-btn-white{font-size:15px;padding:11px 32px;}
.bb-promo.tv{background:linear-gradient(120deg,#002D62,#0046BE);}
.bb-promo.combo{background:linear-gradient(120deg,#3a0d5e,#7b1fa2);}
/* Deal of the Day — white cards on blue, white text */
.bb-dealday{background:#0046BE;border-radius:18px;padding:34px;margin:0 0 8px;}
.bb-dealday-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px;}
.bb-dealday-head h2{color:#FFF200;font-size:30px;font-weight:900;margin:0;}
.bb-countdown{color:#fff;font-size:15px;}
.bb-countdown span{display:inline-block;background:#002D62;color:#FFF200;font-weight:800;font-size:20px;padding:6px 10px;border-radius:8px;margin:0 2px;min-width:44px;text-align:center;}
.bb-dealday .bb-fine{color:#bcd2ff;}
.bb-dealday ul.products li.product{background:#fff !important;}
.bb-dealday ul.products li.product .woocommerce-loop-product__title,
.bb-dealday ul.products li.product h2{color:#1a1a1a !important;}
.bb-topdeals{display:grid;grid-template-columns:220px 1fr;gap:0;border-radius:18px;overflow:hidden;margin:0 0 8px;background:#fff;border:1px solid #e3e9f2;}
.bb-topdeals-side{background:linear-gradient(160deg,#FFF200,#FFD400);padding:34px 24px;}
.bb-topdeals-side h2{font-size:30px;font-weight:900;color:#002D62;margin:0 0 10px;line-height:1.1;}
.bb-topdeals-side p{color:#002D62;font-size:14px;margin:0 0 18px;}
.bb-btn-blue{display:inline-block;background:#0046BE;color:#fff;font-weight:700;font-size:15px;padding:12px 30px;border-radius:999px;text-decoration:none;}
.bb-btn-blue:hover{background:#002D62;color:#fff;}
.bb-topdeals-main{padding:20px;}
.bb-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:10px 0 30px;}
.bb-trust div{background:#fff;border:1px solid #e3e9f2;border-radius:14px;padding:20px;text-align:center;}
.bb-trust strong{display:block;color:#002D62;margin-bottom:4px;font-size:15px;}
.bb-trust span{font-size:13px;color:#555;}
.bb-news{background:#002D62;border-radius:18px;padding:40px;text-align:center;margin:0 0 10px;}
.bb-news h2{color:#fff;font-size:26px;font-weight:800;margin:0 0 8px;}
.bb-news p{color:#bcd2ff;margin:0 0 20px;}
@media(max-width:900px){
  .bb-hero{padding:40px 28px;}
  .bb-hero h1{font-size:40px;}
  .bb-cats{display:flex;overflow-x:auto;gap:16px;padding:4px 4px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
  .bb-cats a{scroll-snap-align:start;}
  .bb-cats img{width:84px;height:84px;}
  .bb-promos{grid-template-columns:1fr;}
  .bb-topdeals{grid-template-columns:1fr;}
  .bb-trust{grid-template-columns:repeat(2,1fr);}
}
