/* Generirano: alati/wp.mjs (iz assets/css/stil.css + assets/css/trgovina-woo.css) — ne uređivati ručno. */
/* Header i footer novog weba unutar WordPress shopa: sve je ograničeno na .skalac-wp da ne dira temu. */
.skalac-wp{display:contents;font-family:var(--font-tekst);font-size:var(--fs-tekst);line-height:1.65;color:var(--tekst)}
.skalac-wp *,.skalac-wp *::before,.skalac-wp *::after{box-sizing:border-box}
.skalac-wp img,.skalac-wp svg{display:block;max-width:100%}
.skalac-wp a{color:var(--arctic-tekst);text-underline-offset:3px}
.skalac-wp ul,.skalac-wp li{margin:0;padding:0;list-style:none;background:none}
.skalac-wp li::marker{content:none}
.skalac-wp p{margin:0 0 1em;font-size:inherit}
.skalac-wp h2{font-family:var(--font-naslov);color:var(--indigo);line-height:1.2;margin:0 0 .5em;font-weight:800}
.skalac-wp :focus-visible{outline:3px solid var(--arctic);outline-offset:3px;border-radius:4px}
.skalac-wp [hidden]{display:none!important}
/* Dodatni CSS teme ima globalno .logo{width:20%} — ne smije stisnuti logo novog headera */
.skalac-wp .logo{width:auto!important}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fontovi/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/fontovi/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fontovi/opensans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fontovi/opensans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--narancasta:#F3AC3B;
  --narancasta-hover:#E39A25;
  --indigo:#291A62;
  --indigo-80:#43357A;
  --zuta:#F5D100;
  --topla-1:#FFF9F0;
  --topla-2:#FDF0DF;
  --bijela:#FFFFFF;
  --arctic:#0082C8;          
  --arctic-tekst:#006FAA;    
  --tekst:#454553;
  --tekst-blago:#6B6B78;
  --rub:#EFE3D0;             
  --rub-topla:#EADBC3;       
  --rub-hladni:#E8E6EF;
  --crta:#E7CFA8;            

  --font-naslov:'Montserrat',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --font-tekst:'Open Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;

  
  --r-1:4px; --r-2:8px; --r-3:12px; --r-4:16px; --r-5:24px; --r-6:32px; --r-7:48px; --r-8:64px; --r-9:96px; --r-10:128px;
  --sekcija:96px;            
  --sekcija-kompaktna:64px;  
  --sekcija-cta:48px;        
  --razmak-naslov:16px;      
  --razmak-blok:32px;        
  --razmak-skupina:48px;     
  --razmak-kartica:24px;     
  --kartica-pad:24px;        

  
  --fs-h1:3rem;              
  --fs-h1-pod:2.75rem;       
  --fs-h2:2.25rem;           
  --fs-h3:1.25rem;           
  --fs-pod:1.125rem;         
  --fs-uvod:1.25rem;         
  --fs-tekst:1.0625rem;      
  --fs-mali:1rem;            
  --fs-sitno:.875rem;        
  --fs-oznaka:.8125rem;      
  --odlomak:none;            

  --radijus-s:6px;
  --radijus-m:12px;
  --radijus-l:20px;
  --sjena-s:0 1px 2px rgba(41,26,98,.06),0 2px 8px rgba(41,26,98,.05);
  --sjena-m:0 6px 24px rgba(41,26,98,.09);
  --sirina:1200px;
  --prijelaz:.18s;}
