/*
Theme Name: Inteligent
Description: Storefront child tema — glava, noga in oblikovni sistem glavne strani inteligent.si, da trgovina deluje kot del iste strani. Izvor: repo inteligent-si, orodja/trgovina-tema/ (namesti deploy-trgovina-tema.sh).
Author: Inteligent d.o.o.
Template: storefront
Version: 1.0.0
*/

/* ── Glava: Storefront #masthead nevtraliziramo v prosojni ovoj, vidno vrstico
   pa je naš <header class="glava"> (isti markup + site.css kot glavna stran). ── */
.site-header{background:transparent !important;border:0 !important;box-shadow:none !important;
  padding:0 !important;margin:0 !important;position:static !important;max-width:none !important;
  width:auto !important;display:block !important;color:inherit !important}
.site-header .col-full{max-width:none !important;width:auto !important;margin:0 !important;padding:0 !important;display:block !important}
/* Naš header.glava je polna vrstica; vsebina v .container (1120) razporejena kot na
   glavni strani. Visoka specifičnost + !important, ker Storefront/Woo tekmujeta. */
.site-header header.glava{display:block !important;width:100% !important;margin:0 !important}
.site-header header.glava .container.glava-vrstica{max-width:1120px !important;width:100% !important;
  margin:0 auto !important;padding:0 20px !important;box-sizing:border-box !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;height:70px !important}
@media(min-width:1500px){.site-header header.glava .container.glava-vrstica{max-width:1320px !important}}
/* Storefront doda ul/li margine (npr. margin-bottom:1.5em), ki jih globalni *{margin:0}
   s strani ne premaga (nižja specifičnost) → flex align-items:center centrira margin
   boks in potisne povezave NAVZGOR. Zato tu ničimo odmike menija (spustni odmik pustimo). */
.site-header header.glava nav,
.site-header header.glava ul,
.site-header header.glava li{margin:0 !important;padding:0 !important;list-style:none !important;line-height:normal !important;border:0 !important}
.site-header header.glava .meni-spust ul{padding:8px 0 !important}
.site-header header.glava nav.glavni-meni>ul{gap:11px}  /* košarica v glavi: brez tega glava preseže vsebnik */

/* ── Vsebina: širina kot .container na glavni strani ── */
.col-full{max-width:1120px;margin:0 auto;padding:0 20px}
.site-content{padding-top:28px}
.site-main h1,.site-main h2,.site-main h3{color:var(--navy)}
.site-main h1{font-size:1.7rem}

/* ── Noga: #colophon dobi izgled footer.noga ── */
.site-footer{background:#081a33;color:#94a7bd;padding:52px 0 30px;font-size:0.9375rem;margin-top:44px}

/* ── Gumbi: Woo gumbi = .btn-primarni ── */
.button,button.button,input[type=submit],.added_to_cart,.checkout-button,#place_order,
.wc-block-components-button,.wp-element-button{
  background:var(--cta) !important;color:#fff !important;border:0 !important;border-radius:10px !important;
  font-weight:700 !important;padding:12px 22px;text-decoration:none !important;transition:background .15s}
.button:hover,button.button:hover,input[type=submit]:hover,.checkout-button:hover,#place_order:hover,
.wc-block-components-button:hover,.wp-element-button:hover{background:var(--cta-h) !important}
.button.disabled,.button:disabled{opacity:.55}

/* ── Kartice produktov = .kartica z glavne strani ── */
ul.products li.product{background:#fff;border:1px solid var(--rob);border-radius:var(--radij);padding:16px 16px 18px;transition:box-shadow .15s,transform .15s}
ul.products li.product:hover{box-shadow:var(--senca);transform:translateY(-2px)}
ul.products li.product img{border-radius:8px}
ul.products li.product .woocommerce-loop-product__title{color:var(--navy);font-weight:700;font-size:1.02rem}

/* ── Cene, značke, ocene ── */
.price,.woocommerce-Price-amount{color:var(--navy);font-weight:700}
ul.products li.product .price{color:var(--navy)}
.onsale{background:var(--akcent);border-radius:8px}
.star-rating span::before,p.stars a{color:var(--zvezda)}

/* ── Obrazci ── */
.input-text,input.input-text,textarea.input-text,select{border:1px solid var(--rob);border-radius:8px;padding:10px 12px}

/* ── Obvestila ── */
.woocommerce-message,.woocommerce-info{border-top-color:var(--akcent)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--akcent)}

/* ── Filtrirna vrstica trgovine (rešitev + proizvajalec) ── */
.trg-filtri{margin:0 0 26px;display:grid;gap:12px}
.trg-filtri-vrsta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.trg-filtri-oznaka{font-size:0.8125rem;font-weight:700;color:var(--siva-2);text-transform:uppercase;letter-spacing:.4px;min-width:96px}
.trg-chipi{display:flex;flex-wrap:wrap;gap:8px}
.trg-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rob);background:#fff;color:var(--ink);
  border-radius:999px;padding:7px 14px;font-size:0.9062rem;font-weight:600;text-decoration:none !important;transition:border-color .12s,background .12s,color .12s}
