/*
Theme Name:   BIROmobil (Kadence child)
Template:     kadence
Description:  Podrejena tema za trgovino BIROmobil – barve, pisave in WooCommerce slogi po predlogi.
Version:      1.1.0
Text Domain:  biromobil
*/

/* ---------- Barve predloge ---------- */
:root {
  --bm-accent: #1F4FD8;
  --bm-accent-dark: #173CA8;
  --bm-accent-soft: #E3E9FB;
  --bm-ink: #15171A;
  --bm-muted: #5A5D63;
  --bm-line: #DCDDD8;
  --bm-line-strong: #C9CAC4;
  --bm-bg: #F4F4F1;
  --bm-card: #FFFFFF;
  --bm-ok: #1E7A46;
  --bm-low: #A2560B;
  --bm-out: #B42318;
  --bm-radius: 16px;
  --bm-radius-sm: 10px;
  --bm-display: "Space Grotesk", system-ui, sans-serif;
}

body { background: var(--bm-bg); color: var(--bm-ink); }

/* ---------- Naslovi ---------- */
h1, h2, h3, .entry-title, .product_title, .woocommerce-loop-product__title {
  font-family: var(--bm-display);
  letter-spacing: -0.02em;
}
h1, .product_title { line-height: 1.05; }

/* ---------- Gumbi ---------- */
.button, button.button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.single_add_to_cart_button {
  border-radius: var(--bm-radius-sm) !important;
  font-weight: 600 !important;
  min-height: 48px;
  padding: 12px 24px !important;
}
.single_add_to_cart_button { min-height: 54px; }

/* ---------- Glava ---------- */
.site-header-row-container-inner { border-bottom: 1px solid var(--bm-line); }
.site-top-header-wrap .site-header-row-container-inner {
  background: var(--bm-ink) !important; color: var(--bm-bg); border: 0; font-size: 13px;
}
.site-top-header-wrap a { color: var(--bm-bg); }
.header-cart-total, .header-cart-button .header-cart-total {
  background: var(--bm-accent) !important; color: #fff !important;
}
.search-form input[type="search"], .woocommerce-product-search input[type="search"] {
  background: var(--bm-bg); border: 1px solid var(--bm-line-strong);
  border-radius: var(--bm-radius-sm); min-height: 44px;
}

/* ---------- Kartice izdelkov (seznam, kategorije) ---------- */
.woocommerce ul.products li.product,
.wc-block-grid__product, .wc-block-product {
  background: var(--bm-card);
  border: 1px solid var(--bm-line);
  border-radius: var(--bm-radius);
  padding: 16px !important;
  transition: border-color .15s, transform .15s;
}
.woocommerce ul.products li.product:hover { border-color: var(--bm-ink); transform: translateY(-2px); }
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .woocommerce-loop-image-link {
  border-radius: var(--bm-radius-sm); background: #EEEFEB;
}
.woocommerce ul.products li.product .price { color: var(--bm-ink); font-weight: 600; font-size: 18px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 19px; font-weight: 600; }
.woocommerce span.onsale {
  background: var(--bm-accent); border-radius: 6px; min-height: 0; line-height: 1; padding: 6px 10px;
}

/* ---------- Stran izdelka ---------- */
.single-product div.product .woocommerce-product-gallery__wrapper,
.single-product div.product .woocommerce-product-gallery__image img {
  border-radius: 20px; background: var(--bm-card);
}
.single-product .flex-control-thumbs img { border-radius: 12px; border: 2px solid var(--bm-line); }
.single-product .flex-control-thumbs img.flex-active { border-color: var(--bm-accent); }
.single-product div.product p.price { font-family: var(--bm-display); font-size: 36px; font-weight: 700; color: var(--bm-ink); }

/* Zaloga */
.stock { font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.stock.in-stock { color: var(--bm-ok) !important; }
.stock.available-on-backorder { color: var(--bm-low) !important; }
.stock.out-of-stock { color: var(--bm-out) !important; }

/* Količina */
.quantity .qty {
  min-height: 52px; border: 1px solid var(--bm-line-strong); border-radius: var(--bm-radius-sm);
}

/* Zavihki */
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid var(--bm-line); padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent; border: 0; border-bottom: 3px solid transparent; border-radius: 0; margin: 0 8px -1px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--bm-accent); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 600; color: var(--bm-muted); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--bm-ink); }

/* ---------- Variacije: barvni krogci in gumbi ----------
   Deluje z vtičnikom "Variation Swatches for WooCommerce" (CartFlows).
   Pri drugih vtičnikih bo morda treba prilagoditi imena razredov. */
.variable-items-wrapper .variable-item {
  box-shadow: 0 0 0 2px var(--bm-line) !important;
  transition: box-shadow .15s;
}
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .variable-item:hover {
  box-shadow: 0 0 0 2px var(--bm-accent) !important;
}
.variable-items-wrapper .color-variable-item { width: 44px !important; height: 44px !important; border-radius: 50% !important; padding: 3px; }
.variable-items-wrapper .button-variable-item {
  min-height: 44px !important; padding: 0 16px !important; border-radius: 12px !important;
  font-weight: 600; background: var(--bm-card);
}
.variable-items-wrapper .variable-item.disabled { opacity: .4; }

/* Spustni meniji za variacije (če ni vtičnika) */
.variations select {
  min-height: 48px; border: 1px solid var(--bm-line-strong); border-radius: var(--bm-radius-sm); padding: 0 12px;
}

/* ---------- Pasica "Uradni prodajalec" ---------- */
.bm-badge {
  display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  background: var(--bm-accent-soft); color: var(--bm-accent-dark); padding: 6px 10px; border-radius: 6px;
}

/* ---------- Noga ---------- */
.site-footer, .site-footer .site-footer-row-container-inner { background: var(--bm-ink) !important; color: #C9CAC4; }
.site-footer a { color: #C9CAC4; }
.site-footer a:hover { color: #fff; }
.site-footer .widget-title, .site-footer h2, .site-footer h3 { color: #fff; font-family: var(--bm-display); }

/* ---------- Filamenti (v1.1) ---------- */
.bm-qty-discount {
  margin: -4px 0 16px; font-size: 14px; color: var(--bm-muted);
}
.bm-qty-discount strong { color: var(--bm-ink); }
.bm-color-note { font-size: 13px; color: var(--bm-muted); margin-top: 12px; }

.bm-print-settings { width: 100%; max-width: 760px; border-collapse: collapse; }
.bm-print-settings th, .bm-print-settings td {
  padding: 14px 0; border-bottom: 1px solid #E6E7E3; font-size: 15px; text-align: left;
}
.bm-print-settings th { color: var(--bm-muted); font-weight: 400; width: 50%; }
.bm-print-settings td { font-weight: 600; text-align: right; }

/* Krogci na strani filamenta nekoliko večji */
.bm-filament .variable-items-wrapper .color-variable-item { width: 48px !important; height: 48px !important; }
.bm-filament .variations th.label, .bm-filament .variations td.label { font-weight: 600; padding-bottom: 6px; }
.bm-filament .variations tr { display: flex; flex-direction: column; margin-bottom: 18px; }

/* Opis filamenta */
.bm-fil-intro { font-size: 17px; line-height: 1.7; max-width: 760px; }
.bm-fil-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 24px 0; }
.bm-fil-card { background: var(--bm-card); border: 1px solid var(--bm-line); border-radius: 12px; padding: 18px; }
.bm-fil-card h3 { margin: 0 0 6px; font-size: 17px; }
.bm-fil-card p { margin: 0; font-size: 15px; color: var(--bm-muted); line-height: 1.6; }