/*
Theme Name: VIPO Modern Draft
Version: 0.1.0
Description: Original travel concept with a demonstrational booking interface. Not a production booking engine.
Text Domain: vipo-modern
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap');
:root{--brand:#1e73be;--ink:#010e54;--paper:#f7faff;--line:#d7e3f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #1e73be;outline-offset:4px}.draft{background:var(--brand);color:white;text-align:center;padding:7px;font-size:10px;letter-spacing:1.3px}header{height:96px;padding:0 5%;display:flex;align-items:center;gap:35px;background:white}.logo{font-family:Prata,Georgia,serif;font-size:38px;color:var(--brand);letter-spacing:3px}.logo span{display:block;font:8px Manrope;letter-spacing:2.6px}nav{display:flex;gap:30px;margin:auto;font-size:13px}header>span{font-size:11px}.phone{font-size:14px}.hero{height:600px;background:linear-gradient(90deg,rgba(12,27,25,.72),rgba(12,27,25,.04)),url('https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=2000&q=85') center/cover;color:white;position:relative;padding:86px 8%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1,h2{font-family:Prata,Georgia,serif;font-weight:400}h1{font-size:clamp(36px,4.7vw,65px);line-height:1.3;margin:24px 0}em{font-style:normal;color:#b8ddff}p{font-size:14px;line-height:1.9}.hero p{color:#e4e7df}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--brand);color:white;padding:18px 24px;border:0;cursor:pointer;font-size:12px;letter-spacing:.3px}.hero .button{background:var(--paper);color:var(--ink);margin-top:17px}.hero-caption{position:absolute;bottom:65px;left:8%;right:8%;display:flex;gap:30px;font-size:10px;letter-spacing:1px}.hero-caption span{margin-left:auto}.search{position:relative;margin:-32px auto 0;width:84%;background:white;display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:26px;gap:24px;box-shadow:0 12px 45px #2429240d}label{display:block;font-size:10px;color:#777}select{display:block;width:100%;padding:12px 0 4px;border:0;background:transparent;color:var(--ink);font-size:14px}section.intro{padding:92px 8% 65px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px 80px}.intro>.eyebrow{grid-column:1/-1;color:var(--brand)}h2{font-size:38px;line-height:1.45;margin:15px 0}.intro p{max-width:490px;padding-top:15px;color:#71756e}.intro em,.collection em{color:var(--brand)}.section{padding:20px 8% 75px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.heading>span{font-size:12px;color:#777}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:white}.card img{width:100%;height:280px;object-fit:cover}.card-body{padding:24px}.card .eyebrow{color:var(--brand);font-size:9px}.card h3{font-family:Prata;font-size:24px;font-weight:400;line-height:1.5;min-height:72px;margin:16px 0}.meta{font-size:11px;color:#777;display:flex;gap:15px;padding:16px 0;border-top:1px solid var(--line)}.card .button{width:100%;background:transparent;color:var(--brand);padding:14px 0 0;text-align:left;border-top:1px solid var(--line)}.note{font-size:11px;color:#777;line-height:1.8;margin-top:22px}.collection{display:grid;grid-template-columns:1fr 1fr;margin:0 8%;background:#eaf3fb}.collection>div:first-child{padding:55px}.collection h2{font-size:46px}.collection p{max-width:360px}.collection-img{min-height:500px;position:relative;background:url('https://images.unsplash.com/photo-1514282401047-d79a71a590e8?auto=format&fit=crop&w=1000&q=85') center/cover}.collection-img span{position:absolute;bottom:28px;left:30px;color:white;font-size:12px}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:80px 8%}.reasons span{font-size:10px;letter-spacing:1px;color:var(--brand)}.reasons h3{font-size:17px;font-weight:500}.reasons p{font-size:12px;color:#777}footer{background:#010e54;color:#eee;padding:45px 8%;display:flex;justify-content:space-between;align-items:center}footer .logo{color:#ffffff}footer a:last-child{font-size:12px}dialog{width:min(560px,92%);border:0;padding:40px;background:var(--paper);max-height:90vh;overflow:auto}dialog::backdrop{background:#14221ec7}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}dialog h2{font-size:28px}dialog label{margin:20px 0}dialog select{border-bottom:1px solid var(--line);padding:12px}fieldset{border:1px solid var(--line)}fieldset label{font-size:13px;color:var(--ink)}legend{font-size:12px}#summary{font-size:13px;line-height:1.8;padding-top:20px}#empty{padding:40px;background:white}@media(max-width:800px){header{height:80px;gap:14px}nav{display:none}.phone{margin-left:auto;font-size:12px}.hero{height:540px;padding:65px 7%}.hero-caption{bottom:60px}.search{width:90%;grid-template-columns:1fr 1fr;gap:20px;padding:22px}.search .button{align-self:end}section.intro{padding:55px 6%;grid-template-columns:1fr;gap:0}.intro>.eyebrow{grid-column:auto}.section{padding:0 6% 45px}.cards{grid-template-columns:1fr}.card img{height:300px}.card h3{min-height:0}.collection{margin:0 6%;grid-template-columns:1fr}.collection>div:first-child{padding:30px}.collection h2{font-size:38px}.collection-img{min-height:350px}.reasons{padding:45px 6%;grid-template-columns:1fr;gap:20px}footer{display:block}footer p{font-size:12px}h2{font-size:30px}.heading{display:block}.hero-caption span{max-width:200px}.hero p br{display:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.card{transition:transform .2s}.card:hover{transform:translateY(-4px)}}
.logo img{display:block;width:125px;height:auto}header .logo{flex-shrink:0}footer .logo{background:#1e73be;padding:12px;border-radius:4px}.hero{background-image:linear-gradient(90deg,rgba(1,14,84,.78),rgba(1,14,84,.08)),url('https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=2000&q=85')}
.menu-dropdown{position:relative}.menu-dropdown summary{cursor:pointer;list-style:none;padding:14px 0}.menu-dropdown summary:after{content:' ▾';color:#1e73be}.menu-panel{position:absolute;z-index:20;top:42px;left:0;width:330px;max-height:65vh;overflow:auto;background:white;padding:20px;box-shadow:0 10px 35px #010e5433;border-top:3px solid #1e73be}.menu-panel ul{list-style:none;padding:0;margin:0}.menu-panel li{padding:6px 0}.menu-panel li ul{padding-left:16px;margin-top:6px;border-left:1px solid #d7e3f0}.menu-panel a{font-size:12px}.menu-panel a:hover{color:#1e73be;text-decoration:underline}.imported-page,.content-directory{padding:50px 8%;max-width:1400px;margin:auto}.imported-page h1{font-size:36px;color:#010e54;overflow-wrap:anywhere}.original-content{line-height:1.8;overflow-x:auto}.original-content img{max-width:100%;height:auto}.original-content a{color:#1e73be;text-decoration:underline}.original-content table{border-collapse:collapse;max-width:100%;font-size:13px}.original-content td{padding:12px;border:1px solid #d7e3f0;vertical-align:top}.original-content h2,.original-content h3{font-family:Manrope;font-size:23px}.content-directory{border-top:1px solid #d7e3f0}.content-directory input{width:100%;padding:16px;border:1px solid #d7e3f0;background:white}.directory-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.directory-list a{font-size:12px;color:#1e73be}.content-directory>p{font-size:12px}.back-home{font-size:12px;color:#1e73be}@media(max-width:800px){header{height:auto;flex-wrap:wrap;padding-block:12px}header nav{display:flex;order:5;width:100%;gap:20px;justify-content:space-between;font-size:11px}.menu-panel{position:fixed;top:145px;left:5%;width:90%;max-height:60vh}.directory-list{grid-template-columns:1fr}.imported-page h1{font-size:28px}}
/* Compact navigation and footer */
header nav{gap:24px;align-items:center}.menu-panel{width:350px;padding:12px 18px;border-radius:0 0 8px 8px}.menu-panel>ul>li{padding:10px 0;border-bottom:1px solid #eaf0f6}.menu-panel>ul>li:last-child{border-bottom:0}.menu-row a{display:block;padding:3px 0;font-size:13px;color:#010e54}.submenu>summary{font-size:10px;color:#1e73be;padding:5px 0;cursor:pointer;list-style:none;letter-spacing:.2px}.submenu>summary:after{content:' +';font-size:13px}.submenu[open]>summary:after{content:' −'}.submenu>ul{background:#f7faff;border-left:2px solid #1e73be!important;padding:8px 12px!important;margin:6px 0!important}.submenu .submenu>ul{background:white}.submenu li{padding:5px 0}.content-directory{padding:16px 8%;max-width:none;margin:0;background:#f0f6fc;border-top:1px solid #d7e3f0}.content-directory>summary{cursor:pointer;font-size:12px;color:#1e73be;list-style:none;max-width:1150px;margin:auto}.content-directory>summary:after{content:' +';float:right}.content-directory[open]>summary:after{content:' −'}.directory-inner{max-width:1150px;margin:20px auto 0}.directory-inner>p{font-size:11px;color:#777}.directory-list{max-height:250px;overflow:auto}.directory-list a{padding:6px 0}footer{padding:24px 8%;gap:24px}footer .logo{padding:0;background:transparent}footer .logo img{width:90px}footer p{font-size:12px;margin:0}footer a:last-child{font-size:12px;white-space:nowrap}@media(max-width:800px){header nav{gap:14px;flex-wrap:wrap;justify-content:flex-start}header nav>a{font-size:11px}header nav>details>summary{padding:8px 0}.menu-panel{top:155px}footer{display:flex;flex-wrap:wrap;align-items:center;padding:22px 6%;gap:15px}footer p{display:none}.content-directory{padding:16px 6%}.directory-list{grid-template-columns:1fr}}

.language-switch{display:flex;gap:4px;flex-shrink:0}.language-switch a{font-size:11px;padding:7px 9px;border-radius:4px;color:#1e73be}.language-switch a.active{background:#1e73be;color:white}.language-switch a:hover{outline:1px solid #1e73be}html[lang=lv] .hero h1{font-size:clamp(35px,4.4vw,60px)}
.translation-notice{background:#eaf3fb;border-left:3px solid #1e73be;padding:16px;font-size:12px}
/* Larger primary navigation labels */
header nav{font-size:15px}header nav>details>summary,header nav>a{font-size:15px}@media(max-width:800px){header nav>details>summary,header nav>a{font-size:13px}}
/* Destination-led travel homepage */
.sodis-hero{height:530px;text-align:center;padding:70px 8% 120px}.sodis-hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.3}.sodis-hero .hero-copy{max-width:950px;margin:auto}.sodis-hero p{font-size:16px}.destination-strip{position:absolute;bottom:0;left:0;right:0;background:#010e54b8;padding:22px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.destination-strip>span{font-family:Prata;font-size:24px}.destination-strip a{border-bottom:1px solid #ffffff70;padding:6px 0}.trip-search{background:white;border-bottom:1px solid #d7e3f0;padding:0 5% 20px}.search-tabs{display:flex;gap:30px;padding:22px 20px 10px;font-size:13px;color:#1e73be}.search-expanded{margin:0;width:100%;box-shadow:none;padding:16px 20px;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:20px;align-items:center}.search-expanded input{display:block;width:100%;font:13px Manrope;border:0;border-bottom:1px solid #d7e3f0;padding:12px 0;color:#010e54;background:white}.search-expanded label{font-size:10px}.search-expanded .button{padding:18px 22px}.traveller-picker{position:relative}.traveller-picker>summary{list-style:none;cursor:pointer;font-size:11px;line-height:2}.traveller-picker>summary span{display:block;color:#777;font-size:10px}.traveller-picker>summary strong{font-size:13px;font-weight:500}.traveller-picker>summary strong:after{content:' ▾';color:#1e73be}.traveller-panel{position:absolute;z-index:20;top:55px;right:0;background:white;width:270px;padding:22px;box-shadow:0 12px 40px #010e5429;border-top:3px solid #1e73be}.traveller-panel label{margin:8px 0}.traveller-panel p{font-size:10px;color:#777}.traveller-panel input{padding:8px}.search-help{font-size:11px;color:#777;margin:0 20px}#reset-search{grid-column:1;border:0;background:none;text-align:left;color:#1e73be;font-size:11px;cursor:pointer;padding:0}#search-error{grid-column:2/-1;color:#a12d2d;margin:0;font-size:12px}.editorial-intro{padding:60px 8% 40px!important}.editorial-intro h2{font-size:34px}.tour-collection{padding-top:32px;padding-bottom:42px}.tour-collection:nth-child(even){background:#edf4fb}.tour-collection .cards{grid-template-columns:repeat(3,1fr);gap:24px}.tour-collection .card img{height:230px}.tour-collection .card h3{font-size:23px;min-height:70px}.tour-collection .card-body{padding:20px}.tour-collection .meta{justify-content:space-between}.tour-origin{font-size:10px;color:#777;margin:8px 0 18px}.catalogue-note{padding:0 8%;margin:20px 0 45px}.travel-styles{padding:60px 8%}.travel-styles>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.travel-styles a{padding:25px 20px;border:1px solid #d7e3f0;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#1e73be;background:white}.booking-party{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking-party input{padding:10px;width:100%;border:1px solid #d7e3f0;background:white}.program-link{font-size:12px;color:#1e73be;border-bottom:1px solid #1e73be}.booking-party label{font-size:11px}#booking-ages label{font-size:11px}@media(max-width:1000px){.search-expanded{grid-template-columns:1fr 1fr 1fr}.search-expanded .button{grid-column:2/4}.destination-strip{gap:12px;flex-wrap:wrap}.destination-strip>span{width:100%;font-size:18px}.tour-collection .cards{grid-template-columns:repeat(2,1fr)}.travel-styles>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sodis-hero{height:480px;padding:48px 6% 130px}.sodis-hero h1,html[lang=lv] .sodis-hero h1{font-size:35px}.sodis-hero p{font-size:13px}.destination-strip{padding:14px 6%;font-size:10px;justify-content:flex-start;gap:6px 20px}.trip-search{padding-inline:3%}.search-tabs{gap:15px;font-size:11px;padding-inline:12px}.search-expanded{grid-template-columns:1fr 1fr;padding:14px 12px;gap:16px}.search-expanded>label:first-child{grid-column:1/-1}.search-expanded .button{grid-column:1/-1}.search-expanded #reset-search{grid-column:1}#search-error{grid-column:1/-1}.traveller-panel{left:0;right:auto;max-width:82vw}.search-help{margin-inline:12px}.tour-collection .cards{grid-template-columns:1fr}.tour-collection .card h3{min-height:0}.travel-styles{padding:40px 6%}.travel-styles>div{grid-template-columns:1fr}.travel-styles h2{font-size:27px}.editorial-intro h2{font-size:28px}}
@media(min-width:801px) and (max-width:1100px){header .phone{display:none}header{gap:20px;padding-inline:4%}header nav{gap:20px}header nav>a,header nav>details>summary{white-space:nowrap}.logo img{width:110px}}
.chat-launch{position:fixed;right:24px;bottom:24px;z-index:60;border:0;border-radius:30px;background:#1e73be;color:white;padding:16px 22px;font:600 13px Manrope;box-shadow:0 6px 25px #010e5433;cursor:pointer}.chat-box{position:fixed;z-index:61;right:24px;bottom:86px;width:390px;max-height:calc(100dvh - 110px);background:white;box-shadow:0 15px 60px #010e5433;border:1px solid #d7e3f0;border-radius:12px;overflow:auto}.chat-box[hidden]{display:none}.chat-box .chat-head{height:auto;padding:16px;background:#010e54;color:white;display:flex;justify-content:space-between;gap:12px}.chat-head strong{font-size:15px}.chat-head span{display:block;font-size:10px;margin-top:4px;color:#bedcff}.chat-close{background:none;border:0;color:white;font-size:25px;cursor:pointer}.chat-log{height:245px;overflow:auto;padding:16px;font-size:12px}.chat-message{background:#edf4fb;line-height:1.7;padding:12px;border-radius:9px;margin-bottom:12px;white-space:pre-wrap}.chat-message.visitor{background:#1e73be;color:white;margin-left:30px}.chat-results{display:grid;gap:8px;margin-bottom:12px}.chat-results a{border:1px solid #d7e3f0;padding:11px;font-size:12px;color:#1e73be;border-radius:6px}.chat-shortcuts{display:flex;gap:7px;padding:0 16px 12px;flex-wrap:wrap}.chat-shortcuts button{font-size:10px;color:#1e73be;background:white;border:1px solid #d7e3f0;padding:7px;border-radius:15px;cursor:pointer}.chat-form{padding:0 16px 12px}.chat-form>div{display:flex;gap:8px}.chat-input-label{font-size:10px;margin-bottom:6px}.chat-form input{min-width:0;flex:1;padding:12px;border:1px solid #d7e3f0;font-size:12px;border-radius:5px}.chat-form button{background:#1e73be;color:white;border:0;padding:10px 15px;border-radius:5px;cursor:pointer}.chat-enquiry{border-top:1px solid #d7e3f0;padding:13px 16px}.chat-enquiry summary{font-size:11px;color:#1e73be;cursor:pointer}.chat-enquiry p,.chat-privacy{font-size:10px!important;line-height:1.6}.chat-enquiry input,.chat-enquiry textarea{display:block;width:100%;border:1px solid #d7e3f0;padding:9px;margin:6px 0 12px;font:12px Manrope}.chat-email{display:inline-block;background:#1e73be;color:white;padding:10px;font-size:11px;border-radius:4px}.chat-privacy{margin:0;padding:0 16px 14px;color:#777}.chat-box a:focus-visible,.chat-box button:focus-visible,.chat-launch:focus-visible{outline:3px solid #70b6ef;outline-offset:3px}@media(max-width:600px){.chat-box{right:10px;bottom:75px;width:calc(100% - 20px);max-height:calc(100dvh - 90px)}.chat-launch{right:12px;bottom:12px;padding:13px 18px}.chat-log{height:220px}}
.traveller-booking{width:min(900px,95vw);max-width:900px;max-height:92vh;padding:30px;border:0;border-radius:16px;overflow:auto}.traveller-booking::backdrop{background:#010e5480}.traveller-booking h2{font-size:26px;margin:0 35px 12px 0}.traveller-booking h3{font-size:15px;margin:0 0 12px}.traveller-booking section,.traveller-booking details{border:1px solid #dce5ee;border-radius:10px;padding:18px;margin:12px 0}.traveller-booking summary{font-weight:600;cursor:pointer}.traveller-booking p{font-size:13px}.booking-demo{background:#eef5fb;padding:12px;color:#010e54}.traveller-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.traveller-booking label{font-size:13px;display:block}.traveller-booking input:not([type=radio]):not([type=checkbox]),.traveller-booking select,.traveller-booking textarea{width:100%;padding:10px;border:1px solid #ccd9e5;border-radius:5px;margin-top:6px;font:inherit}.count-buttons,#traveller-tabs{display:flex;gap:8px;flex-wrap:wrap}.traveller-booking button:not(.button):not(.close){background:white;border:1px solid #ccd9e5;border-radius:5px;padding:9px 20px;color:#010e54;cursor:pointer}.traveller-booking button.selected{background:#1e73be!important;color:white!important}.room-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-options label{display:flex;gap:8px;align-items:center}.traveller-booking fieldset{border:1px solid #dce5ee;padding:16px;margin:14px 0}.traveller-booking .booking-consent{display:flex;gap:10px;margin:18px 0}.booking-send{width:100%;justify-content:center}.traveller-booking .close{position:absolute;right:16px;top:12px}#booking-status{color:#010e54;font-weight:600}@media(max-width:600px){.traveller-booking{padding:20px 14px}.traveller-fields,.room-options{grid-template-columns:1fr}.traveller-booking section,.traveller-booking details{padding:12px}.count-buttons button{padding:8px 14px!important}}
.phone-input{display:grid;grid-template-columns:108px 1fr;gap:6px}.phone-input select,.phone-input input{margin-top:6px!important}
.phone-code-box{display:flex;flex-direction:column}.phone-code-label{font-size:11px;color:#526578;line-height:1.2}.phone-code-box select{margin-top:3px!important}
.traveller-fields .phone-field{grid-column:1/-1}.traveller-fields .phone-input{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;width:100%;align-items:end}.traveller-fields .phone-code-box{min-width:0}.traveller-fields .phone-code-box select{width:100%;box-sizing:border-box}.traveller-fields .phone-input input{min-width:0;box-sizing:border-box}