.trg-chip:hover{border-color:var(--akcent);color:var(--akcent)}
.trg-chip.aktiven{background:var(--cta);border-color:var(--cta);color:#fff}
.trg-chip-n{font-size:0.75rem;font-weight:700;opacity:.7}
.trg-chip.aktiven .trg-chip-n{opacity:.85}
@media(max-width:600px){.trg-filtri-oznaka{min-width:0;width:100%}}

/* ── Drobtinice ── */
.storefront-breadcrumb{background:var(--bg-2);border-bottom:1px solid var(--rob);margin:0 0 20px;padding:10px 0}
.woocommerce-breadcrumb{font-size:0.875rem;color:var(--siva)}
.trg-sestav{background:#f4f6f8;border-radius:12px;padding:14px 18px;font-size:15px;line-height:1.5}
.trg-sestav a{font-weight:600;text-decoration:underline}
.trg-sestav-izdelek,.trg-skupaj{margin:34px 0}
.trg-sestav-izdelek h2,.trg-skupaj h2{font-size:1.25rem;margin:0 0 10px}
.trg-ploscice{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.trg-ploscica{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid #e3e7ec;border-radius:12px;background:#fff;text-decoration:none;color:inherit;font-size:14px;font-weight:600;text-align:center;transition:border-color .15s}
.trg-ploscica:hover{border-color:#9aa6b4}
.trg-ploscica.aktiven{border-color:var(--navy,#0b2a4a);box-shadow:0 0 0 2px var(--navy,#0b2a4a) inset}
.trg-ploscica img,.trg-ploscica-prazna{width:96px;height:96px;object-fit:contain;border-radius:8px;background:#f4f6f8}
.trg-ploscica-resitev img{width:120px;height:120px;background:#fff}
.trg-ploscica-resitev{font-size:15px}
/* hierarhija ravni: vsaka nižja raven manjša, zamaknjena in s črto k nadrejeni */
.trg-ploscice-vrsta{display:grid;gap:6px}
.trg-raven-2{margin-left:14px;padding-left:14px;border-left:3px solid #c9d2dc}
.trg-raven-3{margin-left:28px;padding-left:14px;border-left:3px solid #dde3ea}
.trg-raven-4{margin-left:42px;padding-left:14px;border-left:3px solid #e8ecf1}
.trg-raven-2 .trg-ploscice{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}
.trg-raven-2 .trg-ploscica img,.trg-raven-2 .trg-ploscica-prazna{width:76px;height:76px}
.trg-raven-3 .trg-ploscice,.trg-raven-4 .trg-ploscice{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.trg-raven-3 .trg-ploscica,.trg-raven-4 .trg-ploscica{font-size:13px;padding:8px;gap:6px}
.trg-raven-3 .trg-ploscica img,.trg-raven-3 .trg-ploscica-prazna{width:56px;height:56px}
.trg-raven-4 .trg-ploscica img,.trg-raven-4 .trg-ploscica-prazna{width:48px;height:48px}
@media(max-width:600px){.trg-raven-2,.trg-raven-3,.trg-raven-4{margin-left:0;padding-left:10px}}
/* izdelek v seznamu: prijazno ime, pod njim koda modela in kratek opis */
ul.products li.product .trg-model{display:block;font-size:0.75rem;color:var(--siva-2,#6b7785);letter-spacing:.3px;margin:-4px 0 6px}
ul.products li.product .trg-kratek{font-size:0.875rem;line-height:1.45;color:var(--siva,#4a5563);margin:0 0 10px;text-align:left}
ul.products li.product .trg-kratek summary{cursor:pointer;font-weight:600;color:var(--navy,#0b2a4a);text-align:center;list-style:none}
ul.products li.product .trg-kratek summary::-webkit-details-marker{display:none}
ul.products li.product .trg-kratek summary::after{content:' ▾';font-size:0.8em}
ul.products li.product .trg-kratek[open] summary::after{content:' ▴'}
ul.products li.product .trg-kratek p{margin:8px 0 0}
.single-product .trg-model{display:block;font-size:0.875rem;color:var(--siva-2,#6b7785);margin:-8px 0 12px}
/* Trgovina: polna širina, 4 izdelki v vrsti na računalniku */
.woocommerce .content-area,.woocommerce-page .content-area{width:100% !important;float:none !important;margin-right:0 !important}
.woocommerce .widget-area,.woocommerce-page .widget-area{display:none !important}
.woocommerce ul.products.columns-4 li.product{width:22.75%;margin-right:3%}
.woocommerce ul.products.columns-4 li.product.last,.woocommerce ul.products.columns-4 li.product:nth-child(4n){margin-right:0}
@media(min-width:1500px){.col-full{max-width:1320px}}
@media(max-width:767px){.woocommerce ul.products.columns-4 li.product{width:48%;margin-right:4%}.woocommerce ul.products.columns-4 li.product:nth-child(2n){margin-right:0}}
ul.products li.product img{width:100%;height:210px;object-fit:contain} /* poravnane kartice */
/* barvni par: krogca bela/črna; klik na kartici preklopi različico, na strani izdelka odpre drugo barvo */
.trg-barve{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 10px}
.trg-barva{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font-size:0.8125rem;color:var(--siva,#4a5563);text-decoration:none !important}
.trg-barva span{width:22px;height:22px;border-radius:50%;border:2px solid #c9d2dc;box-shadow:0 0 0 2px #fff inset;display:inline-block}
.trg-barva-bel span{background:#fff}
.trg-barva-crn span{background:#1d1d1f}
.trg-barva-srebrn span{background:linear-gradient(135deg,#f4f5f7,#b9bec5)}
.trg-barva.aktiven span{border-color:var(--navy,#0b2a4a);box-shadow:0 0 0 2px #fff inset,0 0 0 2px var(--navy,#0b2a4a)}
.single-product .trg-barve{justify-content:flex-start;margin:0 0 16px}

/* Košarica: »Morda vas zanima tudi« v treh stolpcih z majhnimi slikami, ne čez celo širino */
.wp-block-woocommerce-cart .wc-block-product-template li{text-align:center}
.wp-block-woocommerce-cart .wc-block-product-template img{display:block;max-width:200px;margin:0 auto 10px}

/* količina na kartici kamere (prednastavljena po kanalih snemalnika v košarici) */
.trg-kolicina{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--siva,#4a5563);margin:6px 0 8px}
.trg-kolicina input{width:64px;height:34px;border:1px solid #c9d2dc;border-radius:8px;padding:0 8px;font-size:.95rem;text-align:center}
@media(max-width:399px){.site-header header.glava .glava-desno .btn{display:none}}  /* ozek telefon: v trgovini ima prednost košarica */