/*
 * Zaytoona — BestBuy-inspired minimalist overrides
 * These supplement WoodMart's theme-settings-generated CSS.
 *
 * Design language:
 *   Primary blue   : #0046BE  (BestBuy blue, used for CTAs, links, active states)
 *   Surface white  : #FFFFFF
 *   Background grey: #F8F8F8
 *   Border grey    : #E0E0E0
 *   Text primary   : #1A1A1A
 *   Text secondary : #6B6B6B
 *   Sale / badge   : #BB0000  (BestBuy red)
 *   Radius         : 4px      (sharp-but-friendly, not pill, not none)
 */

:root {
  --zay-blue:       #0046BE;
  --zay-blue-dark:  #003A9F;
  --zay-red:        #BB0000;
  --zay-bg:         #F8F8F8;
  --zay-surface:    #FFFFFF;
  --zay-border:     #E0E0E0;
  --zay-text:       #1A1A1A;
  --zay-muted:      #6B6B6B;
  --zay-radius:     4px;
}

/* ─── Global ─────────────────────────────────────────────── */
body {
  background-color: var(--zay-bg);
  color: var(--zay-text);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--zay-blue); }
a:hover { color: var(--zay-blue-dark); }

/* ─── Header ─────────────────────────────────────────────── */
.wd-header,
.whb-row {
  background-color: var(--zay-blue) !important;
  border-bottom: none !important;
}

.whb-row * { color: #fff !important; }

/* Search bar */
.wd-search-form .search-field {
  border-radius: var(--zay-radius);
  border: none;
  height: 40px;
  font-size: 14px;
}

.wd-search-form .searchform-submit {
  background: #FFD600; /* BestBuy yellow search button */
  border-radius: 0 var(--zay-radius) var(--zay-radius) 0;
  color: #1A1A1A !important;
  border: none;
}

.wd-search-form .searchform-submit:hover {
  background: #E6C100;
}

/* Cart count badge */
.wd-cart-count {
  background: #FFD600 !important;
  color: #1A1A1A !important;
  font-weight: 700;
}

/* ─── Navigation bar (second row) ────────────────────────── */
.whb-row.whb-row-s-2,
.wd-main-nav-wrap {
  background: #003A9F !important;
  border-top: 1px solid rgba(255,255,255,0.15);
}

.wd-nav > li > a {
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 14px !important;
}

.wd-nav > li > a:hover,
.wd-nav > li.current-menu-item > a {
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* ─── Page layout ────────────────────────────────────────── */
.site-content,
.wd-content-area {
  background: var(--zay-bg);
}

/* ─── Product cards ──────────────────────────────────────── */
.product-grid-item,
.wd-product,
li.product {
  background: var(--zay-surface) !important;
  border: 1px solid var(--zay-border) !important;
  border-radius: var(--zay-radius) !important;
  box-shadow: none !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.product-grid-item:hover,
li.product:hover {
  border-color: var(--zay-blue) !important;
  box-shadow: 0 2px 8px rgba(0,70,190,0.10) !important;
}

/* Product title */
.woocommerce-loop-product__title {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--zay-text) !important;
  line-height: 1.4 !important;
}

/* Price */
.woocommerce-Price-amount {
  color: var(--zay-text) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

del .woocommerce-Price-amount {
  color: var(--zay-muted) !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* Sale badge */
.onsale,
.wd-product-label.wd-label-sale {
  background: var(--zay-red) !important;
  color: #fff !important;
  border-radius: var(--zay-radius) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 7px !important;
}

/* ─── Add to cart buttons ────────────────────────────────── */
.button,
.wd-btn,
.add_to_cart_button,
.single_add_to_cart_button {
  background: var(--zay-blue) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--zay-radius) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0;
  text-transform: none !important;
  transition: background 0.15s ease !important;
}

.button:hover,
.wd-btn:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background: var(--zay-blue-dark) !important;
  color: #fff !important;
}

/* Secondary / outlined button */
.button.alt,
.checkout-button {
  background: var(--zay-blue) !important;
}

/* ─── Product detail page ─────────────────────────────────── */
.single-product .product_title {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--zay-text) !important;
  line-height: 1.3 !important;
}

.single-product .woocommerce-Price-amount {
  font-size: 26px !important;
}

/* Tabs */
.woocommerce-tabs .tabs li a {
  color: var(--zay-text) !important;
  font-weight: 500;
  border-radius: var(--zay-radius) var(--zay-radius) 0 0;
}

.woocommerce-tabs .tabs li.active a {
  color: var(--zay-blue) !important;
  border-bottom-color: var(--zay-blue) !important;
}

/* ─── Breadcrumbs ─────────────────────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 12px !important;
  color: var(--zay-muted) !important;
}

.woocommerce-breadcrumb a {
  color: var(--zay-blue) !important;
}

/* ─── Sidebar filters ─────────────────────────────────────── */
.widget_layered_nav ul li a,
.widget_price_filter .price_slider_amount .button {
  color: var(--zay-blue) !important;
}

.widget_layered_nav ul li.chosen a {
  font-weight: 700;
}

.widget-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--zay-text) !important;
  border-bottom: 2px solid var(--zay-blue);
  padding-bottom: 8px;
  margin-bottom: 12px !important;
}

/* ─── Forms & inputs ─────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
select,
textarea {
  border: 1px solid var(--zay-border) !important;
  border-radius: var(--zay-radius) !important;
  color: var(--zay-text) !important;
  background: var(--zay-surface) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--zay-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,70,190,0.15) !important;
}

/* ─── Footer ─────────────────────────────────────────────── */
.wd-footer {
  background: #1A1A1A !important;
  color: #ccc !important;
  border-top: 3px solid var(--zay-blue) !important;
}

.wd-footer a {
  color: #ccc !important;
}

.wd-footer a:hover {
  color: #fff !important;
}

.wd-footer .widget-title {
  color: #fff !important;
  border-bottom-color: var(--zay-blue);
}

.wd-copyrights {
  background: #111 !important;
  color: #888 !important;
  font-size: 12px;
}

/* ─── Checkout ────────────────────────────────────────────── */
.woocommerce-checkout #place_order {
  background: var(--zay-blue) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
  border-radius: var(--zay-radius) !important;
  width: 100%;
}

/* ─── Cart ────────────────────────────────────────────────── */
.woocommerce-cart .cart_totals {
  background: var(--zay-surface);
  border: 1px solid var(--zay-border);
  border-radius: var(--zay-radius);
  padding: 20px;
}

/* ─── Responsive: mobile ──────────────────────────────────── */
@media (max-width: 768px) {
  .wd-header {
    padding: 8px 0 !important;
  }

  .single-product .product_title {
    font-size: 18px !important;
  }
}