*{box-sizing:border-box}html{scroll-behavior:smooth}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2d9fa9;outline-offset:3px}.lang{display:flex;gap:5px;flex-wrap:wrap}.lang button{background:#fff;color:#123c55;border:1px solid #bed0d4;border-radius:5px;cursor:pointer;padding:7px 9px}.lang button.active{background:#123c55;color:white}.price-detail{display:block;margin-top:8px;white-space:normal;line-height:1.6;min-width:180px;max-width:420px;overflow-wrap:anywhere}.booking-summary,.booking-layout>*{min-width:0}#bookBreakdown{max-height:220px;overflow:auto}.mail-preview{border:1px solid #c4d9dd;border-radius:8px;padding:14px;margin-top:16px;background:white}.mail-preview textarea{width:100%;min-height:200px;padding:10px;resize:vertical}.mail-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mail-actions a{color:#123c55}.scroll{max-width:100%;overflow:auto}textarea{max-width:100%;padding:10px;border:1px solid #b8cbd2;border-radius:7px}.admin-toolbar{flex-wrap:wrap}#reqStatus{overflow-wrap:anywhere}.booking-summary button{cursor:pointer}.cal-day{font:inherit}.cal-day:disabled{opacity:1}.cal-day.checkout{background:#eef7ec;border:2px dashed #69b985}.cal-day small{overflow-wrap:anywhere;max-width:100%}.lang button{min-height:34px}#requestRows td{vertical-align:top}#requestRows td:last-child{min-width:140px}#requestRows button{margin:7px 4px 0 0}#bookMonth{font-weight:600}#contact .cta{display:inline-block;text-decoration:none;background:#e8c89c;color:#123c55!important}#lightbox{overflow:auto}#lightbox .gallery-label{max-width:80%}@media(max-width:760px){.bar{gap:10px;padding:12px 16px}nav{gap:9px}.lang{order:1}nav a{font-size:13px}.request-fields{grid-template-columns:1fr}.booking-summary{padding:16px}.cal-day{min-width:0}.admin-day{min-width:0}main{min-width:0}.booking-admin-link{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cal-day.reserved.selected{border:3px solid #287d91!important;background:#d7edf0!important}.cal-day.checkout{cursor:pointer!important}

.guide-content{padding:24px;background:#f5f5f0;border:1px solid #dce7ec;border-radius:14px;line-height:1.7}.guide-content .language>section{padding:26px;background:white;border-radius:16px;margin:20px 0;box-shadow:0 3px 16px #0000000b}.guide-content h2{font:normal 26px Georgia,serif;color:#16435a}.guide-content .rate{font-size:30px;color:#167c61;font-weight:700}.guide-content .note{font-size:13px;color:#626b70}.guide-content img{max-width:100%;border-radius:12px}.guide-content li{margin:5px 0}@media(max-width:700px){.guide-content{padding:12px}.guide-content .language>section{padding:18px}}
/* Compact language menu shared by all pages. */
.language-picker{position:relative;display:inline-block;flex:none;font:14px Arial,Helvetica,sans-serif;color:#20323c;text-align:left;line-height:1.4;vertical-align:middle}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:8px 10px;border:1px solid #c7d7dd;border-radius:6px;background:#fff;min-height:38px;white-space:nowrap;font-weight:400}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:focus-visible{outline:3px solid #2d9fa9;outline-offset:3px}.language-globe{font-size:20px;line-height:1;color:#287d91}.language-arrow{font-size:13px;margin-left:3px;color:#536b77}.language-picker[open] summary{border-color:#287d91}
.language-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:172px;padding:6px;background:white;border:1px solid #cbdadd;border-radius:8px;box-shadow:0 9px 28px #123c5530;z-index:70}
.language-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;margin:0;border:0;border-radius:4px;cursor:pointer;background:#fff;color:#20323c;font:14px Arial,sans-serif;text-align:left;min-height:40px}
.language-menu button:hover,.language-menu button:focus-visible{background:#edf4f5}.language-menu button.active{background:#e5f1f3;color:#123c55;font-weight:700}.language-menu button.active:after{content:'✓';margin-left:18px;color:#1c6d50}
#guide-content>.language-picker .language-menu{left:0;right:auto}body>main>.language-picker .language-menu{left:0;right:auto}.guide-content{overflow:visible}.guide-content .language>section.guide-ev{border-top:4px solid #347f4d;background:#f5faf6}.guide-content section.guide-ev h2{color:#17482b}
.guide-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.guide-quick>div{padding:17px;background:#fff;border:1px solid #dbe6e6;border-radius:10px}.guide-quick strong{display:block;color:#123c55}.guide-quick p{margin:5px 0 0}.guide-quick small{display:block;color:#526873;margin-top:5px}
/* Reserved dates have a stronger green in both calendars. */
.cal-day.reserved,.cal-day.reserved:disabled{background:#8fcca2!important;border:1px solid #347f4d!important;color:#103f22!important}.cal-day.reserved small{color:#103f22!important}.admin-day.reserved{background:#8fcca2!important;border-color:#347f4d!important;color:#103f22!important}.admin-day.reserved small{color:#103f22!important}.reserved-dot{background:#8fcca2!important;border-color:#347f4d!important}
.cal-day.reserved.selected{border:3px solid #287d91!important;background:#d7edf0!important}
/* The reservation link follows the other navigation links. */
nav a[href="#booking"]{background:transparent!important;color:var(--ink)!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;font-weight:400!important}
@media(max-width:760px){.language-picker{font-size:13px}.language-picker summary{padding:7px 9px;min-height:36px}.language-menu{min-width:162px}.guide-quick{grid-template-columns:1fr}.guide-quick>div{padding:13px 15px}}
input[type="file"]{width:100%;min-width:0}label{min-width:0}
@media(max-width:760px){nav{min-width:0;max-width:100%}.brand{max-width:100%;font-size:21px;letter-spacing:1.2px}nav .language-menu{left:0;right:auto}}
@media(max-width:760px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{min-width:0;padding:22px 14px;overflow-wrap:anywhere}}
/* Welcome, apartment actions and direct contact details. */
#about .section-head{margin-bottom:24px}.about-welcome{max-width:850px;margin:0 auto 34px;text-align:center;font-size:17px;line-height:1.8}.about-welcome p{margin:0 0 20px}.about-welcome .host-languages{display:inline-block;font-size:15px;color:#335969;background:#f0f6f5;border-radius:9px;padding:14px 20px}
#apartments .apartment-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0;width:100%}
#apartments .apartment-actions>a,#apartments .apartment-actions>button{display:block;margin:0;width:100%;max-width:220px;text-align:center;white-space:normal;line-height:1.45;min-height:42px;padding:10px 12px}
.contact-methods{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;max-width:850px;margin:25px auto 30px}.contact-method{display:flex;flex-direction:column;gap:6px;min-width:250px;max-width:100%;padding:20px 26px;border:1px solid #ffffff55;border-radius:10px;color:white;background:#ffffff0d;text-decoration:none;overflow-wrap:anywhere}.contact-method strong{font-size:14px;font-weight:400;color:#dbe9ed}.contact-method span{font-size:19px}.contact-method:hover{background:#ffffff1c;border-color:#e8c89c}.contact-ev{max-width:750px;margin:0 auto 28px;padding:22px 25px;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.contact-ev h3{font:normal 25px Georgia,serif;margin:0 0 12px;color:#e8c89c}.contact-ev p{font-size:15px;line-height:1.75;margin:0!important}.contact-section .contact-demo-note{font-size:12px;opacity:.75;margin-top:24px}
@media(max-width:760px){.about-welcome{font-size:16px;text-align:left}.about-welcome .host-languages{font-size:14px;padding:14px 16px}.contact-methods{gap:12px}.contact-method{width:100%;min-width:0;padding:18px 20px}.contact-ev{padding:21px 0}.contact-ev h3{font-size:24px}}

/* ---- v3: moderniji izgled ---- */
html{scroll-behavior:smooth}[id]{scroll-margin-top:84px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
header{background:#fffffff0;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.cta,.booking button{border-radius:999px}
.feature{border-radius:14px;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-3px);box-shadow:0 10px 26px #123c5518}
.apartment-card{border-radius:16px;overflow:hidden;box-shadow:0 8px 28px #123c5518;transition:transform .25s,box-shadow .25s}.apartment-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #123c5528}
.gallery-item,.split img,.photo-grid img{border-radius:14px}
.menu-toggle,.mobile-book{display:none}
.menu-toggle{background:none;border:0;padding:10px;cursor:pointer;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);transition:transform .25s,opacity .2s}
header.open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}header.open .menu-toggle span:nth-child(2){opacity:0}header.open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.js-reveal .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.js-reveal .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:760px){
.menu-toggle{display:flex}header .bar{flex-wrap:nowrap}
header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:14px 24px 22px;gap:16px;box-shadow:0 14px 24px #0002}
header.open nav{display:flex}header nav a{font-size:17px}
.mobile-book{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:20;background:var(--sea);color:#fff;text-align:center;text-decoration:none;font-weight:bold;padding:15px;border-radius:999px;box-shadow:0 8px 24px #0004}
body{padding-bottom:78px}}
.price-from{display:inline-block;margin:4px 0 8px;padding:5px 12px;border-radius:999px;background:#e8f1f4;color:var(--navy);font-weight:bold;font-size:.95rem}
.addr{font-weight:bold;color:var(--navy)}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:22px}
.info-grid .feature{padding:20px;background:#fff}.info-grid h3{margin:0 0 8px}
/* v6: jače označeni zauzeti termini */
.reserved,.cal-day.reserved:disabled{background:#1e6b3c!important;border:1px solid #134a27!important;color:#fff!important;font-weight:bold}
.reserved small{color:#fff!important}
.reserved-dot{background:#1e6b3c!important;border-color:#134a27!important}
.reserved.selected{border:3px solid #287d91!important;background:#d7edf0!important;color:#103f22!important}
.reserved.selected small{color:#103f22!important}
/* v8: najtamnija boja zauzetih termina (jača specifičnost od starijih pravila) */
html body .cal-day.reserved:not(.selected),html body .cal-day.reserved:not(.selected):disabled{background:#26765b!important;border:1px solid #1b5844!important;color:#fff!important;font-weight:bold;opacity:1}
html body .cal-day.reserved:not(.selected) small,html body .cal-day.reserved:not(.selected) b{color:#fff!important}
html body .cal-day.reserved.selected small{color:#103f22!important}
html body .admin-day.reserved{background:#26765b!important;border-color:#1b5844!important;color:#fff!important}
html body .admin-day.reserved small{color:#fff!important}
html body .reserved-dot{background:#26765b!important;border-color:#1b5844!important}