/* Izvorni slog iz HTML */
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#f2f2f5;color:#17171a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid #ddd;padding:13px 15px}
header b{font-size:19px}header small{display:block;color:#666;margin-top:3px}nav{display:flex;gap:6px;overflow:auto;padding-top:9px}
nav a{white-space:nowrap;text-decoration:none;color:#222;background:#eeeef2;padding:6px 9px;border-radius:9px;font-size:12px;font-weight:700}
main{max-width:820px;margin:auto;padding:10px 13px 80px}.day{scroll-margin-top:110px;margin:16px 0 27px}h2{font-size:20px;margin:0 3px 10px}
details{background:#fff}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
.place{border:1px solid #dedee4;border-radius:15px;margin:9px 0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.place>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px}.place>summary b{font-size:17px}.place>summary small{display:block;color:#67676f;line-height:1.42;margin-top:5px}
.ico{font-size:22px;color:#971d4d;min-width:24px;text-align:center}details[open]>summary>.ico{font-size:0}details[open]>summary>.ico:after{content:"−";font-size:22px}
.inside{padding:9px 11px 13px;border-top:1px solid #ececf0;background:#fafafd}
.chapter{border:1px solid #e3e3e8;border-radius:11px;margin:7px 0;overflow:hidden}.chapter summary{padding:10px 11px;font-weight:800;color:#8f1748;display:flex;justify-content:space-between;align-items:center}
.chapter .text{padding:0 11px 13px;line-height:1.62;font-size:15px}.chapter[open]:has(summary:first-child){background:#fff}
textarea{width:100%;min-height:58px;border:1px solid #d8d8de;border-radius:9px;padding:9px;margin-top:7px;font:inherit;background:white}
footer{position:fixed;bottom:0;left:0;right:0;padding:8px;background:rgba(255,255,255,.95);border-top:1px solid #ddd;text-align:center;font-size:11px;color:#777}
/* Izvorni slog iz HTML */
.placecard{border:1px solid #d9d9df;border-radius:15px;margin:11px 0;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.035)}
.placehead{padding:14px 14px 8px}.placehead b{font-size:18px}.placehead small{display:block;color:#666872;line-height:1.45;margin-top:5px}
.summarybox{margin:3px 13px 13px;padding:12px 13px;background:#f5f1f3;border-left:4px solid #971d4d;border-radius:9px;line-height:1.58;font-size:14.5px}
.summarybox strong{display:block;font-size:11px;letter-spacing:.09em;color:#971d4d;margin-bottom:5px}
.more{border-top:1px solid #e7e7eb;background:#fafafd}.more>summary{padding:11px 14px;font-weight:750;display:flex;justify-content:space-between;align-items:center;color:#333}
.more>.inside{border-top:1px solid #ececf0}
/* Izvorni slog iz HTML */
.feesbox{margin:10px 0 16px;border:1px solid #d9c8cf;border-radius:14px;background:#fff8fa;overflow:hidden}
.feesbox>summary{padding:13px 15px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:#7f183f;cursor:pointer}
.feesinside{padding:0 13px 13px;border-top:1px solid #eadde2}
.feeintro{font-size:12.5px;line-height:1.45;color:#666;margin:11px 2px}
.feeitem{padding:10px 2px;border-top:1px solid #eee2e6}
.feeitem:first-of-type{border-top:0}
.feetop{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.feetop b{font-size:14px;line-height:1.35}
.feetop span{font-weight:800;text-align:right;color:#8f1746;font-size:13.5px;max-width:46%}
.feenote{font-size:12.5px;line-height:1.45;color:#606068;margin-top:4px}
/* Izvorni slog iz HTML */
.fieldtools{margin:9px 13px 14px;border:1px solid #dfe4e7;border-radius:10px;overflow:hidden;background:#fbfcfd}
.fieldtitle{padding:8px 11px;font-size:10.5px;font-weight:900;letter-spacing:.09em;color:#58636b;background:#eef2f4}
.fieldchapter{border-top:1px solid #e4e8ea}
.fieldchapter>summary{padding:10px 11px;font-weight:750;font-size:13.5px;display:flex;justify-content:space-between;cursor:pointer}
.fieldbody{padding:0 12px 10px;font-size:13px;line-height:1.5}
.fieldbody ul{margin:2px 0 0;padding-left:19px}.fieldbody li{margin:5px 0}
.qa{padding:7px 0;border-top:1px dotted #d9dddf}.qa:first-child{border-top:0}.qa b{display:block;margin-bottom:2px;color:#333}
/* Izvorni slog iz HTML */
.feebought{display:flex;align-items:center;gap:7px;margin:1px 0 8px;font-size:12px;font-weight:750;color:#596168;cursor:pointer;width:max-content}
.feebought input{width:18px;height:18px;margin:0;accent-color:#8f1746;cursor:pointer}
.feeitem:has(.feecheck:checked){opacity:.72}
.feeitem:has(.feecheck:checked) .feetop b{text-decoration:line-through;text-decoration-thickness:1px}
/* Izvorni slog iz HTML */
.fieldtools{margin-top:16px!important;border:1px solid #cfd7dc!important;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.fieldtitle{padding:9px 11px!important;display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;background:#e8eef1!important}
.fieldtitle strong{font-size:12px;letter-spacing:.035em;color:#222}
.fieldtitle span{font-size:9.5px;font-weight:850;letter-spacing:.10em;color:#68747c;white-space:nowrap}
/* Izvorni slog iz HTML */
.app-page{display:none}
.app-page.active{display:block}
nav a.active{background:#17171a!important;color:#fff!important}
@media(max-width:700px){
nav{position:relative;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
nav a{flex:0 0 auto}
main{padding-top:8px}
}
/* Izvorni slog iz HTML */
.program-intro{margin:0 13px 12px;color:#667078;font-size:13px;line-height:1.45}
.program-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 13px 12px;scrollbar-width:none}
.program-tabs::-webkit-scrollbar{display:none}
.program-tab{flex:0 0 auto;border:1px solid #d5dce0;background:#fff;border-radius:999px;padding:9px 13px;
font:inherit;font-size:12.5px;font-weight:750;color:#30363a;cursor:pointer;white-space:nowrap}
.program-tab.active{background:#17171a;color:#fff;border-color:#17171a}
.program-panel{display:none}
.program-panel.active{display:block}
@media(max-width:700px){
.program-tabs{padding-left:10px;padding-right:10px}
.program-tab{padding:9px 12px}
}
/* Izvorni slog iz HTML */
.orientation-map-card{margin:12px 13px 18px;background:#fff;border:1px solid #d7dde2;border-radius:14px;overflow:hidden}
.orientation-map-title{padding:10px 13px;font-size:13px;font-weight:850;background:#f4f6f7}
.orientation-map-card img{display:block;width:100%;height:auto}
.orientation-map-note{padding:8px 12px 10px;font-size:10px;line-height:1.4;color:#687177}
.guide-expanded{margin-top:14px}
.guide-expanded .text p{margin:0 0 10px;line-height:1.65}
@media(max-width:700px){
.orientation-map-card{margin-left:9px;margin-right:9px}
.orientation-map-title{font-size:12px}
}
/* Izvorni slog iz HTML */
.orientation-map-card svg{display:block;width:100%;height:auto;background:#fbfaf5}
.orientation-map-card{overflow:hidden}
/* Izvorni slog iz HTML */
.orientation-map-card svg{display:block;width:100%;height:auto}
.orientation-map-card{background:#fff}
/* Izvorni slog iz HTML */
.illustrated-day-map{
display:block;
width:100%;
height:auto;
image-rendering:auto;
background:#fff;
}
.orientation-map-card{
overflow:hidden;
}
/* Izvorni slog iz HTML */
/* v53: dejanska postavitev aplikacije */
#program > section.day{
display:grid;
grid-template-columns:220px minmax(0,1fr);
column-gap:20px;
align-items:start;
}
#program > section.day > h2,
#program > section.day > .program-intro{
grid-column:1 / -1;
}
#program .program-tabs{
grid-column:1;
display:flex;
flex-direction:column;
gap:7px;
overflow:visible;
padding:0;
position:sticky;
top:12px;
}
#program .program-tab{
width:100%;
text-align:left;
border-radius:10px;
white-space:normal;
}
#program .program-content{
grid-column:2;
min-width:0;
}
.day-hero{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);
gap:16px;
align-items:start;
margin-bottom:16px;
}
.day-hero .orientation-map-card{margin:0!important}
.day-steps-card{
background:#fff;
border:1px solid #d7dde2;
border-radius:14px;
padding:12px 14px;
}
.day-steps-title{
font-weight:850;
font-size:14px;
text-transform:uppercase;
letter-spacing:.03em;
color:#9d173b;
padding:2px 0 9px;
border-bottom:1px solid #e2e5e7;
margin-bottom:3px;
}
.day-step{
display:grid;
grid-template-columns:30px 1fr;
gap:9px;
padding:11px 0;
border-bottom:1px dashed #dfe3e5;
}
.day-step:last-child{border-bottom:0}
.day-step-no{
display:flex;align-items:center;justify-content:center;
width:26px;height:26px;border-radius:50%;
background:#188c50;color:#fff;font-weight:850;font-size:12px;
}
.day-step-body{display:flex;flex-direction:column;gap:4px}
.day-step-body b{font-size:12.5px;color:#202a34}
.day-step-body span{font-size:11px;line-height:1.45;color:#59656d}
/* Telefon: dnevi zgoraj vodoravno, nato zemljevid, nato koraki. */
@media(max-width:760px){
#program > section.day{display:block}
#program .program-tabs{
position:static;
display:flex;
flex-direction:row;
overflow-x:auto;
gap:7px;
padding:0 0 11px;
scrollbar-width:none;
}
#program .program-tabs::-webkit-scrollbar{display:none}
#program .program-tab{
width:auto;
min-width:max-content;
white-space:nowrap;
border-radius:999px;
text-align:center;
}
.day-hero{display:block}
.day-hero .orientation-map-card{margin-bottom:10px!important}
.day-steps-card{margin-bottom:14px}
}
/* Izvorni slog iz HTML */
:root{--navy:#071a4a;--red:#e51d25;--green:#149653;--paper:#fff;--line:#dfe5ea;--soft:#f6f8fa}
body{background:#fff!important;color:#0b1a3b}
body>header,body>.topbar{padding-left:315px}
.v54-brand{position:fixed;left:0;top:0;width:305px;height:74px;background:#fff;z-index:50;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 18px;box-sizing:border-box}
.v54-brand .brand-mark{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9272d;font-size:25px}
.v54-brand b{display:block;font-size:19px;color:var(--navy)}
.v54-brand small{display:block;font-size:13px;color:#46536d;margin-top:2px}
.v54-sidebar{position:fixed;left:0;top:74px;bottom:0;width:305px;background:#fff;border-right:1px solid var(--line);overflow:auto;padding:9px 8px 30px;box-sizing:border-box;z-index:40}
.v54-sidebar .side-title{font-size:10px;font-weight:900;color:#778195;padding:4px 11px 7px;letter-spacing:.08em}
.side-day{display:grid;width:100%;grid-template-columns:55px 1fr;gap:1px 7px;text-align:left;background:#fff;border:0;border-radius:10px;padding:9px 10px;margin:1px 0;color:var(--navy);cursor:pointer}
.side-day:hover{background:#f7f9fb}
.side-day.active{background:#f2f5f8;border-left:4px solid #102b50;padding-left:6px}
.side-day-no{grid-row:1 / 3;font-size:11px;font-weight:900;color:var(--navy)}
.side-day-name{font-size:11px;font-weight:800}
.side-transport{font-size:9px;color:#5c6880}
#program{margin-left:305px!important;max-width:none!important;padding:22px 30px 40px!important}
#program>.v54-sidebar+*{}
#program .program-content{grid-column:auto!important;width:100%!important}
#program>section.day{display:block!important}
#program h2{font-size:25px!important;color:var(--red)!important;text-transform:uppercase;margin:6px 0 7px}
.v54-day-hero{display:grid!important;grid-template-columns:minmax(520px,1.18fr) minmax(410px,.92fr)!important;gap:20px!important;align-items:stretch!important;margin:14px 0 0!important}
.orientation-map-card,.v54-steps{border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(7,26,74,.04)}
.orientation-map-title{color:var(--red)!important;text-transform:uppercase;font-size:12px!important;font-weight:900!important;background:#fff!important;padding:12px 14px!important}
.orientation-map-card img,.orientation-map-card svg{width:100%!important;height:auto!important;display:block}
.v54-hires-map{object-fit:cover;object-position:center;max-height:570px}
.v54-steps{padding:13px 17px!important}
.day-steps-title{color:var(--red)!important;font-size:13px!important}
.day-step{padding:13px 0!important}
.day-step-no{background:var(--green)!important}
.day-step-body b{font-size:13px!important;color:var(--navy)!important}
.day-step-body span{font-size:11px!important}
#program .costs,.fees,.entrance-fees{border-radius:12px}
#program .placecard{border-radius:12px!important}
@media(max-width:900px){
.v54-brand{position:static;width:auto;height:auto;border-right:0}
.v54-sidebar{position:static;width:auto;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:7px}
.v54-sidebar .side-title{display:none}
.side-day{min-width:175px}
body>header,body>.topbar{padding-left:0}
#program{margin-left:0!important;padding:12px!important}
.v54-day-hero{display:block!important}
.v54-steps{margin-top:10px}
#program h2{font-size:20px!important}
}
/* Izvorni slog iz HTML */
/* v55 polished layout */
body{
font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif!important;
background:#ffffff!important;
color:#0d1b3d!important;
}
.v55-hide-generic{display:none!important}
.v54-brand{
width:318px!important;height:82px!important;padding:12px 20px!important;
border-bottom:1px solid #e4e8ee!important;
}
.v54-brand .brand-mark{width:50px!important;height:50px!important;font-size:26px!important}
.v54-brand b{font-size:21px!important;letter-spacing:.01em}
.v54-brand small{font-size:13px!important;color:#5f6c84!important}
.v54-sidebar{
top:82px!important;width:318px!important;padding:10px 10px 28px!important;
border-right:1px solid #e4e8ee!important;background:#fbfcfe!important;
}
.v54-sidebar .side-title{font-size:10px!important;color:#77849a!important;padding:8px 12px!important}
.side-day{
position:relative;
grid-template-columns:56px 1fr 84px!important;
gap:2px 8px!important;
min-height:66px;
padding:9px 10px!important;
border-radius:12px!important;
margin:4px 0!important;
border:1px solid transparent!important;
}
.side-day.active{
background:#f2f5f8!important;
border-color:#d8e0e7!important;
border-left:4px solid #102b50!important;
}
.side-day-no{font-size:11px!important}
.side-day-name{font-size:11.5px!important;line-height:1.3}
.side-transport{font-size:9.5px!important}
.side-thumb{
grid-column:3;grid-row:1/3;
width:80px;height:48px;object-fit:cover;border-radius:8px;
border:1px solid #e1e6eb;background:#fff;
}
#program{
margin-left:318px!important;
padding:22px 28px 56px!important;
background:#fff!important;
}
#program .program-content{max-width:1280px!important;margin:0 auto!important;width:100%!important}
#program .program-panel>section.day>h2{
font-size:26px!important;
line-height:1.08!important;
color:#e51d25!important;
letter-spacing:-.015em!important;
margin:4px 0 14px!important;
text-transform:uppercase!important;
}
.v54-day-hero{
grid-template-columns:minmax(560px,1.2fr) minmax(420px,.86fr)!important;
gap:18px!important;
align-items:stretch!important;
}
.orientation-map-card{
border:1px solid #dfe5ea!important;border-radius:14px!important;background:#fff!important;
box-shadow:0 2px 8px rgba(20,31,55,.05)!important;
}
.orientation-map-title{
padding:13px 16px!important;
color:#e51d25!important;font-size:12px!important;font-weight:900!important;
background:#fff!important;
}
.v55-map-img,.orientation-map-card img{
width:100%!important;height:auto!important;display:block!important;
}
.orientation-map-note{
font-size:10px!important;color:#6a7588!important;padding:8px 14px 10px!important;
}
.v54-steps{
padding:14px 18px!important;
border:1px solid #dfe5ea!important;border-radius:14px!important;
box-shadow:0 2px 8px rgba(20,31,55,.05)!important;
}
.day-steps-title{
font-size:13px!important;font-weight:900!important;color:#e51d25!important;
padding-bottom:11px!important;
}
.day-step{grid-template-columns:34px 1fr!important;padding:14px 0!important}
.day-step-no{width:29px!important;height:29px!important;font-size:12px!important}
.day-step-body b{font-size:13px!important}
.day-step-body span{font-size:11px!important;color:#657083!important}
.v55-cost-strip{
display:grid;grid-template-columns:repeat(4,1fr);gap:0;
border:1px solid #e1e6eb;border-radius:12px;background:#fff;margin:0 0 16px;
overflow:hidden;
}
.cost-item{
display:flex;gap:10px;align-items:center;padding:13px 15px;border-right:1px solid #e8ecf0;
}
.cost-item:last-child{border-right:0}
.cost-ico{font-size:23px}
.cost-item b{display:block;font-size:11px;color:#0d1b3d}
.cost-item small{display:block;font-size:9.5px;color:#77849a;margin-top:2px}
.v55-next-days{margin:0 0 17px}
.next-title{
color:#e51d25;font-weight:900;font-size:12px;text-transform:uppercase;
margin:0 0 8px;
}
.next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.next-card{
border:1px solid #e1e6eb;border-radius:10px;background:#fff;padding:11px 12px;
min-height:54px;
}
.next-card b{display:block;font-size:10.5px;color:#0d1b3d}
.next-card span{display:block;font-size:9px;color:#7a8496;margin-top:5px}
#program .placecard{
border:1px solid #e0e5ea!important;border-radius:14px!important;
box-shadow:0 1px 4px rgba(20,31,55,.03)!important;
}
@media(max-width:1050px){
.v54-day-hero{grid-template-columns:1fr!important}
.v55-cost-strip{grid-template-columns:repeat(2,1fr)}
.next-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
.v54-brand{position:static!important;width:auto!important;height:auto!important}
.v54-sidebar{
position:static!important;width:auto!important;display:flex!important;overflow-x:auto!important;
padding:8px!important;border-right:0!important;border-bottom:1px solid #e4e8ee!important;
}
.side-day{min-width:190px!important;grid-template-columns:52px 1fr!important}
.side-thumb{display:none!important}
#program{margin-left:0!important;padding:12px!important}
#program .program-panel>section.day>h2{font-size:21px!important}
.v55-cost-strip{grid-template-columns:1fr 1fr}
.next-grid{grid-template-columns:1fr 1fr}
}
/* Izvorni slog iz HTML */
:root{
--navy:#08214f; --red:#e32126; --green:#149653;
--line:#e1e6eb; --text:#0a1d43; --muted:#66748c; --soft:#f8fafc;
}
*{box-sizing:border-box}
body{
margin:0!important;
background:#fff!important;
color:var(--text)!important;
font-family:Inter,Segoe UI,Arial,sans-serif!important;
}
.v56-hidden{display:none!important}
/* Top navigation exactly as one integrated application bar */
.v56-topbar{
position:fixed;top:0;left:0;right:0;height:82px;background:#fff;
border-bottom:1px solid var(--line);z-index:100;
display:grid;grid-template-columns:315px minmax(0,1fr);
}
.v56-logo{
display:flex;align-items:center;gap:13px;padding:10px 20px;border-right:1px solid var(--line)
}
.v56-logo-mark{
width:51px;height:51px;border-radius:50%;background:#e9272d;color:#fff;
display:flex;align-items:center;justify-content:center;font-size:26px
}
.v56-logo b{display:block;font-size:20px;color:var(--navy);letter-spacing:.01em}
.v56-logo small{display:block;font-size:13px;color:#53627d;margin-top:3px}
.v56-nav{
display:flex;height:82px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch
}
.v56-nav::-webkit-scrollbar{display:none}
.v56-navitem{
border:0;border-right:1px solid #edf0f3;background:#fff;color:var(--navy);
min-width:118px;padding:10px 13px;display:flex;gap:9px;align-items:center;justify-content:center;
flex:0 0 auto;cursor:pointer;font:inherit
}
.v56-navitem span{font-size:20px;font-weight:900}
.v56-navitem b{font-size:11.5px;line-height:1.25;text-align:left}
.v56-navitem.active{color:var(--red);box-shadow:inset 0 -3px 0 var(--red)}
.v56-nav{padding-right:68px}
.main-menu-wrap{position:absolute;top:17px;right:10px;z-index:140}
.main-menu-toggle{width:48px;height:48px;border:0;border-radius:12px;background:#102b50;color:#fff;display:flex;align-items:center;justify-content:center;font:800 25px/1 Arial,sans-serif;box-shadow:0 4px 14px rgba(16,43,80,.22);cursor:pointer}
.main-menu-toggle:focus-visible{outline:3px solid #e9272d;outline-offset:2px}
.main-menu-panel{display:none;position:absolute;top:54px;right:0;width:290px;max-height:calc(100dvh - 90px);overflow:auto;padding:8px;border:1px solid #dfe4ea;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(8,28,63,.22)}
.main-menu-wrap.open .main-menu-panel{display:block}
.main-menu-option{width:100%;border:0;border-bottom:1px solid #edf0f3;background:#fff;color:#102b50;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font:800 15px/1.25 Inter,Segoe UI,Arial,sans-serif;cursor:pointer}
.main-menu-document{text-decoration:none}
.main-menu-document small{margin-left:auto;padding:3px 6px;border-radius:5px;background:#edf3f7;color:#53627d;font-size:10px;line-height:1;letter-spacing:.06em}
.main-menu-option:last-child{border-bottom:0}
.main-menu-option:hover,.main-menu-option:focus-visible{background:#faf6f7;color:#8b354d;outline:0}
.main-menu-option span{width:26px;text-align:center;font-size:20px}
/* Sidebar like the approved concept */
.v54-sidebar{
position:fixed!important;left:0!important;top:82px!important;bottom:0!important;
width:315px!important;background:#fff!important;border-right:1px solid var(--line)!important;
overflow:auto!important;padding:8px 8px 28px!important;z-index:80!important
}
.v54-sidebar .side-title{display:none!important}
.side-day{
display:grid!important;grid-template-columns:56px 1fr 102px!important;
grid-template-rows:auto auto!important;gap:2px 8px!important;
width:100%!important;min-height:76px!important;margin:2px 0!important;padding:9px 9px!important;
background:#fff!important;border:1px solid transparent!important;border-radius:10px!important;
text-align:left!important;color:var(--navy)!important;cursor:pointer!important
}
.side-day:hover{background:#f8fafc!important}
.side-day.active{
background:#f2f5f8!important;border-color:#d8e0e7!important;
border-left:5px solid #102b50!important;padding-left:5px!important
}
.side-day-no{grid-row:1/3!important;font-size:11px!important;font-weight:900!important}
.side-day-name{font-size:11.5px!important;font-weight:850!important;line-height:1.28!important}
.side-transport{font-size:9.5px!important;color:#435576!important}
.side-thumb{
grid-column:3!important;grid-row:1/3!important;width:98px!important;height:58px!important;
object-fit:cover!important;border-radius:7px!important;border:1px solid #e1e6eb!important;background:#fff
}
/* Main application pane */
main{padding-top:82px!important}
#program{
margin-left:315px!important;
max-width:none!important;
width:auto!important;
padding:24px 28px 60px!important;
background:#fff!important;
}
#program>section.day{display:block!important}
#program .program-tabs{display:none!important}
#program .program-content{width:100%!important;max-width:1280px!important;margin:0 auto!important}
#program .program-panel{display:none!important}
#program .program-panel.active{display:block!important}
#program .program-panel>section.day>h2{
margin:3px 0 14px!important;color:var(--red)!important;
font-size:27px!important;line-height:1.08!important;text-transform:uppercase!important;
letter-spacing:-.02em!important;
}
/* Map + steps: the approved visual proportions */
.day-hero,.v54-day-hero{
display:grid!important;grid-template-columns:minmax(580px,1.2fr) minmax(420px,.92fr)!important;
gap:18px!important;align-items:stretch!important;margin:0 0 0!important
}
.orientation-map-card,.day-steps-card{
border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important;
box-shadow:0 1px 5px rgba(7,33,79,.04)!important;overflow:hidden!important
}
.orientation-map-title{
padding:14px 16px 10px!important;background:#fff!important;color:var(--red)!important;
font-size:12.5px!important;font-weight:900!important;text-transform:uppercase!important
}
.v56-map-img,.orientation-map-card img{
display:block!important;width:100%!important;height:auto!important;object-fit:cover!important
}
.orientation-map-note{padding:8px 14px 10px!important;font-size:9.5px!important;color:#68758b!important}
.day-steps-card{padding:14px 18px!important}
.day-steps-title{
font-size:13.5px!important;color:var(--red)!important;font-weight:900!important;
padding:1px 0 11px!important;border-bottom:1px solid var(--line)!important
}
.day-step{
display:grid!important;grid-template-columns:34px 1fr!important;gap:10px!important;
padding:14px 0!important;border-bottom:1px dashed #dde3e9!important
}
.day-step:last-child{border-bottom:0!important}
.day-step-no{
width:28px!important;height:28px!important;border-radius:50%!important;
display:flex!important;align-items:center!important;justify-content:center!important;
background:var(--green)!important;color:#fff!important;font-weight:900!important
}
.day-step-body b{font-size:13px!important;color:var(--navy)!important}
.day-step-body span{font-size:10.8px!important;line-height:1.45!important;color:#5b6880!important;margin-top:4px!important}
/* The compact cost row concept */
.v55-cost-strip{
display:grid!important;grid-template-columns:repeat(4,1fr)!important;
border:1px solid var(--line)!important;border-radius:11px!important;
overflow:hidden!important;margin:0 0 15px!important;background:#fff!important
}
.cost-item{padding:13px 14px!important;display:flex!important;gap:10px!important;align-items:center!important;border-right:1px solid #e9edf1!important}
.cost-item:last-child{border-right:0!important}
.cost-ico{font-size:22px!important}
.cost-item b{font-size:10.5px!important;color:var(--navy)!important}
.cost-item small{font-size:9px!important;color:#718096!important}
/* Next day cards */
.v55-next-days{margin:0 0 16px!important}
.next-title{font-size:12px!important;font-weight:900!important;color:var(--red)!important;text-transform:uppercase!important;margin-bottom:8px!important}
.next-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important}
.next-card{border:1px solid var(--line)!important;border-radius:9px!important;padding:10px 11px!important;min-height:56px!important;background:#fff!important}
.next-card b{font-size:10.5px!important;color:var(--navy)!important}
.next-card span{font-size:8.8px!important;color:#7b8799!important}
/* Existing detailed material stays below */
#program .placecard{
border:1px solid var(--line)!important;border-radius:13px!important;
box-shadow:0 1px 4px rgba(7,33,79,.025)!important
}
footer{margin-left:315px!important}
/* Other top pages use full content pane but keep same top menu */
body.v56-nonprogram .v54-sidebar{display:none!important}
body.v56-nonprogram main{margin-left:0!important}
body.v56-nonprogram .app-page.active{max-width:1100px;margin:0 auto;padding-top:20px}
/* Responsive phone: same design, stacked intentionally */
@media(max-width:820px){
.v56-topbar{position:relative!important;height:auto!important;display:block!important}
.v56-logo{height:68px!important}
.v56-nav{height:64px!important}
.v56-navitem{min-width:102px!important;padding:7px 10px!important}
.v56-navitem span{font-size:17px!important}
.v56-navitem b{font-size:10px!important}
.main-menu-wrap{top:7px;right:10px}
.main-menu-toggle{width:44px;height:44px;font-size:23px}
.main-menu-panel{top:50px;width:min(290px,calc(100vw - 20px));max-height:calc(100dvh - 72px)}
main{padding-top:0!important}
.v54-sidebar{
position:static!important;width:100%!important;display:flex!important;overflow-x:auto!important;
border-right:0!important;border-bottom:1px solid var(--line)!important;padding:7px!important
}
.side-day{min-width:190px!important;grid-template-columns:52px 1fr!important;min-height:63px!important}
.side-thumb{display:none!important}
#program{margin-left:0!important;padding:12px!important}
#program .program-panel>section.day>h2{font-size:21px!important}
.day-hero,.v54-day-hero{display:block!important}
.day-steps-card{margin-top:10px!important}
.v55-cost-strip{grid-template-columns:1fr 1fr!important}
.next-grid{grid-template-columns:1fr 1fr!important}
footer{margin-left:0!important}
}
/* Izvorni slog iz HTML */
#d9 .v54-day-hero{grid-template-columns:1fr!important}
.v57-no-map{min-height:210px;border:1px solid #e1e6eb;border-radius:14px;background:#fff7f4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#0d1b3d}
.v57-no-map b{font-size:22px}.v57-no-map span{margin-top:8px;color:#667085;font-size:14px}
/* Izvorni slog iz HTML */
.v58-side-icon{display:flex!important;align-items:center;justify-content:center;background:#fff7f4;font-size:28px!important}
.v58-route-card{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;background:linear-gradient(145deg,#fff8f2,#f7fbff)}
.v58-route-icon{font-size:64px;line-height:1;margin-bottom:18px}.v58-route-card b{font-size:24px;color:#0d1b3d}.v58-route-card p{font-size:14px;color:#667085;max-width:520px}
@media(max-width:820px){.v58-route-card{min-height:220px}.v58-route-card b{font-size:18px}}
/* Izvorni slog iz HTML */
.v54-day-hero,.day-hero{align-items:start!important}
.orientation-map-card{align-self:start!important;height:auto!important;min-height:0!important}
.orientation-map-note{display:none!important}
/* Izvorni slog iz HTML */
.v56-navitem .menu-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important;font-size:22px!important;line-height:1!important;filter:saturate(.9);margin-bottom:3px}
.chapter-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-right:7px;border-radius:7px;background:#fff4ef;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:15px;vertical-align:middle}
.chapter summary{display:flex!important;align-items:center!important}.chapter summary>.ico{margin-left:auto!important}
/* Izvorni slog iz HTML */
.v62-guide-extra>b{color:#9d173b}.fieldtitle span{letter-spacing:.04em}
/* Izvorni slog iz HTML */
/* Odstrani prazen pas med seznamom dni in glavno vsebino. */
main{
max-width:none!important;
width:100%!important;
margin:0!important;
box-sizing:border-box!important;
}
#program{
margin-left:315px!important;
width:calc(100% - 315px)!important;
max-width:none!important;
box-sizing:border-box!important;
}
#program>section.day,
#program .program-content{
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
}
/* Na srednje širokem zaslonu ostane seznam dni levo, kartici pa se zložita,
da zemljevid ni odrezan ali potisnjen iz vidnega polja. */
@media (min-width:821px) and (max-width:1450px){
#program{padding:20px 20px 52px!important}
.day-hero,.v54-day-hero{
grid-template-columns:minmax(0,1fr)!important;
gap:12px!important;
}
.day-steps-card{margin-top:0!important}
}
@media (max-width:820px){
#program{
margin-left:0!important;
width:100%!important;
}
}
/* transport-notes.css */
.transport-editor{margin:14px 0 18px;border:1px solid #dce5df;border-radius:13px;background:#f7faf8;overflow:hidden}
#program .day-hero>.transport-editor{grid-column:1 / -1;margin:0 0 2px}
.transport-editor>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;cursor:pointer;font-size:13px;font-weight:900;color:#256246}
.transport-editor>summary::-webkit-details-marker{display:none}
.transport-editor[open]>summary{border-bottom:1px solid #dce5df}
.transport-editor-body{padding:14px 18px 16px}
.transport-editor-body label{display:block;font-size:12px;color:#4f5d70;font-weight:700;margin-bottom:8px}
.transport-editor textarea{display:block;width:100%;box-sizing:border-box;min-height:180px;margin:0;padding:12px;border:1px solid #cbd8cf;border-radius:9px;background:#fff;color:#102a56;font:400 16px/1.55 Inter,Segoe UI,Arial,sans-serif;resize:vertical;white-space:pre-wrap}
.transport-editor textarea:focus{outline:2px solid #438261;outline-offset:2px}
.transport-editor textarea:disabled{background:#f0f3f1}
.transport-editor-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px}
.transport-editor button{min-height:44px;padding:10px 18px;border:1px solid #256246;border-radius:8px;font:700 14px/1.2 Inter,Segoe UI,Arial,sans-serif;cursor:pointer}
.transport-save{background:#256246;color:#fff}
.transport-editor .transport-save{min-height:40px;padding:8px 14px;font-size:13px;border-radius:7px}
.transport-reload{background:#fff;color:#256246}
.transport-editor button:disabled{opacity:.55;cursor:wait}
.transport-status{margin:10px 0 0;font-size:12px;line-height:1.4;color:#43604d}
.transport-status.is-error{color:#8b354d}
.reference-sources{display:none!important}
.guide-compare{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45}
.guide-compare th,.guide-compare td{padding:9px 7px;text-align:left;vertical-align:top;border-bottom:1px solid #e1e6eb}
@media(max-width:820px){#program .day-hero>.transport-editor{margin:0 0 14px}.transport-editor>summary{padding:14px 13px}.transport-editor-body{padding:12px 13px 14px}.guide-compare{font-size:12px}}
/* general-page.css */
/* Splošno: enak sistem vsebinskih zavihkov kot na drugih tematskih straneh. */
#general .food-group{margin:22px 0 28px}
#general .food-group-title{margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #e3e6e9;font-size:14px;line-height:1.4;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8b354d}
#general .food-item{margin:11px 0;background:#fff}
#general .food-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;text-align:left;min-height:64px}
#general .food-heading{display:block;min-width:0;flex:1}
#general .food-icon{display:block;flex:0 0 28px;width:28px;font-size:24px;line-height:1.4;text-align:center;align-self:flex-start}
#general .food-heading b{display:block;font-size:18px;line-height:1.35;font-weight:800;color:#102b50}
#general .food-heading small{display:block;margin-top:5px;font-size:13.5px;font-weight:400;line-height:1.5;color:#626c78}
#general .food-trigger>.ico{flex:0 0 24px;color:#8b354d}
#general .food-trigger:focus-visible{outline:2px solid #8b354d;outline-offset:-4px;border-radius:13px}
#general .food-item[open]>.food-trigger{background:#faf9fa}
#general .food-body{padding:16px;border-top:1px solid #e3e6e9}
#general .food-section{margin:0;padding:0}
#general .food-section+.food-section{margin-top:20px;padding-top:16px;border-top:1px solid #e6e8eb}
#general .food-section h3{margin:0 0 8px;font-size:16px;line-height:1.4;color:#8b354d;font-weight:800}
#general .food-body .text{padding:0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
#general .food-body .text p{margin:0 0 10px}
#general .food-body .text p:last-child{margin-bottom:0}
#general .general-island-stats,#general .general-location-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
#general .general-island-stats span,#general .general-location-stats span{display:block;padding:11px 12px;border:1px solid #dbe2ea;border-radius:8px;background:#f7f9fb}
#general .general-island-stats b,#general .general-location-stats b{display:block;font-size:18px;line-height:1.25;color:#102b50}
#general .general-island-stats small,#general .general-location-stats small{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:#626c78}
#general .general-data-note{font-size:13px;color:#626c78}
#general .general-script-example{margin:12px 0;padding:14px;border-left:3px solid #8b354d;background:#f7f9fb}
#general .general-script-example>span{display:block;font-size:25px;line-height:1.45;color:#102b50}
#general .general-script-example>small{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:#626c78}
#general .general-numbered{margin:0;padding-left:22px}
#general .general-numbered li{margin:0 0 8px;padding-left:3px}
#general .general-numbered li:last-child{margin-bottom:0}
#general .food-glossary,#general .general-heritage-list{margin:0;padding-left:22px}
#general .food-glossary li,#general .general-heritage-list li{margin:0 0 8px;padding-left:3px}
#general .food-glossary li:last-child,#general .general-heritage-list li:last-child{margin-bottom:0}
@media(min-width:760px){#general .general-heritage-list{columns:2;column-gap:34px}#general .general-heritage-list li{break-inside:avoid}}
@media(max-width:600px){#general .food-trigger{padding:14px;gap:12px}#general .food-heading b{font-size:17px}#general .food-body{padding:14px}}
/* food-accordions.css */
/* Food: one clear opener per topic, with all content inside. */
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-group{margin:22px 0 28px}
.v56-navitem.active{color:#8b354d!important;box-shadow:inset 0 -3px 0 #8b354d!important}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-group-title{margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #e3e6e9;font-size:14px;line-height:1.4;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8b354d}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-item{margin:11px 0;background:#fff}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;text-align:left;min-height:64px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-heading{display:block;min-width:0;flex:1}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-icon{display:block;flex:0 0 28px;width:28px;font-size:24px;line-height:1.4;text-align:center;align-self:flex-start}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-heading b{display:block;font-size:18px;line-height:1.35;font-weight:800;color:#102b50}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-heading small{display:block;margin-top:5px;font-size:13.5px;font-weight:400;line-height:1.5;color:#626c78}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-trigger>.ico{flex:0 0 24px;color:#8b354d}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-trigger:focus-visible{outline:2px solid #8b354d;outline-offset:-4px;border-radius:13px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-item[open]>.food-trigger{background:#faf9fa}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body{padding:16px;border-top:1px solid #e3e6e9}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body>.summarybox{margin:0 0 16px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-section{margin:0;padding:0}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-section+.food-section,
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body>:not(.food-section)+.food-section{margin-top:20px;padding-top:16px;border-top:1px solid #e6e8eb}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-section h3{margin:0 0 8px;font-size:16px;line-height:1.4;color:#8b354d;font-weight:800}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body .text{padding:0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body .text p{margin:0 0 10px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body .text p:last-child{margin-bottom:0}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body .reference-sources{font-size:12px;color:#626c78}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-glossary{margin:0;padding-left:20px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-glossary li{padding-left:3px;margin:0 0 9px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-glossary li:last-child{margin-bottom:0}
#whisky-guide .whisky-list{margin:8px 0 12px;padding-left:20px}
#whisky-guide .whisky-list li{margin:0 0 10px;padding-left:3px}
#whisky-guide .whisky-list li:last-child{margin-bottom:0}
#whisky-guide .summarybox .whisky-list{margin:0}
#whisky-guide .whisky-types>li{margin-bottom:16px}
#whisky-guide .whisky-types>li>span{display:block;margin-top:4px}
#whisky-guide .whisky-timeline{margin:0 0 14px}
#whisky-guide .whisky-timeline>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #e5e8eb}
#whisky-guide .whisky-timeline>div:first-child{padding-top:0}
#whisky-guide .whisky-timeline dt{font-weight:800;color:#8b354d}
#whisky-guide .whisky-timeline dd{margin:0;min-width:0}
@media(max-width:600px){
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-trigger{padding:14px;gap:12px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-heading b{font-size:17px}
:is(#food,#shopping,#culture,#sport,#geisha,#trains,#fukushima,#fuji,#history) .food-body{padding:14px}
}
#history .history-summary-list{margin:0;padding-left:22px}
#history .history-summary-list li{margin:0 0 10px;padding-left:3px;line-height:1.55}
#history .history-summary-list li:last-child{margin-bottom:0}
#history .history-years{display:inline-block;margin-top:7px;padding:4px 9px;border:1px solid #cfd7dd;border-radius:8px;background:#f3f5f7;color:#3f4d59;font-size:14px;line-height:1.3;font-weight:800;letter-spacing:.015em}
#history .food-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
#history .history-group-years{font-size:13.5px;line-height:1.3;font-weight:800;letter-spacing:0;text-transform:none;color:#626c78}
#history .history-summary-years{display:inline-block;margin-left:3px;color:#8b354d;font-size:.92em;white-space:nowrap}
#history .history-summary-text{display:block;margin-top:3px}
#misc .food-group{margin:22px 0 28px}
#misc .food-group-title{margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #e3e6e9;font-size:14px;line-height:1.4;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8b354d}
#misc .food-item{margin:11px 0;background:#fff}
#misc .food-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;text-align:left;min-height:64px}
#misc .food-heading{display:block;min-width:0;flex:1}
#misc .food-icon{display:block;flex:0 0 28px;width:28px;font-size:24px;line-height:1.4;text-align:center;align-self:flex-start}
#misc .food-heading b{display:block;font-size:18px;line-height:1.35;font-weight:800;color:#102b50}
#misc .food-heading small{display:block;margin-top:5px;font-size:13.5px;font-weight:400;line-height:1.5;color:#626c78}
#misc .food-trigger>.ico{flex:0 0 24px;color:#8b354d}
#misc .food-item[open]>.food-trigger{background:#faf9fa}
#misc .food-body{padding:16px;border-top:1px solid #e3e6e9}
#misc .food-section+.food-section{margin-top:20px;padding-top:16px;border-top:1px solid #e6e8eb}
#misc .food-section h3{margin:0 0 8px;font-size:16px;line-height:1.4;color:#8b354d;font-weight:800}
#misc .food-body .text{padding:0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
#misc .food-body .text p{margin:0 0 10px}
#misc .food-body .text p:last-child{margin-bottom:0}
#misc .reference-sources{font-size:12px;color:#626c78}
@media(max-width:600px){#misc .food-trigger{padding:14px;gap:12px}#misc .food-heading b{font-size:17px}#misc .food-body{padding:14px}}
#shopping .shopping-list{margin:0;padding-left:20px}
#shopping .shopping-list li{margin:0 0 9px;padding-left:3px}
#shopping .shopping-list+ .shopping-list{margin-top:12px}
#shopping .shopping-link{margin-top:14px!important;font-size:13px}
#shopping .shopping-link a{color:#8b354d;text-decoration:underline}
#shopping .food-icon.has-brand-logo{display:flex;flex:0 0 48px;width:48px;height:38px;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#fff}
#shopping .shopping-brand-logo{display:block;max-width:46px;max-height:36px;width:auto;height:auto;object-fit:contain;filter:none!important;opacity:1!important}
#shopping .food-icon.shopping-brand-fallback{display:flex;flex:0 0 48px;width:48px;height:36px;align-items:center;justify-content:center;border-radius:7px;background:#102b50;color:#fff;font-size:10px;line-height:1;font-weight:900;letter-spacing:.02em}
/* v101: compact brand and clear, unboxed hamburger. */
.v56-logo-mark{
display:block!important;
width:78px!important;
height:42px!important;
flex:0 0 78px!important;
object-fit:contain;
background:transparent!important;
border:0!important;
border-radius:0!important;
}
.v101-brand-copy{
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.v101-brand-copy>b{font-size:40px!important;line-height:1.02;letter-spacing:.035em!important;font-weight:900!important;color:#8b354d!important}
.v101-brand-copy>small{margin-top:3px!important}
.page-notes-card>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer;color:#102b50}
.page-notes-card>summary::-webkit-details-marker{display:none}
.page-notes-card>summary>span:first-child{flex:0 0 28px;font-size:22px;text-align:center}
.page-notes-card>summary>span:nth-child(2){min-width:0;flex:1}
.page-notes-card>summary b{display:block;font-size:17px;line-height:1.3;font-weight:800}
.page-notes-card>summary small{display:block;margin-top:4px;color:#626c78;font-size:13px;line-height:1.4}
.page-notes-card>summary>.ico{flex:0 0 24px;color:#8b354d;font-size:0;text-align:center;transition:transform .2s ease}
.page-notes-card[open]>summary>.ico{transform:rotate(45deg)}
.page-notes-body{padding:14px 16px 16px;border-top:1px solid #e3e6e9}
.page-notes-body textarea{display:block;min-height:110px;margin:0;box-sizing:border-box;resize:vertical}
.main-menu-toggle{
width:38px!important;
height:38px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#102b50!important;
font-size:25px!important;
}
.main-menu-toggle:hover,
.main-menu-toggle:focus-visible{
background:rgba(16,43,80,.07)!important;
border-radius:8px!important;
}
@media(max-width:820px){
.v101-brand-copy>b{font-size:34px!important}
.v101-brand-copy>small{font-size:9px!important;line-height:1!important}
.main-menu-toggle{width:36px!important;height:36px!important;font-size:23px!important}
}
/* O nas: jasni, neposredno klikljivi kontakti na telefonu. */
#about .about-page{max-width:820px;margin:0 auto}
#about .about-card{padding:24px;overflow:hidden}
#about .about-identity{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 22px;border-bottom:1px solid #e3e6e9;text-align:center}
#about .about-logo{display:block;width:min(330px,78%);height:auto}
#about .about-contacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
#about .about-contact{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:15px;border:1px solid #e1e4e8;border-radius:13px;background:rgba(255,255,255,.94);color:#102b50;text-decoration:none}
#about a.about-contact:hover,#about a.about-contact:focus-visible{border-color:#b55b73;background:#fcf6f8;outline:none}
#about .about-contact>span{flex:0 0 28px;font-size:23px;line-height:1.2;text-align:center}
#about .about-contact div{min-width:0}
#about .about-contact b,#about .about-contact div>span,#about .about-contact small{display:block}
#about .about-contact b{margin-bottom:4px;color:#8b354d;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
#about .about-contact div>span{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
#about .about-contact small{margin-top:4px;color:#68717c;font-size:12px;line-height:1.4}
/* Kontaktni povezavi se najprej odpreta v mirnem polovičnem panelu. */
.about-sheet{
position:fixed;inset:auto 0 0 0;z-index:160;width:min(100%,760px);height:min(50vh,420px);
max-width:none;max-height:none;margin:0 auto;padding:18px 22px calc(24px + env(safe-area-inset-bottom));
border:0;border-radius:24px 24px 0 0;background:#fff;color:#102b50;
box-shadow:0 -14px 42px rgba(10,29,67,.2);text-align:center;
}
.about-sheet:not([open]){display:none}
.about-sheet[open]{display:flex;flex-direction:column;align-items:center}
.about-sheet::backdrop{background:rgba(8,24,49,.38);backdrop-filter:blur(2px)}
.about-sheet-handle{width:48px;height:5px;margin:0 auto 14px;border-radius:999px;background:#d8dde3}
.about-sheet-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f5f7;color:#102b50;font:500 28px/1 Arial,sans-serif;cursor:pointer}
.about-sheet-icon{margin-top:12px;font-size:34px;line-height:1}
.about-sheet h2{margin:12px 0 6px!important;color:#102b50!important;font-size:22px!important;line-height:1.2!important;text-transform:uppercase;font-weight:900!important}
.about-sheet-value{margin:0;color:#5d6877;font-size:16px;overflow-wrap:anywhere}
.about-sheet-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;width:min(100%,440px);margin-top:auto}
.about-sheet-actions>*{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border-radius:12px;font:800 14px/1.2 Inter,Segoe UI,Arial,sans-serif;text-decoration:none;cursor:pointer}
.about-sheet-copy{border:1px solid #cfd5dc;background:#fff;color:#102b50}
.about-sheet-open{border:1px solid #8b354d;background:#8b354d;color:#fff}
.about-sheet-status{min-height:18px;margin:9px 0 0;color:#68717c;font-size:12px}
@media(max-width:600px){
#about .about-card{padding:17px}
#about .about-logo{width:min(290px,84%)}
#about .about-contacts{grid-template-columns:1fr}
.about-sheet{height:48vh;padding-left:17px;padding-right:17px}
}
/* page-headings.css */
/* Chapter titles only; navigation labels keep their original case. */
.app-page > section.day > h2{
text-transform:uppercase!important;
font-weight:900!important;
color:#102b50!important;
}
.app-page > section.day > .topic-subtitle{
margin:-4px 3px 18px;
color:#626c78;
font-size:14px;
line-height:1.4;
font-weight:600;
}
/* ui-unification.css */
/* v143: enoten vizualni jezik ikon, menijev in besedila po celotni aplikaciji. */
:root{
--guide-blue:#102b50;
--guide-wine:#8b354d;
--guide-menu:#171b21;
--guide-muted:#626c78;
--guide-submenu:#3f4d5d;
--guide-line:#e3e6e9;
--guide-icon-bg:#f4f7fa;
--guide-icon-border:#e1e7ed;
}
/* Glavna navigacija: vse ikone imajo isti optični okvir in poravnavo. */
.v56-navitem{
min-height:100%!important;
gap:11px!important;
color:var(--guide-menu)!important;
align-items:center!important;
}
.v56-navitem .menu-icon{
display:inline-flex!important;
flex:0 0 34px!important;
width:34px!important;
height:34px!important;
margin:0!important;
align-items:center!important;
justify-content:center!important;
border:1px solid var(--guide-icon-border);
border-radius:9px;
background:var(--guide-icon-bg);
font-size:19px!important;
line-height:1!important;
font-weight:400!important;
}
.v56-navitem b{
color:inherit;
font-size:11.5px!important;
line-height:1.28!important;
font-weight:800!important;
}
.v56-navitem.active{
color:var(--guide-wine)!important;
box-shadow:inset 0 -3px 0 var(--guide-wine)!important;
}
.v56-navitem.active .menu-icon{
border-color:#dfc5ce;
background:#f8eef1;
}
.main-menu-option{
min-height:54px;
gap:12px!important;
color:var(--guide-menu)!important;
font-size:14px!important;
line-height:1.3!important;
font-weight:800!important;
}
.main-menu-option>span:first-child{
display:inline-flex;
flex:0 0 34px;
width:34px!important;
height:34px;
align-items:center;
justify-content:center;
border:1px solid var(--guide-icon-border);
border-radius:9px;
background:var(--guide-icon-bg);
font-size:19px!important;
line-height:1!important;
}
.main-menu-option.active{
color:var(--guide-wine)!important;
background:#faf6f7!important;
}
.main-menu-option.active>span:first-child{
border-color:#dfc5ce;
background:#f8eef1;
}
.main-menu-search{
color:var(--guide-wine)!important;
background:#faf6f7!important;
border-bottom-color:#e7d9de!important;
}
.main-menu-search>span:first-child{
border-color:#dfc5ce;
background:#f8eef1;
}
/* Naslovi strani in kratki uvodni opisi. */
.app-page>section.day>h2,
#program .program-panel>section.day>h2{
margin:10px 2px 12px!important;
color:var(--guide-blue)!important;
font-size:clamp(19px,2.2vw,22px)!important;
line-height:1.24!important;
letter-spacing:.005em!important;
font-weight:900!important;
text-transform:uppercase!important;
overflow-wrap:anywhere;
}
.app-page>section.day>.topic-subtitle{
margin:-3px 2px 17px!important;
color:var(--guide-muted)!important;
font-size:14px!important;
line-height:1.5!important;
font-weight:500!important;
}
/* Tematski zavihki na straneh Splošno, Zgodovina, Fuji, Hrana ... */
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-item{
border-color:#dde3e9;
border-radius:13px;
box-shadow:0 1px 3px rgba(16,43,80,.035);
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-trigger{
min-height:72px!important;
gap:14px!important;
padding:15px 16px!important;
align-items:center!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-icon:not(.has-brand-logo){
display:inline-flex!important;
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
align-self:center!important;
align-items:center!important;
justify-content:center!important;
border:1px solid var(--guide-icon-border);
border-radius:10px;
background:var(--guide-icon-bg);
font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
font-size:22px!important;
line-height:1!important;
text-align:center;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-heading b{
display:block;
color:var(--guide-blue)!important;
font-size:17.5px!important;
line-height:1.32!important;
font-weight:800!important;
overflow-wrap:anywhere;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-heading small{
display:block;
margin-top:4px!important;
color:var(--guide-muted)!important;
font-size:13.5px!important;
line-height:1.48!important;
font-weight:400!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-trigger>.ico{
flex:0 0 24px!important;
color:var(--guide-wine)!important;
font-size:0!important;
line-height:1!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body{
padding:16px!important;
border-top:1px solid var(--guide-line)!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-group-title{
color:var(--guide-wine)!important;
border-bottom:1px solid var(--guide-line)!important;
font-size:13.5px!important;
line-height:1.4!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3{
display:flex;
align-items:center;
gap:12px;
margin:0 0 9px!important;
color:var(--guide-wine)!important;
font-size:15.5px!important;
line-height:1.4!important;
font-weight:800!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3>.guide-section-heading-label,
.guide-reading-subheading>.guide-section-heading-label{
display:block;
min-width:0;
max-width:calc(100% - 56px);
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3::after{
content:"";
flex:1 0 44px;
min-width:44px;
height:1px;
background:#e8dfe2;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section+.food-section,
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body>:not(.food-section)+.food-section{
margin-top:24px!important;
padding-top:0!important;
border-top:0!important;
}
#general .food-section h3 .general-related-subtitle{
color:#687282!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3.guide-related-heading{
color:#687282!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body .text{
color:#17233a;
font-size:15px!important;
line-height:1.65!important;
}
/* Pravi logotipi trgovin ostanejo neraztegnjeni in optično enako veliki. */
#shopping .food-icon.has-brand-logo,
#shopping .food-icon.shopping-brand-fallback{
display:flex!important;
flex:0 0 48px!important;
width:48px!important;
height:40px!important;
align-self:center!important;
align-items:center!important;
justify-content:center!important;
border:1px solid var(--guide-icon-border);
border-radius:10px!important;
overflow:hidden;
}
#shopping .food-icon.has-brand-logo{background:#fff!important;color:initial!important;filter:none!important;opacity:1!important}
#shopping .shopping-brand-logo{max-width:44px!important;max-height:34px!important}
/* Kartice krajev in podrobnosti v programu. */
.app-page .placehead{
padding:15px 15px 9px!important;
}
.app-page .placehead>b{
display:block;
color:var(--guide-blue)!important;
font-size:18px!important;
line-height:1.32!important;
font-weight:850!important;
}
.app-page .placehead>small{
margin-top:5px!important;
color:var(--guide-muted)!important;
font-size:13.5px!important;
line-height:1.5!important;
}
.app-page .summarybox{
border-left-color:var(--guide-wine)!important;
background:#f7f2f4!important;
color:#273249;
font-size:14.5px!important;
line-height:1.62!important;
}
.app-page .summarybox>strong{
color:var(--guide-wine)!important;
font-size:11px!important;
line-height:1.35!important;
font-weight:900!important;
}
.app-page .more>summary{
min-height:46px;
color:var(--guide-blue)!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:800!important;
}
.app-page .chapter>summary{
min-height:44px;
padding:10px 12px!important;
color:var(--guide-wine)!important;
font-size:14.5px!important;
line-height:1.4!important;
font-weight:800!important;
}
.app-page .chapter-icon{
flex:0 0 28px;
width:28px!important;
height:28px!important;
margin-right:8px!important;
border:1px solid #eadde2;
border-radius:8px!important;
background:#faf3f5!important;
font-size:15px!important;
}
.app-page .chapter .text{
color:#17233a;
font-size:15px!important;
line-height:1.65!important;
}
/* Moje opombe uporabljajo isti sistem kot drugi zavihki. */
.page-notes-card>summary{
min-height:72px;
gap:14px!important;
padding:15px 16px!important;
}
.page-notes-card>summary>span:first-child{
display:inline-flex!important;
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
align-items:center;
justify-content:center;
border:1px solid var(--guide-icon-border);
border-radius:10px;
background:var(--guide-icon-bg);
font-size:22px!important;
line-height:1!important;
}
.page-notes-card>summary b{
color:var(--guide-blue)!important;
font-size:17.5px!important;
line-height:1.32!important;
}
.page-notes-card>summary small{
color:var(--guide-muted)!important;
font-size:13.5px!important;
line-height:1.48!important;
}
/* Program po dnevih: posamezna točka je enak glavni zavihek kot na tematskih straneh. */
#program .program-place-item.placecard,
#program .feesbox{
margin:11px 0!important;
border:1px solid #dde3e9!important;
border-radius:13px!important;
background:#fff!important;
box-shadow:0 1px 3px rgba(16,43,80,.035)!important;
overflow:hidden!important;
}
#program .program-place-trigger,
#program .program-fees-trigger{
display:flex!important;
min-height:72px!important;
gap:14px!important;
padding:15px 16px!important;
align-items:center!important;
justify-content:space-between!important;
color:var(--guide-blue)!important;
text-align:left!important;
}
#program .program-place-trigger .food-icon,
#program .program-fees-trigger .food-icon{
display:inline-flex!important;
flex:0 0 40px!important;
width:40px!important;
height:40px!important;
align-items:center!important;
justify-content:center!important;
border:1px solid var(--guide-icon-border);
border-radius:10px;
background:var(--guide-icon-bg);
font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
font-size:22px!important;
line-height:1!important;
}
#program .program-place-trigger .food-heading,
#program .program-fees-trigger .food-heading{
display:block;
min-width:0;
flex:1;
}
#program .program-place-trigger .food-heading b,
#program .program-fees-trigger .food-heading b{
display:block;
color:var(--guide-blue)!important;
font-size:17.5px!important;
line-height:1.32!important;
font-weight:800!important;
overflow-wrap:anywhere;
}
#program .program-place-trigger .food-heading small,
#program .program-fees-trigger .food-heading small{
display:block;
margin-top:4px;
color:var(--guide-muted)!important;
font-size:13.5px!important;
line-height:1.48!important;
font-weight:400!important;
}
#program .program-place-trigger>.ico,
#program .program-fees-trigger>.ico{
flex:0 0 24px!important;
color:var(--guide-wine)!important;
font-size:0!important;
line-height:1!important;
}
#program .program-place-item[open]>.program-place-trigger,
#program .feesbox[open]>.program-fees-trigger{
background:#faf9fa!important;
}
/* Odprt zavihek vedno pokaže samo minus, zaprt pa samo plus. */
details[open]>summary>.ico{
font-size:0!important;
}
details[open]>summary>.ico::after{
font-size:20px!important;
line-height:1!important;
}
#program .program-place-body{
padding:16px!important;
border-top:1px solid var(--guide-line)!important;
background:#fff!important;
}
#program .program-map-actions{
display:grid;
gap:9px;
margin:0 0 14px;
padding:0 0 14px;
border-bottom:1px solid var(--guide-line);
}
#program .program-map-link{
display:flex;
width:100%;
min-height:48px;
box-sizing:border-box;
align-items:center;
justify-content:center;
gap:8px;
padding:11px 14px;
border:1px solid #cbd4dc;
border-radius:11px;
background:#f3f5f6;
color:var(--guide-blue)!important;
font-size:15px;
line-height:1.35;
font-weight:800;
text-align:center;
text-decoration:none!important;
box-shadow:0 1px 2px rgba(16,43,80,.04);
}
#program .program-map-link:active{
background:#e9eef1;
transform:translateY(1px);
}
#program .program-map-link:focus-visible{
outline:3px solid rgba(160,47,78,.25);
outline-offset:2px;
}
#program .program-map-pin{
flex:0 0 auto;
font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
font-size:19px;
line-height:1;
}
#program .program-map-note{
display:block;
color:var(--guide-muted);
font-size:12.5px;
line-height:1.45;
text-align:center;
}
#program .program-place-body>.program-inner-menu{
margin:0!important;
border:0!important;
border-top:1px solid var(--guide-line)!important;
border-radius:0!important;
background:#f5f7f8!important;
box-shadow:none!important;
}
#program .program-place-body>.program-inner-menu:first-child{
border-top:0!important;
}
#program .program-place-body>.program-inner-menu>summary{
min-height:44px;
padding:10px 11px!important;
color:var(--guide-submenu)!important;
background:#f5f7f8!important;
font-size:15px!important;
line-height:1.4!important;
font-weight:800!important;
}
#program .program-place-body>.program-inner-menu>summary>.ico{
flex:0 0 20px!important;
margin-left:auto!important;
color:var(--guide-submenu)!important;
/* Besedilni znak v HTML skrijemo; enotni +/− izriše skupno pravilo ::after. */
font-size:0!important;
text-align:right!important;
}
#program .program-place-body>.program-inner-menu>summary>.chapter-icon{
display:none!important;
}
#program .program-place-body>.program-inner-menu>.text{
padding:13px 11px 15px!important;
background:#fff!important;
color:#17233a!important;
font-size:15px!important;
line-height:1.65!important;
}
#program .program-place-body>.program-extra-chapter{
margin-top:10px!important;
border-top-color:#bfc8d0!important;
}
#program .program-day-notes{
margin-top:26px!important;
}
#program .program-day-notes-body{
padding:0 16px 16px!important;
border-top:1px solid var(--guide-line)!important;
}
#program .program-day-notes-body textarea{
min-height:110px;
margin-top:16px;
}
#program .program-summary-content>div{
line-height:inherit;
}
#program .program-place-body>.more{
margin:0!important;
border:1px solid var(--guide-line)!important;
border-radius:11px!important;
overflow:hidden;
background:#fff!important;
}
#program .program-place-body>.fieldtools{
margin:20px 0 4px!important;
padding:0 13px 4px!important;
border:1px solid #d5dce2!important;
border-radius:9px!important;
overflow:hidden;
background:#f5f7f8!important;
box-shadow:none!important;
}
#program .fieldtitle{
padding:11px 2px 10px!important;
border-bottom:1px solid var(--guide-line);
background:transparent!important;
}
#program .fieldtitle strong{
color:var(--guide-submenu)!important;
font-size:12.5px!important;
line-height:1.35!important;
}
#program .fieldtitle span{
color:var(--guide-muted)!important;
}
#program .fieldchapter>summary{
min-height:46px;
padding:11px 2px!important;
color:var(--guide-submenu)!important;
background:transparent!important;
font-size:15px!important;
line-height:1.4!important;
font-weight:800!important;
}
#program .fieldchapter{
border-top:1px solid var(--guide-line)!important;
}
#program .fieldbody{
padding:0 2px 14px!important;
color:#17233a!important;
font-size:14.5px!important;
line-height:1.6!important;
}
#program .feesinside{
padding:0 16px 16px!important;
border-top:1px solid var(--guide-line)!important;
background:#fff;
}
/* Tudi pregled dneva uporablja isto umirjeno barvno hierarhijo. */
#program .program-panel>section.day>h2{
color:var(--guide-blue)!important;
}
#program .day-steps-title,
#program .next-title,
#program .orientation-map-title{
color:var(--guide-wine)!important;
}
#program .day-step-body>b{
font-size:14.5px!important;
line-height:1.38!important;
}
#program .day-step-body>span{
font-size:12.2px!important;
line-height:1.52!important;
}
#program .side-day.active{
border-color:#d8e0e7!important;
border-left-color:#102b50!important;
background:#f2f5f8!important;
}
#program .day-steps-card,
#program .orientation-map-card,
#program .v55-cost-strip,
#program .next-card{
border-color:#dde3e9!important;
border-radius:13px!important;
box-shadow:0 1px 3px rgba(16,43,80,.035)!important;
}
@media(max-width:600px){
#program .program-place-trigger,
#program .program-fees-trigger{padding:14px!important;gap:12px!important}
#program .program-place-trigger .food-heading b,
#program .program-fees-trigger .food-heading b{font-size:17px!important}
#program .program-place-body{padding:14px!important}
}
@media(max-width:820px){
.v56-navitem{min-width:108px!important;padding:7px 9px!important}
.v56-navitem .menu-icon{flex-basis:30px!important;width:30px!important;height:30px!important;font-size:17px!important}
.v56-navitem b{font-size:10px!important}
}
/* Dolgi vodniški odstavki dobijo miren, rdeč orientacijski podnaslov. */
.guide-reading-subheading{
display:flex;
align-items:center;
gap:12px;
margin:18px 0 7px!important;
color:#687282!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:850!important;
letter-spacing:.01em;
}
.guide-reading-subheading::after{
content:"";
flex:1 0 44px;
min-width:44px;
height:1px;
background:#e8dfe2;
}
.guide-reading-subheading:first-child{
margin-top:2px!important;
}
@media(max-width:600px){
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-trigger,
.page-notes-card>summary{padding:14px!important;gap:12px!important}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-heading b,
.page-notes-card>summary b{font-size:17px!important}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body{padding:14px!important}
.app-page .placehead>b{font-size:17px!important}
.guide-reading-subheading{
margin-top:17px!important;
font-size:14.5px!important;
}
}
/* 12. dan nima več prevelikega praznega okvirja z napisom Osaka. */
.day-hero.v148-steps-only{
grid-template-columns:minmax(0,1fr)!important;
}
.day-hero.v148-steps-only>.day-steps-card{
width:100%!important;
}
/* Hoteli so skupaj pod 1. dnevom in znova dostopni pri vsakem dnevu nočitve. */
.program-hotels-overview{
margin:18px 0 24px!important;
padding:16px!important;
border:1px solid #d4dde5!important;
border-radius:18px!important;
background:#fff!important;
}
.program-hotels-overview>h3{
margin:0 0 12px!important;
color:#9b304f!important;
font-size:17px!important;
font-weight:900!important;
letter-spacing:.04em;
text-transform:uppercase;
}
.program-hotels-list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.program-hotel-card{
display:grid!important;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:12px;
margin:0 0 18px!important;
padding:14px 16px!important;
border:1px solid #d4dde5!important;
border-radius:16px!important;
background:#f7fafc!important;
color:#0c2d5a!important;
text-decoration:none!important;
box-shadow:0 2px 8px rgba(7,26,74,.05)!important;
}
.program-hotels-list .program-hotel-card{
grid-template-columns:auto minmax(0,1fr);
height:100%;
margin:0!important;
}
.program-hotels-list .program-hotel-card>strong{
grid-column:2;
justify-self:start;
}
.program-hotel-daily{margin:18px 0 22px!important}
.program-hotel-icon{font-size:30px;line-height:1}
.program-hotel-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.program-hotel-copy small{color:#9b304f;font-size:11px;font-weight:900;letter-spacing:.08em}
.program-hotel-copy b{font-size:17px;line-height:1.25}
.program-hotel-copy span{color:#5e6c7e;font-size:13px;line-height:1.35}
.program-hotel-card>strong{color:#9b304f;font-size:13px;white-space:nowrap}
@media(max-width:600px){
.program-hotels-overview{padding:13px!important}
.program-hotels-list{grid-template-columns:1fr}
.program-hotel-card{grid-template-columns:auto minmax(0,1fr);padding:13px!important}
.program-hotel-card>strong{grid-column:2;justify-self:start}
.program-hotel-copy b{font-size:16px}
}
/* weather.css */
/* Vreme je del posameznega dneva, zato ločen meni ni prikazan niti med nalaganjem. */
#program .day-weather-card{
display:block;margin:16px 0;border:1px solid #dbe2e8;border-radius:15px;
background:#fff;box-shadow:0 3px 10px rgba(16,43,80,.04);overflow:hidden;
}
#program .day-weather-trigger{
display:flex;align-items:center;gap:11px;min-height:64px;padding:12px 14px;
background:#f5f7f8;color:#26384f;cursor:pointer;list-style:none;
}
#program .day-weather-trigger::-webkit-details-marker{display:none}
#program .day-weather-icon{flex:0 0 auto;font-size:25px;line-height:1}
#program .day-weather-heading{display:flex;min-width:0;flex:1;flex-direction:column}
#program .day-weather-heading b{color:#102b50;font-size:18px;line-height:1.25}
#program .day-weather-heading small{margin-top:3px;color:#66717e;font-size:12px;line-height:1.35}
#program .day-weather-summary-temp{flex:0 0 auto;color:#102b50;font-size:21px;line-height:1;font-weight:900}
#program .day-weather-trigger>.ico{flex:0 0 auto;margin-left:1px;color:#9e2148;font-size:0;font-weight:900;line-height:1}
#program .day-weather-card[open] .day-weather-trigger>.ico{transform:rotate(45deg)}
#program .day-weather-body{padding:13px 14px 15px;border-top:1px solid #e1e5e9;background:#fff}
.weather-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.weather-toolbar>small{color:#66717e;font-size:11.5px;line-height:1.4}
.weather-toolbar button{
flex:0 0 auto;min-height:34px;padding:7px 10px;border:1px solid #dcc7cf;border-radius:9px;
background:#fff;color:#8b354d;font:800 12.5px/1 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;
}
.weather-toolbar button:disabled{opacity:.55;cursor:wait}
.weather-route-list{display:grid;gap:11px}
.weather-place{padding:12px;border:1px solid #e1e5e9;border-radius:12px;background:#fafbfc}
.weather-place-head{display:flex;align-items:center;gap:9px}
.weather-place-icon{flex:0 0 auto;font-size:23px;line-height:1}
.weather-place-head>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}
.weather-place-head b{color:#102b50;font-size:15px;line-height:1.25}
.weather-place-head small{margin-top:2px;color:#66717e;font-size:11.5px;line-height:1.35}
.weather-temp{flex:0 0 auto;color:#102b50;font-size:21px;line-height:1;font-weight:900}
.weather-result{padding-top:11px}
.weather-now{display:grid;grid-template-columns:minmax(115px,.7fr) minmax(0,1.3fr);gap:12px;padding-bottom:12px;border-bottom:1px solid #e3e6e9}
.weather-now>div:first-child{display:flex;flex-direction:column;justify-content:center}
.weather-now>div:first-child small{color:#626c78;font-size:11px;font-weight:800;text-transform:uppercase}
.weather-now>div:first-child strong{margin-top:3px;color:#102b50;font-size:20px;line-height:1.25}
.weather-now>div:first-child span{margin-top:2px;color:#526071;font-size:12px}
.weather-now dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.weather-now dl div{padding:7px 8px;border-radius:8px;background:#f1f4f6}
.weather-now dt{color:#6a7480;font-size:10.5px;font-weight:700}
.weather-now dd{margin:2px 0 0;color:#17233a;font-size:13px;font-weight:850}
.weather-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:12px}
.weather-day{display:flex;min-width:0;flex-direction:column;align-items:center;padding:8px 4px;border:1px solid #e3e6e9;border-radius:9px;background:#fff;text-align:center}
.weather-day>b{color:#465365;font-size:10.5px;line-height:1.3;text-transform:capitalize}
.weather-day-icon{margin:5px 0 3px;font-size:19px;line-height:1}
.weather-day>span:not(.weather-day-icon){color:#526071;font-size:11px;white-space:nowrap}
.weather-day>span strong{color:#102b50;font-size:13px}
.weather-day small{margin-top:3px;color:#6a7480;font-size:9.5px}
.weather-loading,.weather-error{padding:8px 1px;color:#626c78;font-size:13px;line-height:1.5}
.weather-attribution{margin:11px 1px 0;color:#6a7480;font-size:10.5px;line-height:1.45}
.weather-attribution a{color:#526071;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){
#program .day-weather-card{margin:13px 0}
#program .day-weather-trigger{min-height:60px;padding:11px 12px}
#program .day-weather-heading b{font-size:17px}
#program .day-weather-summary-temp{font-size:20px}
#program .day-weather-body{padding:12px}
.weather-toolbar button span{display:none}
.weather-toolbar button{width:36px;padding:7px;font-size:17px}
.weather-now{grid-template-columns:1fr;gap:10px}
.weather-days{gap:4px}
.weather-day{padding:7px 2px}
.weather-day>b{font-size:9.5px}
.weather-day>span:not(.weather-day-icon){font-size:10px}
}
/* landmark-camera.css */
.landmark-page{
max-width:900px;
margin:0 auto;
}
.landmark-privacy{
display:flex;
gap:12px;
align-items:flex-start;
margin:18px 0;
padding:15px 16px;
border:1px solid #d7e1e8;
border-left:4px solid #496879;
border-radius:14px;
background:#f4f7f8;
color:#263b48;
}
.landmark-privacy>span{font-size:24px;line-height:1}
.landmark-privacy b{display:block;color:#102b50;font-size:16px;margin-bottom:4px}
.landmark-privacy p{margin:0;font-size:14px;line-height:1.55}
.landmark-camera-card{
padding:16px;
border:1px solid #d9e2e8;
border-radius:18px;
background:#fff;
box-shadow:0 6px 20px rgba(16,43,80,.08);
}
.landmark-viewfinder{
position:relative;
width:100%;
aspect-ratio:4/3;
overflow:hidden;
border-radius:14px;
background:linear-gradient(145deg,#13283c,#253f51);
}
.landmark-viewfinder video{
display:none;
width:100%;
height:100%;
object-fit:cover;
}
.landmark-viewfinder.is-active video{display:block}
.landmark-camera-placeholder{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:28px;
text-align:center;
color:#fff;
}
.landmark-viewfinder.is-active .landmark-camera-placeholder{display:none}
.landmark-camera-placeholder>span{font-size:46px}
.landmark-camera-placeholder b{font-size:18px}
.landmark-camera-placeholder small{max-width:330px;color:#d9e5ec;line-height:1.45}
.landmark-frame{
position:absolute;
inset:12%;
border:2px solid rgba(255,255,255,.78);
border-radius:16px;
pointer-events:none;
opacity:0;
}
.landmark-viewfinder.is-active .landmark-frame{opacity:1}
.landmark-viewfinder.is-captured:after{
content:"";
position:absolute;
inset:0;
background:rgba(255,255,255,.72);
pointer-events:none;
animation:landmark-flash .18s ease-out forwards;
}
@keyframes landmark-flash{from{opacity:1}to{opacity:0}}
.landmark-frame:before,.landmark-frame:after{
content:"";
position:absolute;
left:50%;top:50%;
background:rgba(255,255,255,.72);
transform:translate(-50%,-50%);
}
.landmark-frame:before{width:22px;height:2px}
.landmark-frame:after{width:2px;height:22px}
.landmark-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:14px;
}
.landmark-actions button{
min-height:48px;
border-radius:12px;
padding:10px 14px;
font:700 14px/1.3 Inter,Segoe UI,Arial,sans-serif;
cursor:pointer;
}
.landmark-actions button:disabled{opacity:.48;cursor:not-allowed}
.landmark-primary{
border:1px solid #102b50;
background:#102b50;
color:#fff;
}
.landmark-primary:not(:disabled):active{background:#1e416e}
.landmark-secondary{
border:1px solid #b9c7d0;
background:#f7f9fa;
color:#263b48;
}
.landmark-status{
margin:12px 2px 0;
color:#637281;
font-size:13px;
line-height:1.45;
}
.landmark-results{margin-top:18px}
.landmark-result-card{
overflow:hidden;
border:1px solid #d6e0e6;
border-radius:18px;
background:#fff;
box-shadow:0 6px 20px rgba(16,43,80,.07);
}
.landmark-result-head{
padding:17px 18px;
background:#f7f1f3;
border-bottom:1px solid #eadce1;
}
.landmark-result-kicker{
display:block;
margin-bottom:5px;
color:#8b354d;
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
}
.landmark-result-head h3{margin:0;color:#102b50;font-size:24px;line-height:1.2}
.landmark-result-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.landmark-result-meta span{
padding:5px 9px;
border-radius:7px;
background:#fff;
border:1px solid #e1d3d8;
color:#566371;
font-size:12px;
font-weight:700;
}
.landmark-result-body{padding:18px}
.landmark-result-body p{margin:0;color:#26364b;font-size:16px;line-height:1.65}
.landmark-result-fact{
margin-top:14px!important;
padding:12px 14px;
border-left:3px solid #8b354d;
background:#faf7f8;
}
.landmark-nearby{margin-top:14px;padding:15px;border:1px solid #e0e6ea;border-radius:14px;background:#fafcfd}
.landmark-nearby b{display:block;color:#102b50;margin-bottom:8px}
.landmark-nearby ul{margin:0;padding-left:20px;color:#526171;line-height:1.7}
.landmark-empty{
padding:18px;
border:1px solid #e0d5d8;
border-radius:16px;
background:#fbf7f8;
color:#4d5966;
line-height:1.6;
}
.landmark-help,.landmark-notes{margin-top:14px!important}
.landmark-help summary,.landmark-notes summary{display:flex;align-items:center;justify-content:space-between;gap:12px}
.landmark-help summary>span:first-child,.landmark-notes summary>span:first-child{display:flex;flex-direction:column;gap:3px}
.landmark-help summary small,.landmark-notes summary small{font-weight:400;color:#6b7884}
.landmark-notes textarea{width:100%;min-height:130px}
@media(max-width:620px){
#camera{padding-left:12px!important;padding-right:12px!important}
.landmark-camera-card{padding:11px}
.landmark-actions{grid-template-columns:1fr}
.landmark-actions button{width:100%}
.landmark-result-head h3{font-size:21px}
.landmark-result-body p{font-size:15px}
.landmark-privacy{padding:13px}
}
/* v147: spletno prepoznavanje brez GPS */
.landmark-online{
display:flex;
gap:13px;
align-items:flex-start;
margin:18px 0;
padding:16px 17px;
border:2px solid #d29aac;
border-radius:16px;
background:#fff5f7;
color:#4c2934;
}
.landmark-online>span{font-size:27px;line-height:1}
.landmark-online b{display:block;margin-bottom:4px;color:#8b354d;font-size:18px}
.landmark-online p{margin:0;font-size:14px;line-height:1.55}
.landmark-lens-card{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:330px;
padding:30px 24px;
border:3px solid #102b50;
border-radius:24px;
background:linear-gradient(145deg,#f8fbfd,#eef3f6);
box-shadow:0 10px 28px rgba(16,43,80,.12);
text-align:center;
}
.landmark-lens-visual{
display:grid;
place-items:center;
width:104px;
height:104px;
margin-bottom:18px;
border:0;
border-radius:50%;
background:#e8eef2;
font-size:58px;
box-shadow:inset 0 0 0 1px #d4dde3,0 6px 18px rgba(16,43,80,.1);
}
.landmark-lens-copy{max-width:600px}
.landmark-lens-copy h3{margin:0 0 9px;color:#102b50;font-size:27px;line-height:1.2}
.landmark-lens-copy p{margin:0;color:#526171;font-size:16px;line-height:1.6}
.landmark-lens-actions{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:11px;
width:100%;
margin-top:22px;
}
.landmark-lens-actions a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:12px 19px;
border-radius:14px;
font:800 15px/1.25 Inter,Segoe UI,Arial,sans-serif;
text-decoration:none;
}
.landmark-lens-primary{border:2px solid #102b50;background:#102b50;color:#fff}
.landmark-lens-secondary{border:2px solid #b9c7d0;background:#fff;color:#263b48}
.landmark-google-flow{
position:relative;
width:100%;
height:68px;
margin:0 auto -3px;
}
.landmark-google-flow::before{
content:"";
position:absolute;
left:50%;
top:5px;
width:3px;
height:37px;
transform:translateX(-50%);
border-radius:999px;
background:#c4cdd4;
}
.landmark-google-flow::after{
content:"↓";
position:absolute;
left:50%;
bottom:-2px;
transform:translateX(-50%);
color:#d9203f;
font:900 44px/1 Inter,Segoe UI,Arial,sans-serif;
text-shadow:0 2px 0 #fff;
}
.landmark-google-guide{
width:min(100%,520px);
margin:0 auto 18px;
padding:10px;
border:1px solid #d8e1e7;
border-radius:18px;
background:#fff;
box-shadow:0 6px 18px rgba(16,43,80,.08);
}
.landmark-google-shot{
position:relative;
width:100%;
aspect-ratio:945/720;
overflow:hidden;
border-radius:12px;
background:#f3f5f7;
}
.landmark-google-shot img{
position:absolute;
left:0;
top:-42%;
display:block;
width:100%;
height:auto;
}
/* Slikovni vodiči v zavihkih Hrana in Shopping */
.infographic-card .food-body{padding:16px}
.infographic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.infographic-item{margin:0;min-width:0;border:1px solid #e4ded1;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(16,43,80,.06)}
.infographic-open{display:block;width:100%;padding:0;border:0;background:#f8f3e8;line-height:0;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.infographic-item img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top center}
.money-guide{margin:0 0 18px;overflow:hidden;border:1px solid #e4ded1;border-radius:14px;background:#fff}.money-guide img{display:block;width:100%;height:auto}
.infographic-open:focus-visible{outline:3px solid #9b2f52;outline-offset:-3px}
.infographic-lightbox[hidden]{display:none!important}
.infographic-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(4,13,27,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.infographic-lightbox-dialog{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(94vw,1122px);max-height:94dvh}
.infographic-lightbox-image{display:block;max-width:100%;max-height:86dvh;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#f8f3e8;box-shadow:0 18px 60px rgba(0,0,0,.48);touch-action:pinch-zoom;animation:infographic-zoom-in .2s ease-out}
.infographic-lightbox-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.44);border-radius:50%;background:rgba(16,43,80,.9);color:#fff;font:500 30px/40px Arial,sans-serif;text-align:center;cursor:pointer}
.infographic-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.infographic-lightbox-open{overflow:hidden;touch-action:none}
@keyframes infographic-zoom-in{from{opacity:.15;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:620px){
.infographic-card .food-body{padding:12px}
.infographic-grid{grid-template-columns:1fr;gap:14px}
.infographic-item img{aspect-ratio:auto;object-fit:contain}
.infographic-lightbox{padding:64px 8px 18px}
.infographic-lightbox-image{max-height:82dvh;border-radius:6px}
}
/* Podnaslovi ostanejo čisti, brez podvojenih sivih okrasnih črt. */
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3::after,
.guide-reading-subheading::after{content:none!important;display:none!important}
/* Vstopnine so namenoma drugačne od kartic z opisi znamenitosti. */
#program .feesbox{
border:1px solid #d2aa54!important;
border-left:5px solid #b78724!important;
background:#fffaf0!important;
box-shadow:0 4px 14px rgba(130,91,16,.08)!important;
}
#program .feesbox>.program-fees-trigger{
background:#fff3cf!important;
color:#6d4c08!important;
}
#program .feesbox[open]>.program-fees-trigger{background:#ffedb8!important}
#program .program-fees-trigger .food-icon{
border-color:#dfbf75!important;
background:#fff8e2!important;
}
#program .program-fees-trigger .food-heading b{color:#6d4c08!important}
#program .program-fees-trigger .food-heading small{color:#786747!important}
#program .feesbox>.feesinside{
padding:4px 16px 15px!important;
border-top:1px solid #e2c985!important;
background:#fffdf7!important;
}
#program .feesbox .feeitem{border-top-color:#ead9ae!important}
#program .feesbox .feetop span{color:#7c5810!important}
.landmark-google-ring{
position:absolute;
left:82.5%;
top:43.5%;
width:13%;
aspect-ratio:1;
transform:translate(-50%,-50%);
border:4px solid #d9203f;
border-radius:50%;
box-shadow:0 0 0 4px rgba(255,255,255,.9),0 3px 10px rgba(89,10,28,.28);
}
.landmark-google-arrow{
position:absolute;
left:66%;
top:43.5%;
transform:translate(-50%,-50%);
color:#d9203f;
font:900 clamp(30px,8vw,44px)/1 Inter,Segoe UI,Arial,sans-serif;
filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 0 4px #fff);
}
.landmark-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.landmark-steps>div{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #d8e1e7;border-radius:14px;background:#fff}
.landmark-steps span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#8b354d;color:#fff;font-weight:900}
.landmark-steps p{margin:0;color:#334556;font-size:14px;line-height:1.4}
@media(max-width:620px){
.landmark-online{padding:14px}
.landmark-lens-card{min-height:360px;padding:28px 16px;border-width:3px;border-radius:22px}
.landmark-lens-visual{width:112px;height:112px;font-size:62px}
.landmark-lens-copy h3{font-size:24px}
.landmark-lens-actions{flex-direction:column}
.landmark-lens-actions a{width:100%;min-height:58px}
.landmark-steps{grid-template-columns:1fr}
}
/* guide-search.css */
/* Explicit styling for the vendored Dialog/Command island in the standalone guide. */
#guide-search-mount{display:flex;flex:0 0 auto}
#guide-search-mount .guide-search-trigger{color:#08214f!important;background:#fff!important}
body.guide-search-open{overflow:hidden}
[data-slot="dialog-overlay"][hidden],.guide-search-dialog[hidden]{display:none!important}
body:has(.guide-search-dialog) [data-slot="dialog-overlay"]{position:fixed;inset:0;z-index:200;background:rgba(10,26,43,.48)}
.guide-search-dialog{position:fixed;left:50%;top:8vh;top:8dvh;transform:translateX(-50%);z-index:201;width:calc(100% - 24px);max-width:620px;max-height:84vh;max-height:84dvh;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #e3e6e9;border-radius:18px;padding:18px;background:#fff;color:#102b50;font-family:inherit;box-shadow:0 18px 60px #102b5040;outline:none}
.guide-search-dialog *{box-sizing:border-box}
.guide-search-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.guide-search-header [data-slot="dialog-title"]{font-size:20px;line-height:1.3;margin:0;font-weight:800;color:#102b50;text-transform:none}
.guide-search-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #e3e6e9;border-radius:50%;background:#fff;font-family:inherit;font-size:26px;line-height:1;color:#626c78;cursor:pointer}
.guide-search-description{font-size:14px;line-height:1.5;color:#626c78;margin:6px 0 15px}
.guide-search-dialog [data-slot="command"]{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.guide-search-dialog [data-slot="command-input-wrapper"]{display:flex;flex-shrink:0;align-items:center;gap:10px;border:1px solid #c8cfd6;border-radius:10px;padding:0 12px;background:#fff}
.guide-search-dialog [data-slot="command-input-wrapper"]:focus-within{border-color:#173f70;outline:2px solid rgba(23,63,112,.14)}
.guide-search-dialog [data-slot="command-input-wrapper"]>svg{width:19px;height:19px;flex-shrink:0;color:#173f70}
.guide-search-dialog [data-slot="command-input"]{width:100%;min-width:0;min-height:46px;border:0;background:transparent;font-family:inherit;font-size:16px;line-height:1.5;color:#102b50;outline:none;padding:10px 0}
.guide-search-dialog [data-slot="command-list"]{overflow:auto;overscroll-behavior:contain;min-height:0;max-height:55vh;max-height:55dvh;margin-top:10px;padding:2px}
.guide-search-dialog [data-slot="command-item"]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:9px;border-bottom:1px solid #eceef0;outline:none;cursor:pointer}
.guide-search-dialog button[data-slot="command-item"]{width:100%;border-top:0;border-left:0;border-right:0;background:#fff;color:inherit;text-align:left;font:inherit}
.guide-search-dialog [data-slot="command-item"][data-selected="true"]{background:#edf3f8;box-shadow:inset 3px 0 #173f70}
.guide-search-result{display:block;min-width:0;overflow-wrap:anywhere}
.guide-search-result b{display:block;font-size:16px;line-height:1.45;font-weight:750}
.guide-search-result small{display:block;font-size:12px;line-height:1.5;color:#626c78;margin-bottom:2px}
.guide-search-go{flex-shrink:0;color:#173f70}
.guide-search-dialog [data-slot="command-empty"],.guide-search-help{padding:18px 10px;font-size:14px;line-height:1.6;color:#626c78;margin:0}
.guide-search-hit{outline:3px solid rgba(23,63,112,.34)!important;outline-offset:4px}
.offline-notice{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:220;display:none;max-width:620px;margin:auto;padding:10px 14px;border:1px solid #dcc7ce;border-radius:12px;background:#fff8fa;color:#6f273c;box-shadow:0 8px 24px #102b5022;font:700 13px/1.4 Arial,Helvetica,sans-serif;text-align:center}
.offline-notice.is-visible{display:block}
@media(max-width:820px){.guide-search-dialog{top:18px;max-height:calc(100dvh - 36px);padding:14px}.guide-search-dialog [data-slot="command-list"]{max-height:calc(100dvh - 230px)}}
/* v161: spodnja mobilna navigacija in velik meni na črticah. */
.top-search-toggle,.mobile-bottom-nav,.main-menu-backdrop{display:none}
.main-menu-drawer-head{display:none}
.main-menu-section{
padding:11px 13px 6px;color:#a77c28;font:900 11px/1.2 Inter,Segoe UI,Arial,sans-serif;
letter-spacing:.09em;text-transform:uppercase
}
@media(max-width:820px){
html{scroll-padding-top:72px}
body{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
body.main-menu-open{overflow:hidden!important}
.v56-topbar{
position:sticky!important;top:0!important;z-index:150!important;height:68px!important;
display:block!important;border:0!important;background:#102b50!important;
box-shadow:0 3px 14px rgba(8,28,63,.18)
}
.v56-logo{
height:68px!important;padding:10px 112px 10px 14px!important;gap:9px!important;
border:0!important;background:#102b50!important
}
.v56-logo-mark{width:66px!important;height:36px!important;flex:0 0 66px!important}
.v101-brand-copy>b,.v56-logo b{color:#fff!important;font-size:25px!important;line-height:1!important;letter-spacing:.045em!important}
.v56-nav{display:none!important}
.top-search-toggle{
position:absolute;z-index:152;top:14px;right:58px;display:grid;width:40px;height:40px;
place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;
font:900 29px/1 Arial,sans-serif;cursor:pointer
}
.top-search-toggle span{display:block;transform:translateY(-1px)}
.top-search-toggle:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:1px}
.main-menu-wrap{position:absolute!important;z-index:180!important;top:14px!important;right:10px!important}
.main-menu-toggle{
display:grid!important;width:40px!important;height:40px!important;place-items:center!important;
border-radius:50%!important;background:rgba(255,255,255,.12)!important;color:#fff!important;
font-size:24px!important
}
.main-menu-backdrop{
position:fixed;z-index:181;inset:0;display:block;border:0;background:rgba(7,25,48,.45);
opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease
}
.main-menu-wrap.open .main-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.main-menu-panel{
position:fixed!important;z-index:182!important;top:0!important;right:0!important;bottom:0!important;
display:flex!important;width:min(88vw,390px)!important;max-height:none!important;padding:0!important;
flex-direction:column;overflow:hidden!important;border:0!important;border-radius:18px 0 0 18px!important;
background:#fbf8f0!important;box-shadow:-18px 0 44px rgba(8,28,63,.3)!important;
transform:translateX(105%);visibility:hidden;transition:transform .26s ease,visibility .26s ease
}
.main-menu-wrap.open .main-menu-panel{transform:translateX(0);visibility:visible}
.main-menu-drawer-head{
display:flex;flex:0 0 86px;align-items:center;justify-content:space-between;gap:12px;
padding:13px 16px;background:#102b50;color:#fff
}
.main-menu-drawer-brand{display:flex;align-items:center;gap:12px;min-width:0}
.main-menu-drawer-brand img{display:block;width:62px;height:38px;object-fit:contain}
.main-menu-drawer-brand b{font-size:25px;line-height:1;font-weight:900;letter-spacing:.02em}
.main-menu-close{
display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.2);
border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:300 32px/1 Arial,sans-serif;cursor:pointer
}
.main-menu-drawer-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 0 calc(20px + env(safe-area-inset-bottom))}
.main-menu-section{padding:18px 22px 7px;color:#a57820;font-size:11px;letter-spacing:.11em}
.main-menu-option{
min-height:54px!important;padding:10px 20px!important;border:0!important;border-left:4px solid transparent!important;
border-radius:0!important;background:#fbf8f0!important;color:#102b50!important;font-size:16px!important;gap:13px!important
}
.main-menu-option>span:first-child{
flex:0 0 34px!important;width:34px!important;height:34px!important;border:0!important;
background:transparent!important;font-size:22px!important
}
.main-menu-option.active{
border-left-color:#8b354d!important;background:#f1eadc!important;color:#8b354d!important
}
.main-menu-option:hover,.main-menu-option:focus-visible{background:#f1eadc!important}
.main-menu-search{color:#102b50!important;background:#fbf8f0!important}
.mobile-bottom-nav{
position:fixed;z-index:170;left:0;right:0;bottom:0;display:grid;
width:100vw;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:58px;
align-items:stretch;justify-items:stretch;
min-height:64px;padding:4px 6px max(5px,calc(env(safe-area-inset-bottom) - 20px));
border-top:1px solid #e0d9cc;background:rgba(251,248,240,.97);box-shadow:0 -5px 22px rgba(8,28,63,.1);
backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.mobile-bottom-item{
width:100%;min-width:0;min-height:54px;border:0;border-radius:13px;background:transparent;color:#657084;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
font-family:Inter,Segoe UI,Arial,sans-serif;cursor:pointer
}
.mobile-bottom-item span{font-size:21px;line-height:1.1}
.mobile-bottom-item b{font-size:10.5px;line-height:1.1;font-weight:850;white-space:nowrap}
.mobile-bottom-item.active{background:#f1eadc;color:#102b50}
.v78-back-to-top{bottom:calc(82px + env(safe-area-inset-bottom))!important}
.offline-notice{bottom:calc(82px + env(safe-area-inset-bottom))!important}
}
/* Izvorni slog iz HTML */
.mobile-day-picker{display:none}
@media(max-width:820px){
.v56-logo{height:58px!important;padding:7px 14px!important;gap:10px!important}
.v56-logo-mark{width:66px!important;height:34px!important;flex:0 0 66px!important}
.v56-logo b{font-size:19px!important;line-height:1.05!important}
.v56-logo small{font-size:10.5px!important;margin-top:2px!important}
.v56-nav{height:72px!important}
.v56-navitem{min-width:100px!important;height:69px!important;align-self:flex-start!important;padding:5px 8px!important;gap:4px!important;flex-direction:column!important;position:relative!important;box-shadow:none!important}
.v56-navitem.active::after{content:"";position:absolute;left:8px;right:8px;bottom:-2px;height:2px;border-radius:2px;background:#8b354d}
.v56-navitem .menu-icon{font-size:17px!important;margin:0!important}
.v56-navitem b{font-size:11px!important;line-height:1.16!important;text-align:center!important;white-space:normal!important}
#program>.v54-sidebar{display:none!important}
.mobile-day-picker{display:block;position:sticky;top:0;z-index:75;background:#fff;padding:7px 12px 8px;border-bottom:1px solid #e3e8ee;box-shadow:0 2px 7px rgba(8,28,63,.06)}
.mobile-day-picker>summary{position:relative;display:flex;align-items:center;min-height:44px;padding:9px 42px 9px 13px;border:1px solid #d8e0e7;border-radius:10px;background:#f7f9fb;color:#102b50;font:800 13.5px/1.28 Inter,Segoe UI,Arial,sans-serif;cursor:pointer;list-style:none}
.mobile-day-picker>summary::-webkit-details-marker{display:none}
.mobile-day-picker>summary::after{content:"⌄";position:absolute;right:14px;top:50%;transform:translateY(-54%);color:#171b21;font-size:22px;line-height:1}
.mobile-day-picker[open]>summary::after{content:"⌃"}
.mobile-day-picker>summary:focus-visible{outline:2px solid rgba(16,43,80,.2);outline-offset:1px;border-color:#102b50}
.mobile-day-current{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.mobile-day-options{position:absolute;left:12px;right:12px;top:calc(100% - 5px);max-height:58vh;overflow:auto;padding:6px;border:1px solid #dfe4ea;border-radius:11px;background:#fff;box-shadow:0 14px 32px rgba(8,28,63,.2)}
.mobile-day-option{display:block;width:100%;padding:10px 11px;border:0;border-bottom:1px solid #edf0f3;background:#fff;color:#171b21;text-align:left;font:750 13px/1.3 Inter,Segoe UI,Arial,sans-serif;white-space:normal;cursor:pointer}
.mobile-day-option:last-child{border-bottom:0}
.mobile-day-option.is-active{color:#102b50;background:#eef3f7;box-shadow:inset 4px 0 0 #102b50}
}
/* Izvorni slog iz HTML */
#program .program-panel>section.day>h2{
margin:10px 2px 13px!important;
color:#102a56!important;
font-size:22px!important;
line-height:1.2!important;
font-weight:900!important;
letter-spacing:-.015em!important;
text-transform:uppercase!important;
}
@media(max-width:820px){
#program .program-panel>section.day>h2{
margin:11px 2px 10px!important;
font-size:18px!important;
line-height:1.25!important;
}
}
/* Izvorni slog iz HTML */
.v58-travel-hero .v77-flight-list{
width:100%;max-width:520px;margin:20px auto 0;text-align:left;
border-top:1px solid #dfe5ec;
}
.v58-travel-hero .v77-flight-item{
display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;
padding:12px 2px;border-bottom:1px solid #e6ebf0;align-items:start;
}
.v58-travel-hero .v77-flight-no{
font-size:14px!important;line-height:1.4;color:#102a56!important;font-weight:900!important;
}
.v58-travel-hero .v77-flight-main{
display:block;color:#102a56;font-size:14px;line-height:1.35;font-weight:800;
}
.v58-travel-hero .v77-flight-meta{
display:block;margin-top:4px;color:#637086;font-size:12px;line-height:1.45;
}
@media(max-width:820px){
.v58-travel-hero .v58-route-card{padding:26px 22px!important}
.v58-travel-hero .v77-flight-list{margin-top:17px}
.v58-travel-hero .v77-flight-item{grid-template-columns:62px minmax(0,1fr);gap:10px;padding:11px 0}
}
/* Izvorni slog iz HTML */
.v78-back-to-top{
position:fixed;right:8px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:95;
width:36px;height:36px;border:1px solid rgba(139,53,77,.24);border-radius:50%;
background:rgba(255,255,255,.96);color:#8b354d;font:800 20px/1 Inter,Segoe UI,Arial,sans-serif;
display:flex;align-items:center;justify-content:center;
box-shadow:0 4px 14px rgba(26,32,44,.12);cursor:pointer;
opacity:0;visibility:hidden;transform:translateY(10px);
transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.v78-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.v78-back-to-top:active{transform:translateY(1px) scale(.97)}
.v78-back-to-top:hover{background:#fbf6f8;border-color:rgba(139,53,77,.4)}
.v78-back-to-top:focus-visible{outline:3px solid rgba(139,53,77,.2);outline-offset:3px}
@media(min-width:821px){.v78-back-to-top{right:18px;bottom:62px}}
/* Izvorni slog iz HTML */
#program .day-steps-title{color:#8b354d!important}
#program .day-step{align-items:start!important}
#program .day-step-body{min-width:0;text-align:left}
/* Izvorni slog iz HTML */
/* Vsi odpiralni znaki imajo enako velikost, širino in poravnavo. */
summary>.ico{
display:inline-flex!important;
flex:0 0 22px!important;
width:22px!important;
min-width:22px!important;
height:22px!important;
margin-left:auto!important;
align-items:center!important;
justify-content:center!important;
color:#8b354d!important;
font-family:Arial,Helvetica,sans-serif!important;
font-size:0!important;
font-weight:500!important;
line-height:1!important;
text-align:center!important;
transform:none!important;
}
summary:has(>.ico){
list-style:none!important;
}
summary:has(>.ico)::-webkit-details-marker{
display:none!important;
}
summary>.ico::after{
content:"+"!important;
display:block!important;
font-size:14px!important;
font-weight:500!important;
line-height:22px!important;
transform:none!important;
}
details[open]>summary>.ico::after{
content:"−"!important;
font-size:14px!important;
line-height:22px!important;
}
/* Končna mobilna pravila morajo ostati za vsemi starejšimi slogovnimi dopolnitvami. */
@media(max-width:820px){
.v56-topbar{height:68px!important;background:#102b50!important}
.v56-logo{display:block!important;position:relative!important;height:68px!important;padding:0!important;background:#102b50!important;overflow:hidden!important}
.v56-logo-mark{position:absolute!important;left:10px!important;top:18px!important;width:46px!important;height:32px!important;flex:0 0 46px!important}
.v101-brand-copy{position:absolute!important;left:64px!important;right:102px!important;top:0!important;bottom:0!important;min-width:0!important;width:auto!important;align-items:center!important;overflow:visible!important;text-align:center!important}
.v101-brand-copy>b,.v56-logo b{max-width:none!important;overflow:visible!important;color:#fff!important;font-size:19px!important;line-height:1!important;letter-spacing:.015em!important;white-space:nowrap!important;text-overflow:clip!important}
.top-search-toggle{top:16px!important;right:56px!important;width:36px!important;height:36px!important;font-size:21px!important}
.main-menu-wrap{top:16px!important;right:8px!important}
.main-menu-toggle{width:36px!important;height:36px!important;font-size:22px!important}
.v56-nav{display:none!important}
.v78-back-to-top{bottom:calc(82px + env(safe-area-inset-bottom))!important}
}
@media(max-width:820px){
.program-content{touch-action:pan-y;overscroll-behavior-x:contain}
.program-content.is-photo-swiping{position:relative;overflow:hidden}
.program-content.is-swipe-settling{transition:height .4s cubic-bezier(.22,1,.36,1)}
.program-panel.is-swipe-current,.program-panel.is-swipe-neighbor{display:block!important;width:100%;will-change:transform;backface-visibility:hidden}
.program-panel.is-swipe-current{position:relative;z-index:2}
.program-panel.is-swipe-neighbor{position:absolute!important;z-index:3;left:0;right:0;top:0;background:#fff}
.program-panel.is-swipe-animating{transition:transform .4s cubic-bezier(.22,1,.36,1)}
}
@media(prefers-reduced-motion:reduce){
.program-panel.is-swipe-animating,.program-content.is-swipe-settling{transition-duration:.01ms!important}
}
/* v179: aktivni dan je poenoten z modro-sivo grafično podobo aplikacije. */
#program .side-day.active{
background:#f2f5f8!important;
border-color:#d8e0e7!important;
border-left:5px solid #102b50!important;
color:#102b50!important;
box-shadow:none!important;
}
@media(max-width:820px){
.mobile-day-picker>summary{
border-color:#d8e0e7!important;
background:#f7f9fb!important;
}
.mobile-day-picker>summary:focus-visible{
border-color:#102b50!important;
outline-color:rgba(16,43,80,.2)!important;
}
.mobile-day-option.is-active{
color:#102b50!important;
background:#eef3f7!important;
box-shadow:inset 4px 0 0 #102b50!important;
}
}
/* Opomniki kot post-it listki. */
.reminders-page{max-width:820px!important;margin:0 auto!important}
.reminder-compose{display:grid;gap:10px;margin:16px 0 22px;padding:18px;border:1px solid #dfcf8a;border-radius:18px;background:#fff7c9;box-shadow:0 8px 22px rgba(93,73,14,.08)}
.reminder-compose label{color:#102b50;font-size:16px;font-weight:900}
.reminder-compose textarea{width:100%;min-height:86px;padding:12px 13px;border:1px solid #d4c57e;border-radius:12px;background:#fffdf0;color:#102b50;font:600 16px/1.45 Inter,Segoe UI,Arial,sans-serif;resize:vertical}
.reminder-compose button{justify-self:start;min-height:42px;padding:9px 18px;border:0;border-radius:11px;background:#102b50;color:#fff;font:850 14px/1 Inter,Segoe UI,Arial,sans-serif}
.reminder-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 12px;color:#102b50}
.reminder-list-head b{font-size:20px}.reminder-list-head small{color:#687386;font-size:12px;text-align:right}
.reminder-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.reminder-note{min-width:0;padding:18px 16px 14px;border:1px solid #dfc96e;border-radius:7px 16px 9px 14px;background:#fff2a9;box-shadow:0 9px 20px rgba(84,67,14,.12);transform:rotate(-.35deg)}
.reminder-note.is-even{background:#f7edbd;transform:rotate(.35deg)}
.reminder-note>p{min-height:54px;margin:0 0 15px;color:#243348;font:750 16px/1.48 Inter,Segoe UI,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.reminder-note-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(91,75,25,.18);padding-top:10px}
.reminder-note-actions label{display:flex;align-items:center;gap:7px;color:#34445b;font-size:12px;font-weight:800}
.reminder-note-actions input{width:18px;height:18px;accent-color:#173f70}
.reminder-note-actions button{border:0;background:transparent;color:#8b354d;font-size:12px;font-weight:850}
.reminder-empty{grid-column:1/-1;margin:0;padding:20px;border:1px dashed #d7c87c;border-radius:14px;background:#fffbed;color:#6b7280;text-align:center}
.floating-reminders{position:fixed;z-index:165;left:10px;bottom:88px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:min(290px,calc(100vw - 20px));max-height:50vh;overflow:auto;padding:4px;pointer-events:none}
.floating-reminder{width:92px;min-height:68px;padding:8px;border:1px solid #ddc458;border-radius:7px 13px 8px 12px;background:#fff0a0;box-shadow:0 8px 20px rgba(41,50,63,.22);transform:rotate(-.7deg);transition:width .18s ease,transform .18s ease;pointer-events:auto;cursor:pointer}
.floating-reminder.is-even{background:#f8edb9;transform:rotate(.55deg)}
.floating-reminder-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px;align-items:start;color:#22324a;font:800 11.5px/1.28 Inter,Segoe UI,Arial,sans-serif}
.floating-reminder-preview>span:last-child{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}
.floating-reminder-expanded{display:none}.floating-reminder.is-expanded{width:100%;transform:rotate(0)}
.floating-reminder.is-expanded .floating-reminder-preview{display:none}.floating-reminder.is-expanded .floating-reminder-expanded{display:block}
.floating-reminder-expanded p{margin:0 0 10px;color:#22324a;font:800 14px/1.42 Inter,Segoe UI,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
.floating-reminder-actions{display:flex;justify-content:flex-end;gap:7px;border-top:1px solid rgba(91,75,25,.18);padding-top:8px}
.floating-reminder-actions button{min-height:31px;padding:6px 9px;border:0;border-radius:8px;background:rgba(255,255,255,.65);color:#173f70;font-size:11px;font-weight:850}
.floating-reminder-actions button:last-child{color:#8b354d}
@media(max-width:620px){.reminder-list{grid-template-columns:1fr}.reminder-list-head{align-items:flex-start;flex-direction:column}.reminder-list-head small{text-align:left}.floating-reminders{bottom:84px}}
/* Enotna topla barva vseh vsebinskih kartic; stran in vnosna polja ostanejo bela. */
:root{--guide-card-warm:#fbf8ef;--guide-card-warm-border:#ded8ca}
main :is(
.placecard,.food-item,.chapter,.feesbox,.orientation-map-card,.day-steps-card,.next-card,
.page-notes-card,.program-hotels-overview,.program-hotel-card,.day-weather-card,.weather-day,
.transport-editor,.landmark-camera-card,.landmark-result-card,.landmark-google-guide,
.landmark-steps>div,.about-contact,.v55-cost-strip,.fieldtools,.more
){
background:var(--guide-card-warm)!important;
border-color:var(--guide-card-warm-border)!important;
}
main :is(
.chapter .text,.food-body,.program-place-body,.program-inner-menu>.text,.program-day-notes-body,
.feesinside,.day-weather-body,.landmark-result-body
){background:transparent!important}
main :is(.food-trigger,.program-place-trigger,.program-fees-trigger,.day-weather-trigger){background:transparent!important}
/* Končni oblikovni sistem: enotne kartice, razmiki, naslovi in mirno gibanje. */
:root{
--guide-card-radius:16px;
--guide-card-shadow:0 5px 18px rgba(16,43,80,.055);
--guide-space-card:12px;
--guide-motion:cubic-bezier(.22,.8,.3,1);
}
main :is(
.placecard,.food-item,.feesbox,.orientation-map-card,.day-steps-card,.next-card,
.page-notes-card,.program-hotels-overview,.program-hotel-card,.day-weather-card,.weather-day,
.transport-editor,.landmark-camera-card,.landmark-result-card,.landmark-google-guide,
.about-card,.about-contact,.v55-cost-strip
){
margin-top:var(--guide-space-card)!important;
margin-bottom:var(--guide-space-card)!important;
border-width:1px!important;
border-style:solid!important;
border-radius:var(--guide-card-radius)!important;
box-shadow:var(--guide-card-shadow)!important;
}
main :is(.chapter,.fieldtools,.more){
border-radius:12px!important;
box-shadow:none!important;
}
.app-page>section.day{margin-top:14px!important;margin-bottom:26px!important}
.app-page>section.day>h2,
#program .program-panel>section.day>h2{
margin:12px 2px 14px!important;
font-size:22px!important;
line-height:1.22!important;
letter-spacing:-.01em!important;
}
.app-page>section.day>.topic-subtitle{
margin:-5px 2px 18px!important;
font-size:14px!important;
line-height:1.5!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-trigger{
min-height:74px!important;
padding:16px 17px!important;
gap:15px!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-heading b{
font-size:18px!important;
line-height:1.3!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body{
padding:17px!important;
}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-section h3{
margin-bottom:10px!important;
font-size:15.5px!important;
line-height:1.38!important;
}
#program .day-hero{gap:16px!important;margin-bottom:18px!important}
#program .day-steps-card{padding:16px 18px!important}
#program .day-step{padding:13px 0!important;gap:11px!important}
#program .program-place-trigger,
#program .program-fees-trigger,
.page-notes-card>summary{padding:16px 17px!important}
summary,
.mobile-bottom-item,
.main-menu-option,
.guide-search-close,
.guide-search-dialog [data-slot="command-item"]{
transition:background-color .24s var(--guide-motion),color .24s var(--guide-motion),border-color .24s var(--guide-motion),box-shadow .24s var(--guide-motion),transform .24s var(--guide-motion)!important;
}
.main-menu-panel{transition:transform .34s var(--guide-motion),visibility .34s var(--guide-motion)!important}
.main-menu-backdrop{transition:opacity .3s ease,visibility .3s ease!important}
:is(
.food-item[open]>.food-body,.placecard[open]>.inside,.chapter[open]>.text,
.feesbox[open]>.feesinside,.more[open]>.inside,.page-notes-card[open]>*:not(summary),
.program-place-item[open]>.program-place-body
){animation:guide-calm-reveal .24s var(--guide-motion) both}
@keyframes guide-calm-reveal{
from{opacity:0;transform:translateY(-4px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:820px){
main{padding-left:12px!important;padding-right:12px!important}
.app-page>section.day>h2,
#program .program-panel>section.day>h2{font-size:20px!important;margin:12px 2px 12px!important}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-trigger{padding:15px!important;gap:13px!important}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-heading b{font-size:17.5px!important}
:is(#general,#history,#fuji,#fukushima,#sport,#geisha,#trains,#culture,#food,#shopping,#misc) .food-body{padding:15px!important}
#program .day-steps-card{padding:15px!important}
}
/* v175: spodnji meni potrebuje samo en varnostni odmik. Prejšnja kombinacija
odmika na bodyju in 80 px odmika na mainu je na koncu strani pustila velik
prazen pas. */
@media(max-width:820px){
main{padding-bottom:12px!important}
}
@media(prefers-reduced-motion:reduce){
summary,.mobile-bottom-item,.main-menu-option,.guide-search-close,.guide-search-dialog [data-slot="command-item"],.main-menu-panel,.main-menu-backdrop{transition-duration:.01ms!important}
:is(.food-item[open]>.food-body,.placecard[open]>.inside,.chapter[open]>.text,.feesbox[open]>.feesinside,.more[open]>.inside,.page-notes-card[open]>*:not(summary),.program-place-item[open]>.program-place-body){animation:none!important}
}