/*
Theme Name: Perfence
Description: Hrvatska WooCommerce trgovina guma i bazenske tehnike.
Version: 0.5.3
Requires PHP: 8.3
Text Domain: perfence
*/
:root{--ink:#101820;--blue:#076bca;--cyan:#64ddfa;--muted:#596774;--bg:#f1f5f8;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}a{color:#075eae}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:4px}button,.button,.btn{background:var(--blue);color:white;border:0;border-radius:8px;padding:12px 22px;text-decoration:none;cursor:pointer;display:inline-block;font-weight:700}button:hover,.btn:hover{background:#054f97}input,select,textarea{padding:10px;border:1px solid #b7c9d7;border-radius:7px;max-width:100%;background:white}label{display:block;margin:10px 0}input[type=checkbox]{width:auto}.wrap{max-width:1220px;margin:auto;padding:0 24px}.site-header{background:#10141b;color:white;position:relative;z-index:2}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;flex-wrap:wrap}.brand{font-size:25px;letter-spacing:3px;font-weight:900;color:white;text-decoration:none}.brand span{color:var(--cyan)}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:inherit;text-decoration:none}.top-note{background:#dae9f6;text-align:center;padding:8px;font-size:13px}.hero{color:white;overflow:hidden;position:relative}.hero .wrap{min-height:370px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding-top:48px;padding-bottom:48px}.hero.tires{background:radial-gradient(ellipse at 80% 40%,#3c4651,#121820 65%)}.hero.pool{background:linear-gradient(135deg,#13232f,#00518d 55%,#078dc0)}h1,h2,h3{line-height:1.15}h1{font-size:clamp(36px,5.5vw,64px);letter-spacing:-2px;margin:12px 0 24px}.eyebrow{letter-spacing:3px;font-size:13px;font-weight:800;color:var(--cyan)}.hero p{max-width:540px;color:#d2e0ec}.hero-art{width:100%;height:285px;object-fit:contain}.hero .secondary{color:white;display:inline-block;margin:14px 20px}.section{padding:48px 0}.cards,.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.card h3{margin-top:0}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:white;border:1px solid var(--line);padding:20px;border-radius:14px;margin:30px 0}.filters label{margin:0;min-width:110px}.filters select{width:100%}.site-main{min-height:55vh;padding-top:30px;padding-bottom:50px}.site-footer{background:#101820;color:#d5e0e8;padding:40px 0}.site-footer a{color:#9fddff}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.review{background:#fff1ce;color:#5e4100;padding:8px;text-align:center;font-size:13px}.woocommerce ul.products li.product{background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.woocommerce ul.products li.product .price{color:#075eae;font-size:22px}.woocommerce .woocommerce-breadcrumb{font-size:14px}.woocommerce input,.woocommerce select{padding:10px}.woocommerce table.shop_table{background:white}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:white}.notice{padding:16px;border-radius:8px;background:#e0f0fa}.pf-table{width:100%;border-collapse:collapse;background:white}.pf-table th,.pf-table td{text-align:left;padding:12px;border:1px solid var(--line)}.booking-form{max-width:680px;background:white;border-radius:14px;padding:28px;border:1px solid var(--line)}.booking-form input:not([type=checkbox]),.booking-form select{width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white;color:black;padding:10px}main article{max-width:850px}article h1{font-size:38px}article h2{font-size:24px;margin-top:32px}@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero-art{height:210px}.cards,.categories,.footer-grid{grid-template-columns:1fr}.wrap{padding:0 18px}.filters label{width:calc(50% - 10px)}.header-inner{gap:12px}.site-header nav{font-size:14px}.section{padding:32px 0}.woocommerce ul.products li.product{width:48%!important;margin-right:2%!important}.hero .wrap{padding-top:35px;padding-bottom:35px}}

/* PerfenceShop – početni izbor i odvojeni vizualni identitet */
.pf-portal{background:#080e15}.pf-gateway{color:#fff;overflow:hidden;position:relative}.pf-gateway-tires{background:radial-gradient(ellipse at 82% 35%,#343b45 0,#111923 48%,#080b10 85%)}.pf-gateway-pool{background:linear-gradient(120deg,#023e79 0%,#0668b7 55%,#09a7d9 100%)}.pf-gateway-inner{max-width:1220px;min-height:425px;margin:auto;padding:40px 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.pf-gateway-copy{position:relative;z-index:1}.pf-accent{display:block;width:76px;height:5px;background:#f3132b;margin-bottom:22px}.pf-gateway-pool .pf-accent{background:#22c9ff}.pf-gateway h1,.pf-gateway h2{font-size:clamp(34px,4.7vw,66px);line-height:1.06;letter-spacing:-1.5px;color:white;margin:0 0 14px}.pf-gateway p{font-size:clamp(16px,1.6vw,22px);line-height:1.45;color:#e2e9ef;max-width:460px;margin:0 0 25px}.pf-gateway-art{width:100%;height:345px;object-fit:contain;filter:drop-shadow(0 20px 24px #0005)}.pf-gateway-button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;min-width:240px;padding:17px 28px;border-radius:11px;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 30px #0003}.pf-gateway-button:hover{color:#fff;filter:brightness(1.1)}.pf-red{background:linear-gradient(180deg,#e31c2b,#a80c18)}.pf-blue{background:linear-gradient(180deg,#098dff,#0458be)}body.pf-section-pool{--blue:#007fce;--cyan:#5be5ff}body.pf-section-tires{--blue:#ba1526;--cyan:#f04c5a}.pf-section-pool .site-header{background:#073b63}.pf-section-tires .site-header{background:#14171c}.pf-section-pool .top-note{background:#d9f4ff}.pf-section-tires .top-note{background:#e7ebf0}.pf-portal+.site-footer{margin-top:0}@media(max-width:760px){.pf-gateway-inner{grid-template-columns:1fr;gap:0;min-height:0;padding:36px 20px 24px}.pf-gateway-art{height:190px;order:2}.pf-gateway h1,.pf-gateway h2{font-size:clamp(32px,8vw,48px)}.pf-gateway-button{width:100%;max-width:350px}.pf-gateway-copy{order:1}.pf-gateway p{font-size:16px}.pf-gateway .pf-accent{margin-bottom:15px}}

/* v0.3 – photographic portal based on the owner's supplied visual reference */
body.home .site-header{background:#090d11}
body.home .site-header .header-inner{min-height:116px;justify-content:center}
body.home .site-header .brand{font-size:clamp(30px,4.3vw,55px);letter-spacing:.12em;font-weight:900}
body.home .site-header .brand span{color:#fff}
body.home .site-header .brand::after{content:'KVALITETA U SVAKOM KILOMETRU';display:block;text-align:center;font-size:10px;letter-spacing:.42em;font-weight:500;margin-top:-4px;color:#e2e4e8}
.pf-portal .pf-gateway{min-height:460px;isolation:isolate;background-color:#090d11;position:relative;overflow:hidden}
.pf-portal .pf-gateway::before{content:'';position:absolute;inset:0 0 0 42%;z-index:-2;background-repeat:no-repeat;background-size:cover;background-position:center center}
.pf-portal .pf-gateway::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c11 0%,#080c11 25%,rgba(8,12,17,.94) 36%,rgba(8,12,17,.55) 56%,rgba(8,12,17,0) 77%)}
.pf-portal .pf-gateway-tires::before{background-image:url('assets/gume-foto.jpg')}
.pf-portal .pf-gateway-pool{background-color:#045a9a}
.pf-portal .pf-gateway-pool::before{background-image:url('assets/bazen-foto.jpg')}
.pf-portal .pf-gateway-pool::after{background:linear-gradient(90deg,#004580 0%,#00599d 25%,rgba(0,87,155,.92) 36%,rgba(0,94,164,.50) 58%,rgba(0,94,164,0) 78%)}
.pf-portal .pf-gateway-inner{max-width:1200px;margin:0 auto;min-height:460px;display:flex;align-items:center;padding:40px 24px}
.pf-portal .pf-gateway-copy{max-width:580px;position:relative;z-index:1}
.pf-portal .pf-gateway h1,.pf-portal .pf-gateway h2{font-size:clamp(34px,4.4vw,60px);line-height:1.06;letter-spacing:-.025em;margin:22px 0 12px;color:white}
.pf-portal .pf-gateway p{font-size:clamp(16px,1.55vw,22px);line-height:1.35;max-width:470px;color:#e3e8ed;margin:0 0 25px}
.pf-portal .pf-gateway-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:290px;padding:18px 28px;border-radius:12px;color:white;text-decoration:none;font-weight:800}
.pf-portal .pf-gateway-button.pf-red{background:linear-gradient(#e10d23,#a90b19)}
.pf-portal .pf-gateway-button.pf-blue{background:linear-gradient(#128efc,#0664d2)}
.pf-portal .pf-gateway-tires .pf-accent{background:#f11931}
.pf-portal .pf-gateway-pool .pf-accent{background:#16b9f3}
@media(max-width:760px){
 body.home .site-header .header-inner{min-height:88px}
 body.home .site-header .brand::after{font-size:7px;letter-spacing:.25em}
 .pf-portal .pf-gateway,.pf-portal .pf-gateway-inner{min-height:500px}
 .pf-portal .pf-gateway::before{inset:0;background-position:66% top;background-size:auto 76%;opacity:.95}
 .pf-portal .pf-gateway::after{background:linear-gradient(0deg,#080c11 0%,rgba(8,12,17,.96) 30%,rgba(8,12,17,.55) 62%,rgba(8,12,17,.05) 100%)}
 .pf-portal .pf-gateway-pool::after{background:linear-gradient(0deg,#004580 0%,rgba(0,75,139,.96) 32%,rgba(0,90,156,.55) 62%,rgba(0,90,156,.05) 100%)}
 .pf-portal .pf-gateway-inner{align-items:flex-end;padding:24px 20px 36px}
 .pf-portal .pf-gateway h1,.pf-portal .pf-gateway h2{font-size:clamp(32px,8vw,46px)}
 .pf-portal .pf-gateway p{font-size:16px}
 .pf-portal .pf-gateway-button{min-width:0;width:100%;max-width:350px}
}

/* v0.4 – odvojene početne stranice trgovina bez ovisnosti o kategorijama */
.pf-department{min-height:70vh;background:#f3f6f9}.pf-department-hero{color:#fff;background:#0b1018 url('assets/gume-foto.jpg') no-repeat right center;background-size:auto 100%;position:relative;isolation:isolate}.pf-department-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c12 10%,rgba(8,12,18,.95) 40%,rgba(8,12,18,.2) 100%)}.pf-department-pool .pf-department-hero{background-color:#004e86;background-image:url('assets/bazen-foto.jpg')}.pf-department-pool .pf-department-hero:before{background:linear-gradient(90deg,#004478 10%,rgba(0,75,137,.92) 40%,rgba(0,75,137,.1) 100%)}.pf-department-hero-inner{padding-top:95px;padding-bottom:95px}.pf-department-kicker{font-size:13px;letter-spacing:.25em;font-weight:800;color:#ff4a5b}.pf-department-pool .pf-department-kicker{color:#74e7ff}.pf-department-hero h1{font-size:clamp(35px,5vw,66px);color:#fff;max-width:640px}.pf-department-hero p{font-size:20px;max-width:510px;color:#e4eaf0}.pf-back-link{color:#fff;font-weight:700}.pf-department-content{padding-top:45px;padding-bottom:65px}.pf-department-content h2{font-size:30px}.pf-department-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-department-category{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #d8e1e9;border-radius:12px;padding:25px 20px;text-decoration:none;font-weight:800;color:#1a2532;box-shadow:0 4px 14px #0b233009}.pf-department-category:hover{border-color:#ba1526;color:#ba1526}.pf-department-pool .pf-department-category:hover{border-color:#007fce;color:#007fce}.pf-department-products{margin-top:45px}.pf-empty{background:white;border:1px solid #d8e1e9;border-radius:12px;padding:26px;color:#526071}@media(max-width:760px){.pf-department-hero{background-size:auto 58%;background-position:right top}.pf-department-hero:before{background:linear-gradient(0deg,#080c12 5%,rgba(8,12,18,.96) 45%,rgba(8,12,18,.25) 100%)}.pf-department-pool .pf-department-hero:before{background:linear-gradient(0deg,#004478 5%,rgba(0,75,137,.95) 45%,rgba(0,75,137,.15) 100%)}.pf-department-hero-inner{padding-top:210px;padding-bottom:35px}.pf-department-categories{grid-template-columns:1fr}.pf-department-content h2{font-size:25px}}

/* v0.5: product finder, visual category tiles and booking feature */
.pf-tire-finder{background:#fff;border:1px solid #dce3ea;border-radius:18px;padding:30px;margin:0 0 48px;box-shadow:0 14px 38px #0d1d2d0b}
.pf-mini-kicker{color:#bb1c2f;font-size:12px;font-weight:850;letter-spacing:.13em}
.pf-tire-finder h2,.pf-booking-feature h2{margin:8px 0 10px}.pf-finder-heading p{margin:0 0 22px;color:#526071}
.pf-finder-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}
.pf-finder-form label{font-weight:700;font-size:14px;margin:0}.pf-finder-form select{display:block;width:100%;margin-top:7px;min-height:49px;background:#f8fafc}
.pf-finder-submit,.pf-booking-cta{background:#c32239;color:#fff;border:0;border-radius:9px;padding:14px 19px;font-weight:800;text-decoration:none;white-space:nowrap;text-align:center;min-height:49px}
.pf-finder-submit:hover,.pf-booking-cta:hover{background:#991a2c;color:#fff}.pf-finder-help{font-size:13px;color:#637181;margin:16px 0 0}
.pf-visual-categories{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
.pf-visual-categories .pf-department-category{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0;position:relative}
.pf-category-art{height:148px;background:#dce3eb url('assets/gume-foto.jpg') no-repeat center;background-size:cover;display:block}
.pf-category-van .pf-category-art{background-position:70% center;filter:brightness(1.15)}
.pf-category-rim .pf-category-art{background-position:36% center}
.pf-category-equipment .pf-category-art{background:linear-gradient(135deg,#1d2938,#65758b)}
.pf-category-name{padding:18px 45px 20px 18px;min-height:68px}.pf-category-arrow{position:absolute;right:18px;bottom:20px}
.pf-department-pool .pf-category-art{background-image:url('assets/bazen-foto.jpg')}.pf-department-pool .pf-category-filter .pf-category-art{background-position:70% center}.pf-department-pool .pf-category-clean .pf-category-art{background-position:right center}.pf-department-pool .pf-category-equipment .pf-category-art{background:linear-gradient(135deg,#055589,#1db3d6)}
.pf-booking-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:#161d28;color:#fff;border-radius:16px;margin:42px 0}
.pf-booking-feature h2{color:#fff}.pf-booking-feature p{color:#d1dbe6;margin:0}.pf-booking-cta{display:inline-flex;align-items:center;justify-content:center}
.pf-department-products{scroll-margin-top:24px}.pf-products-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0!important}.pf-products-grid li.product{float:none!important;width:auto!important;margin:0!important;list-style:none}
@media(max-width:980px){.pf-finder-form{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-finder-submit{grid-column:1/-1}.pf-visual-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pf-tire-finder{padding:20px 16px}.pf-booking-feature{flex-direction:column;align-items:stretch;padding:24px 20px}.pf-category-art{height:105px}.pf-category-name{font-size:14px;padding:12px 25px 15px 12px}.pf-category-arrow{right:10px;bottom:13px}.pf-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.5.2: distinct user-selected category photos */
.pf-department-tires .pf-category-car .pf-category-art{background-image:url('assets/category-auto-gume.jpg');background-position:center;background-size:contain;background-color:#fff}
.pf-department-tires .pf-category-van .pf-category-art{background-image:url('assets/category-kombi-gume.jpg');background-position:center;background-size:contain;background-color:#fff;filter:none}
.pf-department-tires .pf-category-rim .pf-category-art{background-image:url('assets/category-naplatci.jpg');background-position:center;background-size:contain;background-color:#fff}
.pf-department-tires .pf-category-offroad .pf-category-art{background-image:url('assets/category-4x4-gume.jpg');background-position:center;background-size:contain;background-color:#fff}
.pf-department-pool .pf-category-heat .pf-category-art{background-image:url('assets/category-grijanje-bazena.webp');background-position:center;background-size:contain;background-color:#fff}
.pf-department-pool .pf-category-pool-tech .pf-category-art{background-image:url('assets/category-bazenska-tehnika-kategorija.jpg');background-position:center;background-size:contain;background-color:#fff}
.pf-finder-form select:disabled{opacity:.55;cursor:not-allowed}.pf-finder-submit:disabled{opacity:.55;cursor:not-allowed}

/* Booking form – Perfence 0.5.3 */
.pf-booking-panel{max-width:840px;margin:36px auto;padding:30px;background:#fff;color:#151b25;border-radius:16px;box-shadow:0 12px 36px #0001}
.pf-booking-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pf-booking-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}
.pf-booking-form input:not([type=checkbox]),.pf-booking-form select{width:100%;min-height:46px;border:1px solid #b8c0ca;border-radius:8px;padding:10px;background:white;color:#151b25}
.pf-booking-form .pf-book-check{grid-column:1/-1;flex-direction:row;align-items:flex-start;font-weight:400}
.pf-booking-form .pf-book-check input{margin-top:5px}
.pf-booking-form #pf-book-status{grid-column:1/-1;margin:0;color:#475569}
.pf-booking-form button{grid-column:1/-1;border:0;border-radius:8px;background:#c7263f;color:#fff;padding:15px;font-weight:700;cursor:pointer}
.pf-booking-form button:disabled{opacity:.5;cursor:not-allowed}
.pf-booking-notice{padding:15px;border-left:4px solid #c7263f;background:#fff3f4}
@media(max-width:640px){.pf-booking-panel{margin:16px;padding:18px}.pf-booking-form{grid-template-columns:1fr}}