/* pt-extras.css v1 – dodaci: kišni dan (kisa.php), tab Karta (cijene.php), tab Cijene i kiša (discover.php). Klase .ptx-* i .ptd-*; ništa globalno. */
/* ── kisa.php: brojke, prognoza ── */
.ptx-rain{margin:0 0 18px}
.ptx-tiles{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ptx-tiles li{border:1px solid #e8e2d8;border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:2px}
.ptx-tiles b{font-size:24px;font-weight:600;color:#851B2F;line-height:1.1}
.ptx-tiles span{font-size:12px;color:#6b6b6b;line-height:1.3}
.ptx-sub{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#BE9440}
.ptx-hours,.ptx-days{border:1px solid #e8e2d8;border-radius:12px;padding:12px 14px;background:#faf7f2;margin:0 0 10px}
.ptx-hours ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:flex-end;height:84px;overflow-x:auto}
.ptx-hours li{flex:1 0 22px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.ptx-hours li i{display:block;width:100%;max-width:26px;border-radius:4px 4px 0 0;background:#d9d1c1;min-height:4px}
.ptx-hours li.is-mid i{background:#9bb3c2}
.ptx-hours li.is-wet i{background:#3f6c8a}
.ptx-hours li span{font-size:11px;color:#6b6b6b}
.ptx-days ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ptx-days li{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6b6b6b;background:#fff;border:1px solid #e8e2d8;border-radius:10px;padding:10px}
.ptx-days li b{font-size:14px;color:#222}
.ptx-days li.is-wet{border-color:#3f6c8a}
/* ── kisa.php: kartice ── */
.ptx-lead{margin-top:-4px}
.ptx-txt{margin:6px 0 0;font-size:13px;line-height:1.5;color:#555}
.ptx-card--daily .pt-v-body{padding:14px}
.ptx-card--daily .pt-name{display:block;margin:6px 0 0}
.ptx-events{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ptx-events li{display:grid;grid-template-columns:96px 1fr;gap:2px 12px;padding:12px 14px;border:1px solid #e8e2d8;border-radius:12px;background:#fff;font-size:14px}
.ptx-events li b{color:#851B2F;grid-row:1/3;align-self:center}
.ptx-events li em{font-style:normal;font-size:12px;color:#6b6b6b}
.ptx-dishes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ptx-dishes a{display:flex;flex-direction:column;height:100%;border:1px solid #e8e2d8;border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:#222}
.ptx-dishes .ptx-dimg,.ptx-dishes img{display:block;width:100%;height:110px;object-fit:cover;background:#f3eee4}
.ptx-dishes .pt-ph{display:flex;align-items:center;justify-content:center;width:100%;height:110px;background:#f3eee4;color:#BE9440}
.ptx-dishes .pt-ph svg{width:32px;height:32px}
.ptx-dishes b{display:block;padding:10px 12px 2px;font-size:14px;color:#851B2F}
.ptx-dishes span{display:block;padding:0 12px 12px;font-size:12px;line-height:1.45;color:#6b6b6b}
@media(min-width:1024px){
 .ptx-tiles{grid-template-columns:repeat(4,1fr)}
 .ptx-rain{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
 .ptx-rain .ptx-tiles{grid-column:1/-1}
 .ptx-hours,.ptx-days{margin:0}
 .ptx-dishes{grid-template-columns:repeat(3,1fr)}
 .ptx-dishes img,.ptx-dishes .pt-ph{height:140px}
}
/* ── cijene.php: tab Karta ── */
.ptx-map{max-width:1180px;margin:0 auto;padding:0 16px 8px;font-family:'Poppins',system-ui,sans-serif}
.ptx-open{display:grid;grid-template-columns:28px 1fr 20px;grid-template-areas:"i t c" "i s c";column-gap:12px;align-items:center;width:100%;text-align:left;padding:14px 16px;border:1px solid #e6dfd2;border-radius:14px;background:#fff;color:#851B2F;font:inherit;cursor:pointer;min-height:64px}
.ptx-open svg{grid-area:i;width:26px;height:26px}
.ptx-open-t{grid-area:t;font-size:15px;font-weight:600;line-height:1.2}
.ptx-open-s{grid-area:s;font-size:12px;color:#6b6b6b;line-height:1.35}
.ptx-caret{grid-area:c;width:10px;height:10px;border-right:2px solid #BE9440;border-bottom:2px solid #BE9440;transform:rotate(45deg);transition:transform .2s}
.ptx-map.is-open .ptx-caret{transform:rotate(-135deg)}
.ptx-open:focus-visible,.ptx-chip:focus-visible{outline:2px solid #BE9440;outline-offset:2px}
.ptx-body{margin-top:10px;border:1px solid #e6dfd2;border-radius:14px;background:#faf7f2;padding:12px}
.ptx-body[hidden]{display:none}
.ptx-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.ptx-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.ptx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid #e6dfd2;border-radius:999px;background:#fff;color:#222;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.ptx-chip b{font-size:11px;font-weight:600;color:#6b6b6b}
.ptx-chip.is-on{background:#851B2F;border-color:#851B2F;color:#fff}
.ptx-chip.is-on b{color:#f0dfe2}
.ptx-city{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b6b6b}
.ptx-city select{height:44px;padding:0 10px;border:1px solid #cfc7b8;border-radius:8px;font:inherit;font-size:15px;background:#fff;color:#222}
.ptx-canvas{height:420px;border-radius:10px;overflow:hidden;background:#eee7d9;position:relative}
.ptx-canvas[data-empty]::after{content:attr(data-empty);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6b6b6b;font-size:14px;background:rgba(250,247,242,.9);z-index:500}
.ptx-hint{margin:10px 2px 0;font-size:12px;color:#6b6b6b;line-height:1.45}
.ptx-pin{display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 5px rgba(0,0,0,.35);color:#fff;font:600 11px/1 'Poppins',system-ui,sans-serif}
.ptx-pin--p{width:58px;height:26px;border-radius:13px;font-size:12px}
.ptx-pop{font-family:'Poppins',system-ui,sans-serif;min-width:150px;max-width:210px}
.ptx-pop img{display:block;width:100%;max-height:110px;object-fit:cover;border-radius:6px;margin-bottom:6px}
.ptx-pop b{color:#851B2F;font-size:13px}
.ptx-pop-p{font-size:16px;font-weight:600;margin-top:2px}
.ptx-pop-i{font-size:12px;color:#6b6b6b;margin-top:2px}
.ptx-pop a{display:inline-block;margin-top:6px;font-size:12px;color:#851B2F}
@media(min-width:900px){
 .ptx-map{padding-bottom:12px}
 .ptx-bar{flex-direction:row;align-items:flex-end;justify-content:space-between}
 .ptx-chips{flex-wrap:wrap;overflow:visible}
 .ptx-city{min-width:220px}
 .ptx-canvas{height:540px}
}
/* ── discover.php: tab Cijene i kiša ── */
.ptd{font-family:'Poppins',system-ui,sans-serif;color:#222}
.ptd-h{margin:26px 0 10px;padding-bottom:8px;border-bottom:2px solid #BE9440;font-size:18px;font-weight:600}
.ptd-h:first-child{margin-top:0}
.ptd-p{margin:0 0 10px;font-size:14px;line-height:1.55;color:#555}
.ptd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ptd-tile{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid #e6dfd2;border-radius:12px;background:#fff;color:inherit;text-decoration:none}
a.ptd-tile:hover{background:#faf7f2}
.ptd-k{font-size:12px;color:#6b6b6b}
.ptd-v{font-size:20px;font-weight:600;color:#851B2F;line-height:1.15}
.ptd-s{font-size:11px;color:#6b6b6b;line-height:1.35}
.ptd-links{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.ptd-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #851B2F;border-radius:999px;color:#851B2F;font-size:13px;text-decoration:none;background:#fff}
.ptd-links a.ptd-main{background:#851B2F;color:#fff}
.ptd-pills{display:flex;flex-wrap:wrap;gap:8px}
.ptd-pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #e6dfd2;border-radius:999px;background:#fff;color:#851B2F;font-weight:600;font-size:14px;text-decoration:none}
.ptd-pills a:hover{background:#faf7f2;border-color:#BE9440}
.ptd-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.ptd-list li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid #e6dfd2;border-radius:12px;background:#fff}
.ptd-list b{font-size:14px;color:#851B2F}
.ptd-list span{font-size:12px;color:#6b6b6b;line-height:1.4}
.ptd-note{margin:22px 0 0;font-size:12px;color:#6b6b6b;line-height:1.5}
@media(min-width:900px){
 .ptd-grid{grid-template-columns:repeat(6,1fr)}
 .ptd-list{grid-template-columns:repeat(3,1fr)}
}