@media (max-width:1100px){
:root{--sekcija:72px;--sekcija-kompaktna:56px;--sekcija-cta:40px;--razmak-skupina:40px;--razmak-kartica:20px;
    --fs-h1:2.5rem;--fs-h1-pod:2.25rem;--fs-h2:1.875rem;--fs-h3:1.1875rem;--fs-uvod:1.1875rem}
}
@media (max-width:640px){
:root{--sekcija:56px;--sekcija-kompaktna:40px;--sekcija-cta:32px;--razmak-naslov:12px;--razmak-blok:24px;--razmak-skupina:32px;--razmak-kartica:16px;--kartica-pad:20px;
    --fs-h1:2rem;--fs-h1-pod:1.875rem;--fs-h2:1.625rem;--fs-h3:1.125rem;--fs-pod:1.0625rem;--fs-uvod:1.125rem;--fs-tekst:1rem}
}
.skalac-wp .skriveno{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skalac-wp .omot{width:100%;max-width:var(--sirina);margin:0 auto;padding:0 24px}
.skalac-wp .ikona{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.skalac-wp .gumb{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;font-family:var(--font-naslov);font-weight:700;font-size:.98rem;line-height:1.2;text-decoration:none;padding:13px 24px;border-radius:var(--radijus-s);border:2px solid transparent;cursor:pointer;transition:background-color var(--prijelaz),border-color var(--prijelaz),color var(--prijelaz),transform var(--prijelaz),box-shadow var(--prijelaz)}
.skalac-wp .gumb .ikona{width:18px;height:18px}
.skalac-wp .gumb--primarni{background:var(--narancasta);color:var(--indigo);box-shadow:0 2px 0 rgba(41,26,98,.12)}
.skalac-wp .gumb--primarni:hover{background:var(--narancasta-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(227,154,37,.35)}
.skalac-wp .gumb--primarni:active{transform:none;box-shadow:0 1px 0 rgba(41,26,98,.12)}
.skalac-wp .gumb--primarni:hover .ikona-strelica{transform:translateX(3px)}
.skalac-wp .ikona-strelica{transition:transform var(--prijelaz)}
.skalac-wp .gumb--obrub{background:transparent;color:var(--indigo);border-color:var(--indigo)}
.skalac-wp .gumb--obrub:hover{background:var(--indigo);color:#fff}
.skalac-wp .gumb--tekst{padding:13px 6px;color:var(--indigo)}
.skalac-wp .gumb--tekst:hover{color:var(--arctic-tekst)}
.skalac-wp .gumb--mali{min-height:44px;padding:10px 18px;font-size:.88rem}
.skalac-wp .gumbi-red{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-3)}
.skalac-wp .header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--rub-hladni);transition:box-shadow .2s}
.skalac-wp .header.je-skrolan{box-shadow:0 4px 18px rgba(41,26,98,.08)}
.skalac-wp .header__unutra{display:flex;align-items:center;gap:24px;min-height:96px;max-width:1340px}
.skalac-wp .logo{flex:none;display:block}
.skalac-wp .logo img{height:62px;width:auto}
.skalac-wp .header__desno{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.skalac-wp .traka{display:flex;gap:22px;font-size:var(--fs-oznaka)}
.skalac-wp .traka a{display:inline-flex;align-items:center;gap:6px;color:var(--tekst);text-decoration:none}
.skalac-wp .traka a:hover{color:var(--indigo)}
.skalac-wp .traka .ikona{width:15px;height:15px;color:var(--indigo)}
.skalac-wp .traka strong{color:var(--indigo);font-weight:700}
.skalac-wp .nav-red{display:flex;align-items:center;gap:14px}
.skalac-wp .nav{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.skalac-wp .nav>li{position:relative}
.skalac-wp .nav>li+li::before{content:"";position:absolute;left:0;top:50%;height:12px;margin-top:-6px;border-left:1px solid #DCD8E6}
.skalac-wp .nav__veza{display:flex;align-items:center;gap:4px;padding:14px 12px;white-space:nowrap;font-family:var(--font-naslov);font-size:var(--fs-oznaka);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--indigo);text-decoration:none;position:relative}
.skalac-wp .nav__veza::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:2px;background:var(--narancasta);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.skalac-wp .nav__veza:hover::after,.skalac-wp .nav__veza[aria-current="page"]::after,.skalac-wp .nav__veza.je-aktivno::after,.skalac-wp .nav>li:focus-within>.nav__veza::after{transform:scaleX(1)}
.skalac-wp .nav__otvori{display:none}
.skalac-wp .nav__strelica{width:13px;height:13px;transition:transform .2s}
.skalac-wp .podizbornik{list-style:none;margin:0;padding:10px;position:absolute;left:0;top:100%;min-width:250px;background:#fff;border:1px solid var(--rub-hladni);border-top:3px solid var(--narancasta);border-radius:0 0 var(--radijus-m) var(--radijus-m);box-shadow:var(--sjena-m);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.skalac-wp .nav>li:hover>.podizbornik,.skalac-wp .nav>li:focus-within>.podizbornik{opacity:1;visibility:visible;transform:none}
.skalac-wp .nav>li:hover .nav__strelica,.skalac-wp .nav>li:focus-within .nav__strelica{transform:rotate(180deg)}
.skalac-wp .podizbornik a{display:block;padding:11px 12px;border-radius:var(--radijus-s);color:var(--tekst);font-size:.92rem;text-decoration:none}
.skalac-wp .podizbornik a:hover{background:var(--topla-1);color:var(--indigo)}
.skalac-wp .podizbornik__naslov{padding:10px 12px 4px;font-family:var(--font-naslov);font-size:var(--fs-oznaka);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-blago)}
.skalac-wp .podizbornik__naslov:not(:first-child){margin-top:6px;border-top:1px solid var(--rub-hladni);padding-top:12px}
.skalac-wp .header__mobilno{display:none;align-items:center;gap:8px;margin-left:auto}
.skalac-wp .ikona-gumb{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radijus-s);border:1px solid var(--rub-hladni);background:#fff;color:var(--indigo);cursor:pointer;text-decoration:none}
.skalac-wp .ikona-gumb .ikona{width:22px;height:22px}
.skalac-wp .ikona-gumb--telefon{background:var(--narancasta);border-color:var(--narancasta)}
.skalac-wp .mob-izbornik{display:none}
.skalac-wp .logotipi{position:relative;overflow:hidden;margin-top:var(--razmak-blok);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.skalac-wp .logotipi__traka{display:flex;width:max-content;animation:klizi 45s linear infinite}
.skalac-wp .logotipi:hover .logotipi__traka,.skalac-wp .logotipi:focus-within .logotipi__traka{animation-play-state:paused}
.skalac-wp .logotipi ul{list-style:none;margin:0;padding:6px 10px;display:flex;align-items:center;gap:20px}
.skalac-wp .logotipi li{flex:none;width:200px;height:104px;padding:14px 22px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--rub);border-radius:var(--radijus-m);box-shadow:var(--sjena-s)}
.skalac-wp .logotipi img{width:100%;height:100%;object-fit:contain}
.skalac-wp .logotipi__tekst{font-family:var(--font-naslov);font-weight:800;font-size:1.5rem;letter-spacing:.02em;color:var(--indigo)}
@media (prefers-reduced-motion:reduce){
.skalac-wp .logotipi{-webkit-mask-image:none;mask-image:none}
.skalac-wp .logotipi__traka{width:auto}
.skalac-wp .logotipi ul{flex-wrap:wrap;justify-content:center;gap:16px}
.skalac-wp .logotipi ul[aria-hidden="true"]{display:none}
}
.skalac-wp .footer{background:var(--indigo);color:#D4CFE6;font-size:.93rem}
.skalac-wp .footer a{color:#D4CFE6;text-decoration:none}
.skalac-wp .footer a:hover{color:#fff;text-decoration:underline}
.skalac-wp .footer__mreza{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr 1.3fr;gap:36px;padding-top:64px;padding-bottom:48px}
.skalac-wp .footer__o p{font-size:.88rem;margin:0}
.skalac-wp .footer__logo{display:inline-block;background:#fff;border-radius:var(--radijus-s);padding:8px 12px;margin-bottom:16px}
.skalac-wp .footer__logo img{height:46px;width:auto}
.skalac-wp .footer h2{font-size:var(--fs-oznaka);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:var(--r-3)}
.skalac-wp .footer h2::after{content:"";display:block;width:24px;height:3px;border-radius:2px;background:var(--narancasta);margin-top:10px}
.skalac-wp .footer ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.skalac-wp .footer ul a{display:inline-flex;align-items:center;min-height:40px}
.skalac-wp .footer__kontakt li{display:flex;gap:10px;align-items:center;min-height:40px}
.skalac-wp .footer__kontakt .ikona{width:17px;height:17px;color:var(--narancasta)}
.skalac-wp .footer__tvrtka{color:#fff;font-weight:600;margin:0 0 6px}
.skalac-wp .footer__dno{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;padding-bottom:20px;font-size:var(--fs-sitno);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.skalac-wp .mob-akcija{display:none}
.skalac-wp .gumbi-red){margin-top:var(--razmak-blok)}
.skalac-wp .logotipi[id]{scroll-margin-top:170px}
@media (max-width:1260px){
.skalac-wp .header__desno{display:none}
.skalac-wp .header__mobilno{display:flex}
.skalac-wp .header__unutra{min-height:72px}
.skalac-wp .logo img{height:50px}
.skalac-wp .mob-izbornik{display:block;position:fixed;inset:72px 0 0 0;background:#fff;overflow-y:auto;padding:12px 24px 120px;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s;border-top:1px solid var(--rub-hladni)}
.skalac-wp .mob-izbornik.je-otvoren{transform:none;visibility:visible}
.skalac-wp .mob-izbornik .nav{flex-direction:column;align-items:stretch}
.skalac-wp .mob-izbornik .nav>li{border-bottom:1px solid var(--rub-hladni);display:flex;flex-wrap:wrap;align-items:center}
.skalac-wp .mob-izbornik .nav>li+li::before{display:none}
.skalac-wp .mob-izbornik .nav__veza{flex:1;font-size:.95rem;padding:16px 0}
.skalac-wp .mob-izbornik .nav__veza::after{left:0;right:auto;width:28px;bottom:10px}
.skalac-wp .mob-izbornik .nav__strelica{display:none}
.skalac-wp .mob-izbornik .nav__otvori{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;background:var(--topla-1);border-radius:var(--radijus-s);color:var(--indigo);cursor:pointer}
.skalac-wp .mob-izbornik .nav__otvori .ikona{width:20px;height:20px;transition:transform .2s}
.skalac-wp .mob-izbornik .nav__otvori[aria-expanded="true"] .ikona{transform:rotate(180deg)}
.skalac-wp .mob-izbornik .podizbornik{position:static;flex-basis:100%;min-width:0;border:0;box-shadow:none;padding:0 0 12px 8px;opacity:1;visibility:visible;transform:none;display:none;border-radius:0}
.skalac-wp .mob-izbornik .podizbornik.je-otvoren{display:block}
.skalac-wp .mob-izbornik .podizbornik a{padding:11px 12px}
.skalac-wp .mob-izbornik .nav>li:hover>.podizbornik{display:none}
.skalac-wp .mob-izbornik .nav>li:hover>.podizbornik.je-otvoren{display:block}
.skalac-wp .mob-izbornik__dno{display:grid;gap:12px;margin-top:24px}
.skalac-wp .mob-izbornik__dno .gumb{width:100%}
.skalac-wp .mob-izbornik__traka{display:flex;gap:20px;justify-content:center;font-size:.9rem;margin-top:8px}
.skalac-wp .mob-izbornik__traka a{color:var(--tekst);display:inline-flex;gap:6px;align-items:center;min-height:44px;text-decoration:none}
.skalac-wp .footer__mreza{grid-template-columns:1fr 1fr 1fr}
.skalac-wp .footer__o{grid-column:1 / -1}
}
@media (max-width:640px){
.skalac-wp .omot{padding:0 18px}
.skalac-wp .logotipi li{width:160px;height:86px;padding:12px 16px}
.skalac-wp .logotipi ul{gap:14px}
.skalac-wp .gumb{white-space:normal;text-align:center}
.skalac-wp .gumbi-red .gumb{width:100%}
.skalac-wp .footer__mreza{grid-template-columns:1fr 1fr;gap:32px 20px}
.skalac-wp .footer__kontakt-stupac{grid-column:1 / -1}
.skalac-wp .footer ul a{min-height:44px}
.skalac-wp .mob-akcija{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(41,26,98,.12)}
.skalac-wp .mob-akcija .gumb{padding:13px 10px;font-size:.92rem}
}
.skalac-wp .nav>li+li::before{display:none}
.skalac-wp .gumb--primarni{box-shadow:0 1px 2px rgba(41,26,98,.08),0 6px 18px -6px rgba(227,154,37,.55)}
@media (min-width:1101px){
.skalac-wp .omot{max-width:min(var(--sirina),83.4vw)}
}
@media (min-width:1101px){
.skalac-wp .header__unutra{max-width:min(var(--sirina),83.4vw)}
}
@media (min-width:1261px) and (max-width:1300px){
.skalac-wp .header__unutra{max-width:1090px}
}
@media (min-width:1101px) and (max-width:1366px){
.skalac-wp .header__unutra{gap:16px}
.skalac-wp .nav__veza{padding-left:7px;padding-right:7px;letter-spacing:.02em;font-size:.78rem}
.skalac-wp .header .gumb--mali{padding-left:16px;padding-right:16px;font-size:.88rem}
}
@media (max-width:640px){
.skalac-wp .footer__mreza{padding-top:48px;padding-bottom:36px}
.skalac-wp .footer__dno{padding-top:18px;padding-bottom:calc(18px + 76px);justify-content:center;text-align:center}
.skalac-wp .footer__o{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.skalac-wp .footer__logo{padding:12px 18px;margin-bottom:12px;border-radius:var(--radijus-m)}
.skalac-wp .footer__logo img{height:56px}
}
@media (max-width:640px){
.skalac-wp .footer__kontakt a[href^="mailto:"]{white-space:nowrap}
}

/* =====================================================================
   WEBSHOP (WordPress / WooCommerce, tema ProHauz) — izgled usklađen s novim webom
   Izvor: assets/css/trgovina-woo.css; build ga spaja u html/assets/css/trgovina.css
   zajedno s fontovima, tokenima i stilovima headera/footera (alati/wp.mjs).
   Minimalno: bijela pozadina, puno zraka, mekane kartice, narančasti gumbi s indigo tekstom.
   ===================================================================== */

/* --- Stari header i footer teme se skrivaju samo kad je novi stvarno ispisan --- */
body:has(.skalac-wp--zaglavlje) .mainHeader,
body:has(.skalac-wp--zaglavlje) .btVerticalHeaderTop,
body:has(.skalac-wp--zaglavlje) .btVerticalMenuTrigger{display:none!important}
body:has(.skalac-wp--podnozje) .btSiteFooter{display:none!important}
/* Tema ostavlja 120 px mjesta za svoj (sada skriveni) header */
body:has(.skalac-wp--zaglavlje) .btPageWrap{padding-top:0!important}
body:has(.skalac-wp--zaglavlje) .btContentHolder{margin-top:0!important;padding-top:var(--r-7)!important}
body:has(.skalac-wp--zaglavlje) .btPostSingleItemStandard.btWooCommerce{margin-top:0!important}
/* Na mobitelu donja traka „Besplatan izvid" ne smije prekriti sadržaj */
@media (max-width:760px){body:has(.skalac-wp--podnozje){padding-bottom:76px}}

/* --- Osnova (samo stranice shopa, košarice i računa) --- */
body.woocommerce-page,body.woocommerce-page .btContentWrap{background:var(--bijela)}
body.woocommerce-page{font-family:var(--font-tekst)!important;color:var(--tekst)}
body.woocommerce-page .btPageWrap :is(h1,h2,h3,h4){font-family:var(--font-naslov)!important;color:var(--indigo);letter-spacing:-.01em}
body.woocommerce-page .btContent a:not(.button){color:var(--arctic-tekst)}
body.woocommerce-page .btContentWrap{padding-bottom:var(--r-8)}

/* --- Kartice proizvoda --- */
/* Tema daje razmak među karticama unutarnjim paddingom stavke — kartica je zato unutarnji blok */
.woocommerce ul.products li.product{border:0!important;background:none!important;box-shadow:none!important;margin-bottom:var(--razmak-kartica)!important}
.woocommerce ul.products li.product .btWooShopLoopItemInner{background:#fff;border:1px solid var(--rub-hladni)!important;border-radius:var(--radijus-m);box-shadow:none;overflow:hidden;padding:var(--r-5) var(--r-5) var(--r-6)!important;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;transition:box-shadow var(--prijelaz),transform var(--prijelaz),border-color var(--prijelaz)}
.woocommerce ul.products li.product:hover .btWooShopLoopItemInner{border-color:transparent!important;box-shadow:var(--sjena-m);transform:translateY(-3px)}
.woocommerce ul.products li.product img{border-radius:var(--radijus-s);transition:transform .3s}
.woocommerce ul.products li.product:hover img{transform:scale(1.03)}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h2 a{font-family:var(--font-naslov)!important;font-size:1rem!important;font-weight:700!important;line-height:1.35!important;color:var(--indigo)!important;text-decoration:none!important}
.woocommerce ul.products li.product h2 a:hover{color:var(--arctic-tekst)!important}
.woocommerce ul.products li.product .btArticleCategories a{font-family:var(--font-naslov);font-size:var(--fs-oznaka);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-blago)!important}
.woocommerce ul.products li.product .price{font-family:var(--font-naslov);color:var(--indigo)!important;font-weight:800;font-size:1.05rem}
.woocommerce ul.products li.product .price del{color:var(--tekst-blago)!important;font-weight:500;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none}
/* Tema gumb pozicionira apsolutno (preklapao je naslov) — vraća se u tok kartice, uvijek na dnu */
.woocommerce ul.products li.product .button{position:static!important;transform:none!important;margin:auto 0 0!important;align-self:center;width:auto!important}
.woocommerce ul.products li.product .button:hover{transform:translateY(-1px)!important}
.woocommerce ul.products li.product h2 *{line-height:inherit!important;font-size:inherit!important}
.woocommerce ul.products li.product header{margin-bottom:var(--r-5)!important}
.woocommerce ul.products li.product .price{display:block;margin:0 0 var(--r-5)!important}

/* --- Gumbi (kao „Zatražite besplatan izvid") --- */
.woocommerce :is(a.button,button.button,input.button,#respond input#submit),
.woocommerce-page :is(a.button,button.button,input.button),
.woocommerce :is(a.button.alt,button.button.alt,input.button.alt),
.woocommerce .widget_price_filter .button,
.woocommerce a.checkout-button{background:var(--narancasta)!important;color:var(--indigo)!important;font-family:var(--font-naslov)!important;font-weight:700!important;font-size:.9rem!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2!important;min-height:44px;padding:12px 22px!important;border:0!important;border-radius:var(--radijus-s)!important;box-shadow:0 2px 0 rgba(41,26,98,.12)!important;display:inline-flex!important;align-items:center;justify-content:center;transition:background-color var(--prijelaz),transform var(--prijelaz),box-shadow var(--prijelaz)!important}
.woocommerce :is(a.button,button.button,input.button,#respond input#submit):hover,
.woocommerce-page :is(a.button,button.button,input.button):hover,
.woocommerce .widget_price_filter .button:hover,
.woocommerce a.checkout-button:hover{background:var(--narancasta-hover)!important;color:var(--indigo)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(227,154,37,.35)!important}
.woocommerce :is(a.button,button.button):disabled,.woocommerce :is(a.button,button.button).disabled{opacity:.55!important}

/* --- Oznake i obavijesti --- */
.woocommerce :is(.woocommerce-message,.woocommerce-info){border-top-color:var(--narancasta)!important;background:var(--topla-1)!important;color:var(--tekst);border-radius:0 0 var(--radijus-s) var(--radijus-s)}
.woocommerce :is(.woocommerce-message,.woocommerce-info)::before{color:var(--narancasta)!important}
.woocommerce .woocommerce-error{border-top-color:#B3261E!important;border-radius:0 0 var(--radijus-s) var(--radijus-s)}

/* --- Traka iznad proizvoda: broj rezultata i sortiranje --- */
.woocommerce .woocommerce-result-count{color:var(--tekst-blago);font-size:var(--fs-sitno)}
.woocommerce .woocommerce-ordering select,
.woocommerce-page :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select){border:1px solid var(--rub-hladni)!important;border-radius:var(--radijus-s)!important;background:#fff!important;color:var(--tekst)!important;font-family:var(--font-tekst)!important;min-height:44px;padding:8px 12px}
.woocommerce-page :is(input,textarea,select):focus{outline:none;border-color:var(--arctic)!important;box-shadow:0 0 0 3px rgba(0,130,200,.15)}

/* --- Bočni stupac (košarica, filtar cijene, kategorije) --- */
.woocommerce-page .btSidebar .btBox{padding:var(--r-5);margin-bottom:var(--r-5);background:var(--topla-1);border-radius:var(--radijus-m)}
.woocommerce-page .btSidebar .btBox h4{font-size:var(--fs-pod)!important;font-weight:700;margin-bottom:var(--r-3)}
.woocommerce-page .btSidebar .btBox ul li{border-color:var(--rub-topla)!important}
.woocommerce-page .btSidebar .btBox a{color:var(--indigo)!important;text-decoration:none}
.woocommerce-page .btSidebar .btBox a:hover{color:var(--arctic-tekst)!important}
.woocommerce-page .btSidebar .btBox .current-cat>a{font-weight:700}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:var(--narancasta)!important}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--indigo)!important;border:3px solid #fff!important;box-shadow:0 1px 4px rgba(41,26,98,.3)}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background:var(--rub-topla)!important}

/* --- Straničenje --- */
.woocommerce nav.woocommerce-pagination{margin-top:var(--r-7)!important;margin-bottom:var(--r-5)!important;text-align:center}
.woocommerce nav.woocommerce-pagination ul{border:0!important;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li :is(a,span){min-width:40px;min-height:40px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:var(--radijus-s);font-family:var(--font-naslov);font-weight:700;color:var(--indigo)!important;background:#fff;border:1px solid var(--rub-hladni)}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--topla-1)!important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--indigo)!important;color:#fff!important;border-color:var(--indigo)}

/* --- Stranica proizvoda --- */
.woocommerce div.product .product_title{font-size:var(--fs-h1-pod)!important;font-weight:800;line-height:1.15}
.woocommerce div.product :is(p.price,span.price){font-family:var(--font-naslov);color:var(--indigo)!important;font-weight:800;font-size:1.6rem!important}
.woocommerce div.product .woocommerce-product-gallery img{border-radius:var(--radijus-m)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;border-bottom:1px solid var(--rub-hladni)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;margin:0 var(--r-5) 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--font-naslov);font-weight:700;color:var(--tekst-blago)!important;padding:12px 0!important;border-bottom:3px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--indigo)!important;border-bottom-color:var(--narancasta)}
.woocommerce div.product form.cart .quantity input{min-height:44px}

/* --- Košarica i blagajna --- */
.woocommerce table.shop_table{border:1px solid var(--rub-hladni)!important;border-radius:var(--radijus-m)!important;overflow:hidden;border-collapse:separate}
.woocommerce table.shop_table th{font-family:var(--font-naslov);color:var(--indigo);background:var(--topla-1)}
.woocommerce table.shop_table :is(td,th){border-color:var(--rub-hladni)!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--topla-1);border-radius:var(--radijus-m);padding:var(--r-5)}

/* --- Naslovna traka stranica (Košarica, Moj račun, Blagajna): kao kratki hero novog weba, bez fotografije i okvira --- */
body:has(.skalac-wp--zaglavlje) .btPageHeadline{background:var(--topla-1)!important;background-image:none!important;min-height:0!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline::before,body:has(.skalac-wp--zaglavlje) .btPageHeadline::after,
body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_background_image_holder,body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_background_overlay{display:none!important;background:none!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_port{padding:clamp(40px,5vw,64px) 0!important;min-height:0!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline :is(.bt_bb_column,.bt_bb_headline){text-align:left!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_headline{padding:0!important;border:0!important;width:auto!important;height:auto!important;min-height:0!important;max-width:var(--sirina);margin:0 auto!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_headline::before,body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_headline::after{display:none!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline h1{font-size:var(--fs-h1-pod)!important;font-weight:800!important;color:var(--indigo)!important;margin:0!important;line-height:1.15!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline h1 *{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline .btBreadCrumbs,body:has(.skalac-wp--zaglavlje) .btPageHeadline .btBreadCrumbs a{font-family:var(--font-tekst)!important;font-size:var(--fs-sitno)!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--tekst)!important}
body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_headline_superheadline_outside{margin-bottom:var(--r-3)}
body:has(.skalac-wp--zaglavlje) .btPageHeadline + * , body:has(.skalac-wp--zaglavlje) .btPageHeadline ~ .btContentHolder{margin-top:0!important}

/* Prijavljeni korisnici (probni način): WordPress traka na vrhu — header ide ispod nje */
body.admin-bar .skalac-wp .header{top:32px}
@media (max-width:782px){body.admin-bar .skalac-wp .header{top:46px}}
@media (max-width:600px){body.admin-bar .skalac-wp .header{top:0}}

/* Naslovna traka: isti lijevi rub kao sadržaj na manjim ekranima */
@media (max-width:1260px){body:has(.skalac-wp--zaglavlje) .btPageHeadline .bt_bb_headline{padding:0 40px!important}}


/* Mini-košarica u bočnom stupcu: gumbi jedan ispod drugog, preko cijele širine, tekst u jednom retku */
.woocommerce .widget_shopping_cart .buttons,.woocommerce.widget_shopping_cart .buttons{display:grid!important;gap:var(--r-2);margin:var(--r-4) 0 0}
.woocommerce .widget_shopping_cart .buttons a,.woocommerce.widget_shopping_cart .buttons a{width:100%!important;margin:0!important;white-space:nowrap}

/* Oznaka „Akcija!": mala pločica u gornjem lijevom kutu (tema je radila veliki krug s tekstom izvan njega) */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{position:absolute!important;top:var(--r-3)!important;left:var(--r-3)!important;right:auto!important;bottom:auto!important;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:6px 12px!important;border-radius:999px!important;background:var(--narancasta)!important;color:var(--indigo)!important;font-family:var(--font-naslov)!important;font-size:.8rem!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.02em;text-transform:none!important;box-shadow:0 2px 6px rgba(41,26,98,.15)!important;transform:none!important}
.woocommerce span.onsale::before,.woocommerce span.onsale::after{display:none!important}
.woocommerce ul.products li.product .btWooShopLoopItemInner{position:relative}

/* Slika proizvoda uvijek unutar kartice (tema joj daje negativne margine pa je bila odrezana uz rub) */
.woocommerce ul.products li.product .bt_bb_image{margin:0 0 var(--r-4)!important;width:100%!important;max-width:100%!important;left:auto!important;right:auto!important}
.woocommerce ul.products li.product .bt_bb_image img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:contain;margin:0!important}

/* Stari tečaj „1 EUR = 7,53450 HRK" (dvojno iskazivanje cijena prestalo je 1. 1. 2024.) — ne prikazuje se */
.rate_product_page{display:none!important}

/* Okvir „sljedeći korak" na stranici proizvoda (WPCode fragment zalijepi-u-wpcode-ponuda.txt) */
.skalac-ponuda{clear:both;margin:var(--r-5) 0;padding:var(--r-5);background:var(--topla-1);border:1px solid var(--rub);border-left:4px solid var(--narancasta);border-radius:var(--radijus-m);font-family:var(--font-tekst);color:var(--tekst)}
.skalac-ponuda p{margin:0 0 var(--r-3)}
.skalac-ponuda__naslov{font-family:var(--font-naslov);font-weight:800;font-size:1.15rem;color:var(--indigo)}
.skalac-ponuda__gumbi{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-4);margin:var(--r-4) 0 0!important}
.skalac-ponuda__telefon{font-family:var(--font-naslov);font-weight:700;color:var(--indigo)!important;text-decoration:none}
.skalac-ponuda__veza{font-family:var(--font-naslov);font-weight:700;color:var(--arctic-tekst)!important}
/* Stari slikovni gumb „Trebate savjet? Kontaktirajte nas" u opisu proizvoda zamjenjuje okvir iznad */
body:has(.skalac-ponuda) a:has(> img.wp-image-7795){display:none!important}

/* Mobitel: popis proizvoda je bio širi od ekrana (flex u temi + prilagođeni .port) — dvije kompaktne kartice u redu */
@media (max-width:760px){
  body.woocommerce-page .port,body.woocommerce-page .btPostContentHolder,body.woocommerce-page .btContent{min-width:0!important;max-width:100%!important;width:100%!important;flex-wrap:wrap}
  body.woocommerce-page .btContentHolder{padding-left:16px!important;padding-right:16px!important}
  .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important;width:100%!important}
  .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
  .woocommerce ul.products li.product{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;flex:none!important}
  .woocommerce ul.products li.product .btWooShopLoopItemInner{padding:12px 10px 16px!important}
  .woocommerce ul.products li.product .bt_bb_image{margin-bottom:var(--r-2)!important}
  .woocommerce ul.products li.product h2,.woocommerce ul.products li.product h2 a{font-size:.88rem!important;line-height:1.3!important}
  .woocommerce ul.products li.product header{margin-bottom:var(--r-3)!important}
  .woocommerce ul.products li.product .btArticleCategories{display:none}
  .woocommerce ul.products li.product .price{font-size:.95rem!important;margin-bottom:var(--r-3)!important}
  .woocommerce ul.products li.product .button{font-size:.8rem!important;padding:10px 12px!important;min-height:40px;white-space:normal!important;width:100%!important}
  .woocommerce .woocommerce-ordering,.woocommerce .woocommerce-ordering select{width:100%!important;float:none!important}
  .woocommerce span.onsale{top:8px!important;left:8px!important;font-size:.72rem!important;padding:4px 9px!important}
}
/* Okvir „Cijena ovisi o vašem objektu": tema shopa na mobitelu centrira tekst — okvir je uvijek poravnat lijevo,
   a na mobitelu je gumb preko cijele širine i telefon s ikonom ispod njega (kao na novom webu) */
.skalac-ponuda,.skalac-ponuda p{text-align:left!important}
.skalac-ponuda__telefon::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-3px;background:var(--narancasta-hover);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:640px){
  .skalac-ponuda{padding:var(--r-4)}
  .skalac-ponuda__gumbi{flex-direction:column;align-items:stretch;gap:var(--r-3)}
  .skalac-ponuda__gumb{width:100%;text-align:center!important;justify-content:center}
  .skalac-ponuda__telefon,.skalac-ponuda__veza{align-self:center;min-height:44px;display:inline-flex;align-items:center}
}