﻿/* Viaja+ visual layer. Scoped to this theme so no other storefront or locked admin UI changes. */
.reference-viaja,.theme-viaja{--viaja-ink:#101a35;--viaja-muted:#737b91;--viaja-blue:#2355d8;--viaja-yellow:#ffda32;--viaja-paper:#fff;--viaja-soft:#f3f7ff;color:var(--viaja-ink);background:#fff;font-family:Inter,"Cairo",sans-serif}
.reference-viaja *,.theme-viaja *{box-sizing:border-box}
.reference-viaja a,.theme-viaja a{color:inherit}
.reference-viaja .viaja-header,.reference-viaja .reference-header-viaja{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:16px clamp(20px,5vw,78px);background:#fff;border-bottom:1px solid #e7edf8}
.reference-viaja .viaja-brand,.reference-viaja .reference-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.2rem;font-weight:850;color:var(--viaja-ink)}
.reference-viaja .viaja-brand img,.reference-viaja .reference-brand img{max-width:150px;max-height:54px;object-fit:contain}
.reference-viaja .viaja-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--viaja-blue);color:#fff;font-weight:900}
.reference-viaja .viaja-header nav,.reference-viaja .reference-header-viaja nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,34px)}
.reference-viaja .viaja-header nav a,.reference-viaja .reference-header-viaja nav a{color:#273753;font-size:.94rem;font-weight:650;text-decoration:none;white-space:nowrap}
.reference-viaja .viaja-header nav a:hover,.reference-viaja .reference-header-viaja nav a:hover{color:var(--viaja-blue)}
.reference-viaja .viaja-header-actions,.reference-viaja .reference-header-viaja .reference-header-actions{display:flex;align-items:center;gap:10px}
.reference-viaja .viaja-languages{position:relative}.reference-viaja .viaja-languages summary{cursor:pointer;list-style:none;padding:10px;border:1px solid #dbe4f4;border-radius:50%;color:var(--viaja-blue)}
.reference-viaja .viaja-languages>div{position:absolute;top:calc(100% + 8px);inset-inline-end:0;display:grid;min-width:130px;padding:8px;background:white;border:1px solid #e2e8f2;border-radius:14px;box-shadow:0 14px 34px #101a3522}
.reference-viaja .viaja-languages a{padding:8px;text-decoration:none;border-radius:8px}.reference-viaja .viaja-languages a:hover{background:#eef3ff}
.reference-viaja .viaja-account,.reference-viaja .viaja-header-cta,.reference-viaja .reference-nav-cta{padding:11px 16px;border-radius:12px;text-decoration:none;font-weight:750}
.reference-viaja .viaja-account{border:1px solid #dbe4f4}.reference-viaja .viaja-header-cta,.reference-viaja .reference-nav-cta{color:#fff;background:var(--viaja-blue)}
.reference-viaja .viaja-menu,.reference-viaja .reference-mobile-menu{display:none;border:0;background:var(--viaja-soft);color:var(--viaja-blue);border-radius:12px;padding:10px;font-size:1.2rem}
.reference-viaja .viaja-hero{position:relative;min-height:610px;display:grid;align-items:center;padding:clamp(38px,7vw,96px) clamp(20px,7vw,110px) 110px;isolation:isolate;background:#eaf1ff;overflow:hidden}
.reference-viaja .viaja-hero-photo{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#071a42dd 0%,#071a424c 54%,#071a4200 100%),var(--viaja-hero);background-position:center;background-size:cover;transform:scale(1.015)}
.reference-viaja .viaja-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.reference-viaja .viaja-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a42dc 0%,#071a426e 48%,#071a4212 100%);pointer-events:none}
.reference-viaja[dir=rtl] .viaja-hero-photo:after{background:linear-gradient(270deg,#071a42dd 0%,#071a424c 54%,#071a4200 100%)}
.reference-viaja .viaja-hero-copy{width:min(680px,72%);color:#fff}.reference-viaja .viaja-hero-copy>p,.reference-viaja .viaja-section>header>p,.reference-viaja .viaja-experiences>div>p,.reference-viaja .viaja-contact>div>p{color:var(--viaja-yellow);font-size:.78rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}
.reference-viaja .viaja-hero h1{max-width:700px;margin:12px 0;font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.045em;color:#fff}
.reference-viaja .viaja-hero-copy>span{display:block;max-width:590px;font-size:1.08rem;line-height:1.8;color:#eef4ff}
.reference-viaja .viaja-hero-copy>a,.reference-viaja .viaja-search button,.reference-viaja .viaja-contact>a{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:14px 20px;border-radius:12px;background:var(--viaja-yellow);color:#102147;text-decoration:none;font-weight:850}
.reference-viaja .viaja-hero-stamp{position:absolute;inset-inline-end:8%;top:12%;width:112px;height:112px;display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;color:#fff;font-weight:900;font-size:1.65rem;transform:rotate(12deg)}
.reference-viaja .viaja-search{position:absolute;inset-inline:clamp(20px,7vw,110px);bottom:25px;display:grid;grid-template-columns:1.6fr 1fr .7fr auto;align-items:end;gap:12px;padding:16px;background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 18px 55px #06194128}
.reference-viaja .viaja-search label{display:grid;gap:8px;color:#59657b;font-size:.8rem;font-weight:700}.reference-viaja .viaja-search input,.reference-viaja .viaja-search select{width:100%;min-height:44px;border:1px solid #e1e7f1;border-radius:10px;padding:0 12px;background:white;color:var(--viaja-ink)}.reference-viaja .viaja-search button{margin:0;border:0;justify-content:center;min-height:48px;cursor:pointer}
.reference-viaja .viaja-section{padding:clamp(48px,7vw,92px) clamp(20px,6vw,88px)}
.reference-viaja .viaja-section>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.reference-viaja .viaja-section>header p{margin:0 0 8px;color:var(--viaja-blue)}.reference-viaja .viaja-section h2,.reference-viaja .viaja-experiences h2,.reference-viaja .viaja-about h2,.reference-viaja .viaja-contact h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.035em;color:var(--viaja-ink)}
.reference-viaja .viaja-section>header>a,.reference-viaja .viaja-about>a{color:var(--viaja-blue);font-weight:800;text-decoration:none}
.reference-viaja .viaja-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.reference-viaja .viaja-destination{position:relative;isolation:isolate;display:flex;align-items:end;justify-content:space-between;min-height:220px;padding:20px;color:white;text-decoration:none;border-radius:18px;overflow:hidden;background:linear-gradient(0deg,#081a3dcc,transparent 75%),#173c7a;transition:transform .24s ease,box-shadow .24s ease}.reference-viaja .viaja-destination:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081a3dcc,transparent 75%);z-index:-1}.reference-viaja .viaja-destination img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.reference-viaja .viaja-destination:hover{transform:translateY(-4px);box-shadow:0 18px 40px #122f6440}.reference-viaja .viaja-destination span{font-size:1.2rem;font-weight:800}.reference-viaja .viaja-destination b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--viaja-yellow);color:#102147}
.reference-viaja .viaja-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-viaja .viaja-product-grid .theme-products-grid{display:contents}.reference-viaja .viaja-product-grid .theme-product{border:1px solid #e4eaf3;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #152b4c0c;transition:transform .22s ease,box-shadow .22s ease}.reference-viaja .viaja-product-grid .theme-product:hover{transform:translateY(-4px);box-shadow:0 15px 36px #152b4c1c}.reference-viaja .viaja-product-grid .theme-product-photo{height:210px}.reference-viaja .viaja-product-grid .theme-book{background:var(--viaja-blue);color:#fff;border-radius:9px}
.reference-viaja .viaja-experiences,.reference-viaja .viaja-about{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 clamp(20px,6vw,88px) 45px;padding:clamp(26px,5vw,56px);border-radius:24px;background:var(--viaja-soft)}.reference-viaja .viaja-experiences>div{max-width:680px}.reference-viaja .viaja-experiences span,.reference-viaja .viaja-about>p{color:var(--viaja-muted);line-height:1.8;max-width:640px}.reference-viaja .viaja-experiences>a{padding:13px 17px;border-radius:11px;background:var(--viaja-blue);color:white;text-decoration:none;font-weight:750;white-space:nowrap}.reference-viaja .viaja-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 clamp(20px,6vw,88px) 60px;padding:clamp(28px,5vw,58px);border-radius:22px;background:var(--viaja-ink);color:white}.reference-viaja .viaja-contact h2{color:#fff}.reference-viaja .viaja-contact>a{margin:0;white-space:nowrap}
.reference-viaja .viaja-gallery>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reference-viaja .viaja-gallery article{overflow:hidden;min-height:150px;border-radius:14px;background:#e5ebf5}.reference-viaja .viaja-gallery img,.reference-viaja .viaja-gallery video{display:block;width:100%;height:100%;min-height:170px;object-fit:cover}.reference-viaja .viaja-info-page{max-width:1100px;margin:auto;padding:30px}.reference-viaja .viaja-info-page header,.reference-viaja .viaja-info-page section{padding:26px;margin:18px 0;border-radius:18px;background:#fff}.reference-viaja .viaja-info-page a{color:var(--viaja-blue)}.reference-viaja .viaja-empty{grid-column:1/-1;padding:24px;border:1px dashed #cfdaeb;border-radius:14px;color:var(--viaja-muted);background:#fff}
.reference-viaja .viaja-footer,.reference-viaja .reference-footer-viaja{padding:46px clamp(20px,6vw,88px) 20px;background:#101a35;color:#edf3ff}.reference-viaja .viaja-footer-main,.reference-viaja .reference-footer-viaja .reference-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.reference-viaja .viaja-footer-brand p,.reference-viaja .reference-footer-brand p{max-width:340px;color:#b8c3d9;line-height:1.7}.reference-viaja .viaja-footer h3,.reference-viaja .reference-footer-viaja h2{margin:0 0 14px;color:#fff;font-size:1rem}.reference-viaja .viaja-footer-main>div:not(:first-child)>a,.reference-viaja .viaja-footer-main>div:not(:first-child)>span,.reference-viaja .reference-footer-viaja nav a{display:block;margin:9px 0;color:#c5cee0;text-decoration:none}.reference-viaja .viaja-footer .viaja-brand,.reference-viaja .reference-footer-viaja .reference-brand{color:white}.reference-viaja .viaja-social svg,.reference-viaja .reference-social-links svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.reference-viaja .viaja-social a,.reference-viaja .reference-social-links a{display:inline-flex;margin-inline-end:10px;color:white}.reference-viaja .viaja-footer-legal{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:35px;padding-top:18px;border-top:1px solid #ffffff22;color:#bac5d9;font-size:.82rem}.reference-viaja .viaja-footer-legal div{display:flex;gap:16px}.reference-viaja .viaja-footer-legal a{color:inherit;text-decoration:none}.reference-viaja .reference-footer-viaja>small{display:block;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff22;color:#bac5d9}
.reference-viaja .reference-page-content{padding:clamp(28px,5vw,72px) clamp(20px,7vw,110px);background:#f6f8fc}.reference-viaja .reference-listing-hero,.reference-viaja .reference-static-hero,.reference-viaja .reference-account-page>header{border-radius:24px;background:linear-gradient(120deg,#0b2458,#2355d8);color:white}.reference-viaja .reference-listing-hero h1,.reference-viaja .reference-static-hero h1,.reference-viaja .reference-account-page>header h1{color:white}.reference-viaja .reference-filter-chip,.reference-viaja .reference-account-submit{background:var(--viaja-blue);color:white;border-color:var(--viaja-blue)}.reference-viaja .reference-filter-row{flex-wrap:wrap}.reference-viaja .reference-product-grid,.reference-viaja .theme-products-grid{gap:20px}.reference-viaja .reference-product-card,.reference-viaja .theme-product{border-radius:16px}.reference-viaja .reference-contact-content,.reference-viaja .reference-account-form,.reference-viaja .reference-account-profile{border-radius:20px}
.reference-viaja[dir=rtl] .viaja-hero-copy{text-align:right}.reference-viaja[dir=rtl] .viaja-header nav{direction:rtl}
@media(max-width:950px){.reference-viaja .viaja-header nav,.reference-viaja .reference-header-viaja nav{display:none}.reference-viaja .viaja-header nav.is-open,.reference-viaja .reference-header-viaja nav.is-open{position:absolute;top:100%;inset-inline:12px;display:flex;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border:1px solid #e4eaf3;border-radius:14px;box-shadow:0 16px 34px #10203a22}.reference-viaja .viaja-header nav.is-open a,.reference-viaja .reference-header-viaja nav.is-open a{padding:10px}.reference-viaja .viaja-menu,.reference-viaja .reference-mobile-menu{display:inline-flex}.reference-viaja .viaja-header-cta,.reference-viaja .reference-nav-cta{display:none}.reference-viaja .viaja-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-viaja .viaja-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-viaja .viaja-footer-main,.reference-viaja .reference-footer-viaja .reference-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.reference-viaja .viaja-header,.reference-viaja .reference-header-viaja{min-height:70px;padding:12px 16px;gap:8px}.reference-viaja .viaja-brand img,.reference-viaja .reference-brand img{max-width:112px;max-height:44px}.reference-viaja .viaja-account{width:40px;height:40px;overflow:hidden;white-space:nowrap;font-size:0;padding:0;display:grid;place-items:center}.reference-viaja .viaja-account:before{content:"♙";font-size:1.1rem}.reference-viaja .viaja-hero{min-height:650px;padding:50px 20px 240px}.reference-viaja .viaja-hero-photo{background-image:linear-gradient(180deg,#071a4233 0%,#071a42d9 72%),var(--viaja-hero);background-position:center}.reference-viaja[dir=rtl] .viaja-hero-photo{background-image:linear-gradient(180deg,#071a4233 0%,#071a42d9 72%),var(--viaja-hero)}.reference-viaja .viaja-hero-copy{width:100%;align-self:end}.reference-viaja .viaja-hero h1{font-size:clamp(2.35rem,12vw,3.8rem)}.reference-viaja .viaja-hero-stamp{width:72px;height:72px;top:7%;inset-inline-end:7%;font-size:1.1rem}.reference-viaja .viaja-search{inset-inline:14px;bottom:14px;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.reference-viaja .viaja-search label:first-child{grid-column:1/-1}.reference-viaja .viaja-search button{grid-column:1/-1}.reference-viaja .viaja-section{padding:46px 18px}.reference-viaja .viaja-section>header{align-items:start;flex-direction:column}.reference-viaja .viaja-destination-grid{gap:10px}.reference-viaja .viaja-destination{min-height:150px;padding:12px;border-radius:14px}.reference-viaja .viaja-destination span{font-size:.95rem}.reference-viaja .viaja-product-grid{grid-template-columns:1fr}.reference-viaja .viaja-product-grid .theme-product-photo{height:225px}.reference-viaja .viaja-experiences,.reference-viaja .viaja-about,.reference-viaja .viaja-contact{margin-inline:16px;margin-bottom:28px;padding:24px;align-items:flex-start;flex-direction:column}.reference-viaja .viaja-footer{padding:36px 18px 16px}.reference-viaja .viaja-footer-main,.reference-viaja .reference-footer-viaja .reference-footer-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.reference-viaja .viaja-footer-brand{grid-column:1/-1}.reference-viaja .viaja-gallery>div{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-viaja .viaja-info-page{padding:12px}.reference-viaja .viaja-footer-legal{align-items:flex-start;flex-direction:column}.reference-viaja .reference-page-content{padding:20px 14px}.reference-viaja .reference-listing-hero form{grid-template-columns:1fr}.reference-viaja .reference-listing-products .theme-products-grid,.reference-viaja .reference-product-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reference-viaja *,.theme-viaja *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Additive Viaja+ homepage blocks; scoped to this theme only. */
.reference-viaja .viaja-ideas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.reference-viaja .viaja-idea{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:20px 22px;border:1px solid #e3eaf5;border-radius:18px;background:var(--viaja-soft);color:var(--viaja-ink);font-weight:750;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.reference-viaja .viaja-idea:hover{transform:translateY(-3px);border-color:var(--viaja-blue);box-shadow:0 14px 28px #10214712}
.reference-viaja .viaja-benefits>div,.reference-viaja .viaja-stats>div,.reference-viaja .viaja-reviews>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.reference-viaja .viaja-benefits article,.reference-viaja .viaja-stats article,.reference-viaja .viaja-review{padding:22px;border:1px solid #e6ebf4;border-radius:18px;background:#fff;box-shadow:0 12px 34px #1021470a}
.reference-viaja .viaja-benefits article>span{color:var(--viaja-blue);font-size:.8rem;font-weight:800;letter-spacing:.12em}
.reference-viaja .viaja-benefits h3{margin:12px 0 8px;color:var(--viaja-ink)}
.reference-viaja .viaja-benefits p,.reference-viaja .viaja-review p{color:var(--viaja-muted);line-height:1.8}
.reference-viaja .viaja-stats{background:var(--viaja-soft)}
.reference-viaja .viaja-stats>div{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.reference-viaja .viaja-stats article{display:grid;gap:8px;text-align:center}
.reference-viaja .viaja-stats strong{color:var(--viaja-blue);font-size:clamp(1.8rem,4vw,2.7rem)}
.reference-viaja .viaja-stats span,.reference-viaja .viaja-review strong{color:var(--viaja-ink);font-weight:700}
.reference-viaja .viaja-video>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.reference-viaja .viaja-video video{display:block;width:100%;max-height:440px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:#101a35}
.reference-viaja .viaja-support{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 clamp(18px,6vw,88px) 46px;padding:clamp(26px,4vw,48px);border-radius:24px;background:var(--viaja-soft)}
.reference-viaja .viaja-support h2{margin:8px 0;color:var(--viaja-ink)}
.reference-viaja .viaja-support span{color:var(--viaja-muted)}
.reference-viaja .viaja-support>a{padding:13px 20px;border-radius:12px;background:var(--viaja-blue);color:#fff;text-decoration:none;font-weight:800}
@media(max-width:720px){.reference-viaja .viaja-benefits>div,.reference-viaja .viaja-stats>div,.reference-viaja .viaja-reviews>div{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-viaja .viaja-support{align-items:stretch;flex-direction:column;margin-inline:16px}.reference-viaja .viaja-support>a{text-align:center;justify-content:center}.reference-viaja .viaja-video>div{grid-template-columns:1fr}}
@media(max-width:420px){.reference-viaja .viaja-benefits>div,.reference-viaja .viaja-stats>div,.reference-viaja .viaja-reviews>div{grid-template-columns:1fr}}

/* Keep the hero booking panel fully visible inside the current slide. */
@media(min-width:641px){
  .reference-viaja .viaja-hero{min-height:clamp(680px,72vh,840px);padding-bottom:clamp(190px,18vh,220px)}
  .reference-viaja .viaja-search{bottom:clamp(72px,7vh,100px)}
}
@media(min-width:641px) and (max-width:950px){
  .reference-viaja .viaja-hero{min-height:760px;padding-bottom:220px}
  .reference-viaja .viaja-search{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reference-viaja .viaja-search label:first-child,.reference-viaja .viaja-search button{grid-column:1/-1}
}
@media(max-width:640px){
  .reference-viaja .viaja-hero{min-height:700px;padding-bottom:270px}
  .reference-viaja .viaja-search{bottom:20px;inset-inline:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}
  .reference-viaja .viaja-search label:first-child,.reference-viaja .viaja-search button{grid-column:1/-1}
}
