/*
Theme Name: Putarko
Description: Kurirani agregator putovanja — prijenos razvojne verzije.
Version: 0.3.0
Author: Slaven Vujić
Text Domain: putarko
*/
:root{--ink:#182e2c;--green:#176354;--lime:#e5f0a6;--paper:#f7f7f1;--muted:#60736b;--line:#d9e0d7;--orange:#b95c32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b95c32;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.demo{background:#e8edda;text-align:center;padding:7px 18px;font-size:11px;letter-spacing:1px;font-weight:bold}.demo span{letter-spacing:0;font-weight:normal}header{max-width:1400px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:14px}nav a:hover{color:var(--green)}.logo{font-weight:900;font-size:34px;letter-spacing:-2px;text-decoration:none;line-height:1}.logo span{color:var(--orange);font-size:32px;margin-left:3px}.partner-link{font-weight:bold;font-size:13px;text-decoration:none;border:1px solid var(--line);border-radius:30px;padding:9px 20px}.hero{position:relative;margin:0 3%;min-height:480px;border-radius:22px;overflow:visible;color:#fff;background:linear-gradient(90deg,#102f2bed,#102f2b44),url('assets/vienna.jpg') center 54%/cover}.hero-inner{padding:65px 6% 125px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2.3px;text-transform:uppercase;font-weight:bold;color:var(--green)}.hero .eyebrow{color:var(--lime)}h1{font-size:clamp(36px,4.4vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:20px 0}h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:17px;max-width:540px;color:#e7eeea}.hero .credit{position:absolute;right:20px;top:18px;font-size:10px;color:#fff;background:#163831aa;padding:4px 8px;border-radius:4px}.searchbox{margin:-64px auto 0;position:relative;z-index:2;max-width:1160px;padding:24px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px #152a2210}.searchgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:12px;align-items:end}label{display:block;font-size:11px;font-weight:bold;letter-spacing:.5px}input,select,textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px 10px;color:var(--ink);min-width:0}textarea{min-height:100px}input[type=checkbox]{width:auto;display:inline;margin-right:8px}.btn{display:inline-block;padding:12px 22px;border-radius:8px;border:1px solid var(--green);background:var(--green);color:white;font-weight:bold;text-decoration:none;font-size:13px;line-height:1.6}.btn.light{background:white;color:var(--green)}.btn.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.textbtn{border:0;padding:0;background:none;color:var(--green);text-decoration:underline;font-size:13px}.hint{color:var(--muted);font-size:12px;margin:12px 0 0}.wrap{max-width:1200px;margin:auto;padding:50px 22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:10px 0}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}p{color:var(--muted)}.section-head p{margin:6px 0 0}.section-head a{font-size:13px;font-weight:bold;white-space:nowrap}.themes{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.theme{padding:24px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;transition:transform .15s}.theme:hover{transform:translateY(-4px);border-color:var(--green)}.theme .icon{font-size:28px;color:var(--green);display:block;margin-bottom:22px}.theme b{font-size:14px;display:block}.theme small{font-size:11px;color:var(--muted)}.pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.pill{border:1px solid var(--line);border-radius:24px;padding:7px 15px;background:white;text-decoration:none;font-size:12px}.pill.active{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card-img{position:relative;aspect-ratio:1.65;background:#d9e4dc;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-img .graphic{display:grid;height:100%;place-content:center;font-size:32px;color:#62785f;background:linear-gradient(135deg,#e9eadb,#bdd3c9)}.badge{display:inline-block;font-size:10px;font-weight:bold;padding:4px 9px;border-radius:5px;background:#fff4dc;color:#784a13}.card-img .badge{position:absolute;left:13px;top:13px}.card-body{padding:22px}.tiny{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--green);font-weight:bold}.card h3{margin:10px 0 12px}.card h3 a{text-decoration:none}.facts{font-size:12px;color:var(--muted);line-height:1.9}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.price{font-size:24px;font-weight:bold;letter-spacing:-1px}.price small{font-size:11px;font-weight:normal;letter-spacing:0}.check{font-size:12px;letter-spacing:0;cursor:pointer}.banner{background:var(--green);color:#fff;border-radius:15px;padding:44px;display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:center}.banner p{color:#d3e2db}.banner .eyebrow{color:var(--lime)}.banner h2{font-size:36px}.banner aside{padding:24px;border:1px solid #739f8f;border-radius:10px}.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dest-tile{background:#e3e9dd;padding:30px 22px;border-radius:10px;text-decoration:none;display:flex;justify-content:space-between;font-size:19px;font-weight:bold}.page-title{max-width:760px;margin-bottom:35px}.page-title h1{font-size:48px}.listing{display:grid;grid-template-columns:235px 1fr;gap:30px}.filter-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;height:fit-content}.filter-panel label{margin-bottom:15px}.filter-panel .btn{width:100%}.result-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.result-top select{width:auto;margin:0}.listing .cards{grid-template-columns:repeat(2,1fr)}.empty{padding:45px;border:1px dashed #92a795;border-radius:10px;grid-column:1/-1;text-align:center;background:#fff}.box{background:white;border:1px solid var(--line);padding:28px;border-radius:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.package{padding:27px 22px;border:1px solid var(--line);border-radius:13px;background:white}.package.best{border:2px solid var(--green)}.package .price{font-size:38px}.package ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:2}.notice{background:#edf0df;border-left:3px solid var(--green);padding:16px 20px;font-size:13px;margin:20px 0;color:#314e42}.detail-top{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.detail-img{width:100%;height:320px;object-fit:cover;border-radius:12px}.detail-data{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-data div{background:#edf1e9;padding:14px;border-radius:8px}.detail-data small{display:block;color:var(--muted)}.detail-data b{font-size:18px}.terms{width:100%;border-collapse:collapse;font-size:13px}.terms th,.terms td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.tablewrap{overflow:auto}dialog{border:0;border-radius:14px;max-width:1100px;width:92%;padding:40px;max-height:85vh;color:var(--ink)}dialog::backdrop{background:#132d29bb}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:27px}.compare-table{min-width:600px}.compare-table td{min-width:150px}.compare-table th{min-width:130px}.compare-table tr:nth-child(even){background:var(--paper)}#comparebar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;background:var(--ink);color:white;border-radius:12px;padding:14px 20px;box-shadow:0 10px 35px #0003;display:flex;gap:25px;align-items:center;max-width:95%;font-size:13px}#comparebar[hidden]{display:none}#toast{position:fixed;right:25px;bottom:100px;background:#193d32;color:white;border-radius:8px;padding:12px 18px;z-index:10;display:none;max-width:90%}.calendar{display:grid;grid-template-columns:repeat(7,1fr);background:var(--line);gap:1px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.day{min-height:95px;background:white;padding:10px;font-size:12px}.day a{display:block;background:#e6efdf;margin:5px 0;padding:5px;border-radius:5px;font-size:10px;text-decoration:none}.weekday{background:#e7ebe2;text-align:center;font-size:12px;padding:8px}.calendar-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:25px 0}.calendar-head input{width:auto}.mag{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center;text-decoration:none}.mag .num{font-family:Georgia,serif;font-size:35px;color:#82927c}.mag h3{margin:5px 0}.article{max-width:760px}.article p{font-size:17px;line-height:1.9}.article h2{margin-top:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.status{font-size:12px;padding:4px 9px;background:#e8edda;border-radius:5px}footer{max-width:1300px;margin:40px auto 0;padding:45px 5% 120px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;font-size:12px}footer p{font-size:12px}footer small{color:var(--muted);font-size:10px}footer div:nth-child(2) a{display:block;margin:6px 0;text-decoration:none}.skip{position:fixed;top:-100px;left:15px;padding:10px;background:#fff;z-index:20}.skip:focus{top:10px}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-weight:bold;cursor:pointer}article li{color:var(--muted);margin-bottom:9px}hr{border:0;border-top:1px solid var(--line);margin:35px 0}@media(max-width:1000px){header{gap:16px;flex-wrap:wrap}nav{order:3;width:100%;overflow-x:auto;gap:22px;padding:5px 0}.searchbox{margin:-55px 5% 0}.searchgrid{grid-template-columns:1fr 1fr}.searchgrid .btn{grid-column:1/-1}.themes{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.demo span{display:block}.demo{font-size:10px}header{padding:20px 6%}nav{font-size:12px}nav a{white-space:nowrap}.hero{min-height:420px;border-radius:12px}.hero-inner{padding:65px 7% 100px}h1{letter-spacing:-1.5px}.hero .credit{font-size:8px}.searchbox{padding:18px}.wrap{padding:35px 20px}.themes{grid-template-columns:repeat(2,1fr);gap:10px}.theme{padding:18px}.theme .icon{margin-bottom:12px}.cards,.listing .cards,.grid2,.detail-top{grid-template-columns:1fr}.listing{grid-template-columns:1fr}.filter-panel .filter-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-panel label{margin-bottom:0}.filter-panel .btn{margin-top:18px}.banner{grid-template-columns:1fr;gap:20px;padding:28px}.banner h2{font-size:30px}.dest-grid{grid-template-columns:1fr 1fr}.dest-tile{font-size:16px;padding:24px 15px}.section-head{align-items:start}.section-head h2{font-size:27px}.section-head a{white-space:normal;max-width:110px}.grid4{grid-template-columns:1fr 1fr;gap:10px}.package{padding:18px 14px}.package .price{font-size:29px}.package h3{font-size:18px}.detail-data{grid-template-columns:1fr 1fr}.page-title h1{font-size:38px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.calendar{display:none}.mag{grid-template-columns:40px 1fr 20px;gap:12px}.mag h3{font-size:18px}footer{grid-template-columns:1fr;gap:20px;padding-bottom:140px}#comparebar{width:94%;gap:12px;justify-content:space-between;padding:12px;font-size:11px}#comparebar .btn{padding:8px 12px}dialog{padding:35px 18px}.result-top{font-size:12px}.result-top select{max-width:155px}}

.mobile-filter-toggle{display:none}@media(max-width:700px){.mobile-filter-toggle{display:block;width:100%}.listing>.filter-panel{display:none}.listing.filters-open>.filter-panel{display:block}}