/* Javiva Adventures — premium visual layer. Keep this file separate for easy future updates. */
:root{--forest:#12392d;--forest-2:#1f5140;--gold:#d6b477;--gold-light:#f1d9aa;--sand:#f7f4ed;--ink:#172b23;--muted:#6f7d73;--radius:4px;--shadow-soft:0 18px 55px rgba(18,57,45,.10);--shadow-card:0 15px 38px rgba(15,42,31,.09)}
body{background:#fff;color:var(--ink);font-size:15px;letter-spacing:.005em;overflow-x:hidden}::selection{background:var(--gold-light);color:var(--forest)}
.container{width:min(1220px,calc(100% - 48px))}.topline{background:linear-gradient(100deg,#0c281f,#173e30);font-size:11px}.topline-inner{min-height:36px;align-items:center}.topline-inner a{display:inline-flex;align-items:center;gap:8px;color:#f3dfb7}.topline-inner a:before{content:'\f095';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px}
.site-header{background:rgba(255,255,255,.94);box-shadow:0 8px 35px rgba(18,57,45,.045);transition:box-shadow .3s,background .3s}.site-header:has(+ main .hero){background:rgba(255,255,255,.96)}.nav-wrap{min-height:86px}.brand{gap:11px}.brand-icon{width:49px;height:49px;position:relative}.brand-icon:after{content:'';position:absolute;inset:2px;border:1px solid #d6b477;border-radius:50%;opacity:.65;animation:orbit 16s linear infinite}.brand b{font-size:23px;letter-spacing:.16em}.brand small{font-size:9px;letter-spacing:.36em}.main-nav{gap:clamp(10px,1.3vw,21px);font-size:11px;letter-spacing:.015em}.main-nav>a:not(.nav-cta),.nav-dropdown>a{position:relative}.main-nav>a:not(.nav-cta):after,.nav-dropdown>a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .25s}.main-nav>a:hover:after,.nav-dropdown>a:hover:after{right:0}.nav-dropdown>a span{display:inline-block;transition:transform .25s}.nav-dropdown:hover>a span{transform:rotate(180deg)}.dropdown-panel{top:76px;min-width:245px;border-top:3px solid var(--gold);border-radius:0 0 5px 5px;box-shadow:0 24px 60px #102b2320;padding:12px;animation:drop-in .2s ease both}.dropdown-panel a{display:flex;align-items:center;gap:10px;border:0;border-radius:3px;padding:12px;font-size:12px}.dropdown-panel a:before{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;font-size:8px;color:#b38d50;transition:transform .2s}.dropdown-panel a:hover{background:#f7f3e9;padding-left:16px}.nav-cta{padding:14px 17px!important;box-shadow:0 8px 20px #173b3017;transition:transform .25s,box-shadow .25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #173b3030}.nav-cta span{color:var(--gold-light)}
.hero{height:min(800px,84vh);min-height:630px;background:#153b2e}.hero-slide{background-position:center 48%;filter:saturate(.88)}.hero-shade{background:linear-gradient(90deg,rgba(7,25,18,.82) 0%,rgba(7,25,18,.48) 49%,rgba(7,25,18,.08) 100%),linear-gradient(0deg,rgba(7,25,18,.48),transparent 45%)}.hero-content{padding-top:clamp(100px,12vh,155px)}.hero .eyebrow{font-size:10px;letter-spacing:.24em}.hero h1{max-width:800px;font-size:clamp(54px,7vw,96px);line-height:1.01;margin:26px 0 22px;animation:hero-rise .8s .08s both}.hero h1 em{color:#e8c98e}.hero-content>p{font-size:16px;max-width:540px;line-height:1.9;color:#f0f2ed;animation:hero-rise .8s .2s both}.hero-actions{animation:hero-rise .8s .3s both}.btn{min-height:49px;border-radius:2px;letter-spacing:.02em;position:relative;overflow:hidden}.btn:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 45%,transparent 70%);transform:translateX(-130%);transition:transform .6s}.btn:hover:before{transform:translateX(130%)}.btn-gold{background:linear-gradient(135deg,#e2c58f,#c6a05e);color:#172b23;box-shadow:0 12px 30px #0002}.btn-outline{backdrop-filter:blur(5px);background:#ffffff0b}.hero-foot{margin-top:75px}.hero-controls button{border-radius:50%;backdrop-filter:blur(10px);font-size:17px}.hero-brandmark{opacity:.82}.hero-brandmark>span{box-shadow:0 0 0 8px #ffffff0a;animation:soft-pulse 4s ease-in-out infinite}
.search-strip{position:relative;z-index:4;background:#f6f3eb;box-shadow:0 12px 35px #1b382510}.search-form{padding-top:21px;padding-bottom:21px;gap:24px}.search-form label{min-height:42px}.search-form small{letter-spacing:.17em}.search-form select{padding:5px 0;cursor:pointer}.search-form .btn{white-space:nowrap}
.section{padding-top:112px;padding-bottom:112px}.section-head{margin-bottom:45px}.section h2,.map-copy h2,.newsletter h2{font-size:clamp(42px,4.6vw,64px);line-height:1.08}.section-head>p{font-size:14px;line-height:1.9}.eyebrow{letter-spacing:.22em}.eyebrow-line{width:37px}.experience-grid{gap:20px}.experience-card{border-radius:3px;box-shadow:var(--shadow-card);isolation:isolate}.experience-card:after{background:linear-gradient(0deg,rgba(6,25,18,.82),rgba(6,25,18,.04) 72%)}.experience-card img{filter:saturate(.86);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}.experience-card:hover img{transform:scale(1.075);filter:saturate(1.08)}.experience-card strong{font-size:32px;transition:transform .3s}.experience-card:hover strong{transform:translateY(-4px)}.exp-arrow{width:37px;height:37px;border:1px solid #e5c78f;border-radius:50%;display:grid;place-items:center;transition:transform .3s,background .3s}.experience-card:hover .exp-arrow{background:var(--gold);color:var(--forest);transform:rotate(45deg)}
.section-cream{background:linear-gradient(140deg,#f8f6f0,#f1eee5)}.safari-grid{gap:25px}.safari-card{border:1px solid #e9e8e0;border-radius:3px;overflow:hidden;box-shadow:0 8px 30px #162b2008;transition:transform .35s,box-shadow .35s,border-color .35s}.safari-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card);border-color:#d7c59f}.safari-photo{height:250px;background:#d9ded7}.safari-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a241a28,transparent 45%);pointer-events:none}.safari-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.88)}.safari-card:hover .safari-photo img{transform:scale(1.07);filter:saturate(1.05)}.photo-tag{background:rgba(250,246,235,.94);backdrop-filter:blur(8px);border-left:2px solid var(--gold);font-weight:700}.safari-info{padding:25px 25px 28px}.meta{font-size:10px;letter-spacing:.1em;color:#9a7944}.safari-info h3{font-size:27px;line-height:1.2}.safari-info p{font-size:13px;line-height:1.8;min-height:68px}.text-link{display:inline-flex;align-items:center;gap:8px;padding-bottom:6px;border-color:#c7ae80;transition:color .25s,gap .25s}.text-link:hover{color:#9a743c;gap:13px}.text-link span{margin-left:0}
.map-section{padding-top:115px;padding-bottom:115px;gap:80px}.map-copy p{font-size:14px;line-height:1.9}.east-map{border:6px solid #fff;box-shadow:var(--shadow-soft);border-radius:3px;overflow:hidden}.leaflet-popup-content-wrapper{border-radius:3px}.leaflet-popup-content a{color:#173b30;font-weight:700}.quote-band{background:radial-gradient(circle at 80% 0%,#285544 0,#173b30 44%,#102b23 100%);position:relative;overflow:hidden}.quote-band:after{content:'J';position:absolute;right:4%;top:-105px;font:400 350px var(--serif);color:#ffffff06;pointer-events:none}.quote-inner{position:relative;z-index:1}.quote-mark{font-size:110px}.quote-inner p{font-size:27px;line-height:1.45}.destination-grid{gap:18px}.destination-card{border-radius:3px;box-shadow:0 12px 30px #112b1f14}.destination-card:after{background:linear-gradient(0deg,rgba(6,24,17,.9),rgba(6,24,17,.03) 78%)}.destination-card img{filter:saturate(.85);transition:transform .8s,filter .6s}.destination-card:hover img{transform:scale(1.08);filter:saturate(1.1)}.destination-card h3{font-size:28px}.destination-card span{display:inline-flex;align-items:center;gap:7px;color:#f3d8a3}.destination-card span:after{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;transition:transform .25s}.destination-card:hover span:after{transform:translateX(4px)}
.newsletter{background:linear-gradient(115deg,#1b4938,#103426);position:relative;overflow:hidden}.newsletter:after{content:'\f0f3';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:5%;bottom:-50px;font-size:210px;color:#ffffff06;transform:rotate(-15deg);pointer-events:none}.newsletter-inner{position:relative;z-index:1}.newsletter h2{font-size:clamp(38px,4vw,52px)}.newsletter form{border:1px solid #ffffff22;padding:20px 24px 18px;background:#ffffff08}.newsletter-input button{transition:transform .25s}.newsletter-input button:hover{transform:translateX(4px)}
.site-footer{background:#0c261e;position:relative}.site-footer:before{content:'';display:block;height:3px;background:linear-gradient(90deg,#b78e4b,#f1d9aa,#b78e4b)}.footer-main{padding:70px 0 50px}.footer-main h4{font-size:10px;letter-spacing:.17em}.footer-main>div:not(.footer-about)>a{position:relative;display:block;width:fit-content;color:#b9c8bd;font-size:12px;padding:5px 0;transition:color .2s,transform .2s}.footer-main>div:not(.footer-about)>a:hover{color:#f1d9aa;transform:translateX(3px)}.footer-main>div:not(.footer-about)>a[href^="tel"]:before,.footer-main>div:not(.footer-about)>a[href^="mailto"]:before{font-family:'Font Awesome 6 Free';font-weight:900;color:var(--gold);margin-right:8px}.footer-main>div:not(.footer-about)>a[href^="tel"]:before{content:'\f095'}.footer-main>div:not(.footer-about)>a[href^="mailto"]:before{content:'\f0e0'}.footer-about p{font-size:13px;line-height:1.8}.socials a{border-radius:3px;font-size:13px}.socials a:hover{transform:translateY(-4px) rotate(-4deg)}.footer-bottom{font-size:10px;letter-spacing:.04em}.whatsapp-float{width:58px;height:58px;right:25px;bottom:25px;font-size:27px;box-shadow:0 10px 28px #0003;border:3px solid #ffffffb8;animation:floaty 4s ease-in-out infinite}.whatsapp-float:before{content:'\f232';font-family:'Font Awesome 6 Brands';font-weight:400}.whatsapp-float{font-size:0}.whatsapp-float:hover{transform:scale(1.08) rotate(-5deg)}
.page-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 10%,#2d6049 0,#173b30 42%,#102b23 100%);padding:100px 0 88px}.page-hero:before{content:'';position:absolute;width:480px;height:480px;right:-100px;top:-210px;border:1px solid #d6b47736;border-radius:50%;box-shadow:0 0 0 45px #d6b4770a,0 0 0 90px #d6b47708;animation:orbit 50s linear infinite}.page-hero:after{content:'JAVIVA  /  EAST AFRICA';position:absolute;right:max(24px,calc((100% - 1220px)/2));bottom:24px;font-size:9px;letter-spacing:.25em;color:#f1d9aa8c}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.035em;max-width:900px}.page-hero h1 em{color:#e5c58b}.page-hero p{font-size:14px;line-height:1.9;max-width:650px}.content-section{padding-top:80px;padding-bottom:110px}.content-section h2{line-height:1.2}.content-section p{font-size:14px;line-height:1.9}.listing-tools{background:#f7f5ee;padding:18px;border:1px solid #e8e4d8;box-shadow:0 8px 25px #173b3008}.listing-tools input,.listing-tools select,.form-control{border-radius:2px;transition:border-color .2s,box-shadow .2s}.listing-tools input:focus,.listing-tools select:focus,.form-control:focus{outline:0;border-color:#b9965d;box-shadow:0 0 0 3px #d6b47725}.empty-state{border:1px solid #e8e3d7;border-left:3px solid var(--gold);line-height:1.8}.form-layout{gap:22px}.form-group label{font-size:11px;letter-spacing:.02em}.form-control{min-height:47px}.form-group textarea{min-height:155px}.notice{border-radius:2px;line-height:1.7}.detail-layout{gap:50px}.detail-image{border-radius:3px;box-shadow:var(--shadow-soft);margin-bottom:30px}.detail-aside{position:sticky;top:120px;border-top:3px solid var(--gold);box-shadow:var(--shadow-soft);border-radius:2px}.detail-aside h2{color:var(--forest)}.detail-aside p{border-bottom:1px solid #e1ded4;padding-bottom:13px}.faq-item{padding:21px 0}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;color:#a9854d;font-size:16px;transition:transform .25s}.faq-item[open] summary:after{transform:rotate(180deg)}
/* Admin polish, while preserving the existing PHP workflow */
.admin-body{background:#f5f6f2}.admin-side{background:linear-gradient(180deg,#12392d,#0b281f)}.admin-side a{border-radius:3px;transition:background .2s,padding .2s}.admin-side a:hover{background:#ffffff12;padding-left:16px}.admin-main h1{letter-spacing:-.025em}.stat,.admin-panel,.login-box{border:1px solid #e7e9e4;border-radius:4px;box-shadow:0 12px 32px #173b3008}.stat{transition:transform .25s,box-shadow .25s}.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.stat strong{font-family:var(--serif)}.small-btn{border-radius:2px;transition:transform .2s,filter .2s}.small-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
/* Scroll entrance animation is progressively enhanced by main.js */
.js-motion .motion-in{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.js-motion .motion-in.visible{opacity:1;transform:none}.js-motion .motion-in[data-delay="1"]{transition-delay:.08s}.js-motion .motion-in[data-delay="2"]{transition-delay:.16s}.js-motion .motion-in[data-delay="3"]{transition-delay:.24s}.icon-nudge{display:inline-flex;align-items:center;gap:8px}.icon-nudge i{transition:transform .25s}.icon-nudge:hover i{transform:translate(3px,-2px)}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes drop-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-pulse{0%,100%{box-shadow:0 0 0 8px #ffffff0a}50%{box-shadow:0 0 0 14px #ffffff08}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1100px){.main-nav{gap:10px}.main-nav{font-size:10px}.nav-cta{padding:12px!important}.hero-brandmark{display:none}.map-section{gap:42px}}
@media(max-width:850px){.container{width:calc(100% - 38px)}.nav-wrap{min-height:76px}.mobile-toggle{font-size:0;width:42px;height:42px;display:grid;place-items:center;border:1px solid #e2e5dd;border-radius:3px;position:relative}.mobile-toggle:before{content:'\f0c9';font-family:'Font Awesome 6 Free';font-weight:900;font-size:18px}.mobile-toggle[aria-expanded="true"]:before{content:'\f00d'}.main-nav{top:76px;max-height:calc(100vh - 76px);overflow:auto}.dropdown-panel{animation:none}.hero{min-height:610px}.hero-content{padding-top:92px}.hero h1{font-size:clamp(48px,8vw,72px)}.section{padding-top:78px;padding-bottom:78px}.map-section{padding-top:78px;padding-bottom:78px}.content-section{padding-top:60px;padding-bottom:75px}.page-hero{padding:75px 0 70px}.detail-aside{position:static}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.topline{font-size:10px}.topline-inner{min-height:33px}.hero{min-height:620px;height:82vh}.hero-content{padding-top:78px}.hero h1{font-size:clamp(44px,12vw,58px)}.hero-content>p{font-size:13px;max-width:400px}.hero-foot{margin-top:48px}.hero-controls{bottom:18px}.search-form{gap:8px}.search-form label{padding:10px 0}.section{padding-top:62px;padding-bottom:62px}.section h2,.map-copy h2{font-size:clamp(39px,11vw,52px)}.experience-grid,.safari-grid{grid-template-columns:1fr}.experience-card,.experience-card.tall{min-height:300px}.safari-photo{height:230px}.map-section{padding-top:62px;padding-bottom:62px}.east-map{height:320px}.quote-inner p{font-size:22px}.quote-inner .btn{width:100%}.destination-grid{grid-template-columns:1fr 1fr;gap:10px}.destination-card{height:225px}.destination-card h3{font-size:22px}.newsletter{padding:52px 0}.newsletter h2{font-size:37px}.newsletter form{padding:16px}.footer-main{padding:48px 0 35px}.footer-main h4{margin-bottom:13px}.page-hero{padding:60px 0 58px}.page-hero:after{font-size:8px;right:16px}.page-hero h1{font-size:clamp(41px,11vw,56px)}.content-section{padding-top:48px;padding-bottom:62px}.listing-tools{padding:12px}.listing-tools>*{min-width:100%}.form-layout{grid-template-columns:1fr;gap:15px}.form-group.full{grid-column:auto}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-image{height:270px}.detail-aside{padding:20px}.whatsapp-float{width:53px;height:53px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.js-motion .motion-in{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.trust-strip{position:relative;background:#fff;border-bottom:1px solid #eeece4;box-shadow:0 10px 30px #173b3007}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:27px}.trust-item{display:flex;align-items:center;gap:14px;padding:4px 22px;border-right:1px solid #e8e5dc}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}.trust-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #e2d3b5;border-radius:50%;color:#98743d;font-size:16px;transition:background .3s,color .3s,transform .3s}.trust-item:hover .trust-icon{background:var(--forest);color:var(--gold-light);transform:translateY(-3px) rotate(-6deg)}.trust-item strong,.trust-item small{display:block}.trust-item strong{font:600 12px var(--sans);color:var(--forest);margin-bottom:3px}.trust-item small{font-size:10px;color:#7b857d}.hero-foot-note{margin-left:auto;color:#e7d4ac;letter-spacing:.08em}.hero-foot-note i{margin-right:5px}.main-nav>a i,.nav-dropdown>a i{font-size:10px;color:#a8864d;margin-right:3px}.footer-main>div:not(.footer-about)>a i{width:17px;color:#c9a56a;font-size:11px}.footer-main>div:not(.footer-about)>p i{color:#c9a56a;margin-right:7px}.btn i{font-size:12px}.btn i+span{margin-left:2px}.faq-item summary{transition:color .2s}.faq-item summary:hover{color:#9a7944}
@media(max-width:850px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:0}.trust-item{padding:14px 12px;border-bottom:1px solid #eeeae0}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0}.trust-item:first-child{padding-left:12px}.hero-foot-note{display:none}}
@media(max-width:560px){.trust-grid{padding-top:8px;padding-bottom:8px}.trust-item{gap:9px;padding:12px 5px!important}.trust-icon{width:36px;height:36px;flex-basis:36px;font-size:13px}.trust-item strong{font-size:11px}.trust-item small{font-size:9px}.main-nav>a i,.nav-dropdown>a i{margin-right:8px}}

/* Added content sections and responsive administration improvements */
.difference-section{background:#f7f4ec;padding:90px 0}.difference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.difference-grid article{background:#fff;border:1px solid rgba(31,61,48,.08);padding:28px;border-radius:16px;transition:transform .25s,box-shadow .25s}.difference-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 45px #18372912}.difference-grid i{font-size:26px;color:#b88b49}.difference-grid h3{font:500 23px var(--serif);margin:18px 0 10px}.difference-grid p{line-height:1.75;color:#6b716c}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px;background:#173c2f;color:white;padding:30px;border-radius:16px}.stats-row div{text-align:center;display:flex;flex-direction:column;gap:7px}.stats-row strong{font:500 clamp(28px,3vw,42px) var(--serif);color:#e4c58e}.stats-row span{font-size:13px;letter-spacing:.04em}.partner-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center}.partner-logos a{min-height:100px;border:1px solid #e8e6df;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:18px;background:white;transition:transform .2s}.partner-logos a:hover{transform:translateY(-4px)}.partner-logos img{display:block;max-width:100%;max-height:70px;object-fit:contain;filter:saturate(.85)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonial-card{background:#fff;border:1px solid #ebe8df;padding:28px;border-radius:16px}.testimonial-card blockquote{margin:16px 0 24px;line-height:1.8;color:#424a44}.testimonial-card strong,.testimonial-card span{display:block}.testimonial-card span{font-size:13px;color:#777;margin-top:5px}.stars{color:#b88b49;letter-spacing:3px}.itinerary-list{border-left:1px solid #d6c8a9;margin:20px 0 30px 8px;padding-left:22px}.itinerary-day{position:relative;margin:0 0 20px}.itinerary-dot{position:absolute;left:-28px;top:6px;width:11px;height:11px;background:#b88b49;border:3px solid #f7f4ec;border-radius:50%;box-sizing:content-box}.itinerary-day p{margin:0;line-height:1.8}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-tabs a{padding:10px 14px;border:1px solid #ddd8ca;border-radius:999px;color:#244236}.danger-btn{background:#fff0ed!important;color:#a83221!important;border:1px solid #f0c3bb!important}.table-scroll{overflow-x:auto}.table-scroll .admin-table{min-width:750px}.check-list li{margin:10px 0;line-height:1.65}.hero h1{max-width:900px}.hero h1 em{font-style:italic}@media(max-width:900px){.difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.difference-section{padding:55px 0}.difference-grid,.stats-row,.testimonial-grid{grid-template-columns:1fr}.stats-row{gap:24px}.partner-logos{grid-template-columns:1fr 1fr}.difference-grid article{padding:22px}}

/* Translation controls, visible language choices and polished WhatsApp action */
.language-picker{display:flex;align-items:center;gap:8px;font-size:11px;color:#e6d5b4;white-space:nowrap}.language-picker #google_translate_element{max-width:180px}.language-picker .goog-te-gadget{font:inherit!important;color:inherit!important}.language-picker .goog-te-gadget-simple{border:1px solid #c6aa77!important;border-radius:999px!important;background:#fff!important;padding:5px 9px!important}.language-picker .goog-te-gadget-simple span{color:#234034!important}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}.skiptranslate iframe{visibility:hidden!important}.admin-language{position:fixed;z-index:9999;right:18px;top:16px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e7e1d4;box-shadow:0 8px 30px #102b2014;border-radius:999px;padding:8px 12px;color:#214334;font-size:12px}.admin-language .goog-te-gadget{font-size:11px!important}.admin-language .goog-te-gadget-simple{border:0!important;background:transparent!important;padding:2px!important}.admin-language .goog-te-gadget-simple span{color:#214334!important}.whatsapp-float{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important;background:linear-gradient(145deg,#25d366,#0a9e54)!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 10px 30px #087a3b45!important;animation:waPulse 2.8s infinite;overflow:visible}.whatsapp-float i{font-size:30px;line-height:1;filter:drop-shadow(0 1px 1px #00652b44)}.whatsapp-tooltip{position:absolute;right:68px;white-space:nowrap;background:#173b30;color:#fff;border-radius:8px;padding:9px 12px;font-size:12px;opacity:0;transform:translateX(5px);transition:.2s;pointer-events:none}.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;transform:translateX(0)}@keyframes waPulse{0%,100%{box-shadow:0 10px 30px #087a3b45,0 0 0 0 #25d36640}50%{box-shadow:0 10px 30px #087a3b45,0 0 0 9px #25d36600}}.collection-summary{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 20px;padding:16px 20px;border:1px solid #e9e4d8;border-radius:14px;background:#fbfaf6;color:#59665d;font-size:13px}.collection-summary strong{color:#173b30;font-size:20px;margin-right:5px}.safari-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.safari-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #173b301b}.safari-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.safari-card:hover img{transform:scale(1.045)}.admin-side nav a{transition:transform .2s,background .2s,color .2s}.admin-side nav a:hover{transform:translateX(4px)}.admin-panel,.stat-card{animation:adminRise .45s both}@keyframes adminRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.topline-inner{flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.language-picker{width:100%;justify-content:flex-start}.admin-language{position:static;margin:12px 18px;width:max-content;max-width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){.whatsapp-float,.admin-panel,.stat-card{animation:none!important}}

/* Compact language selector and live safari ticker */
.language-picker{display:flex;align-items:center;gap:8px;min-width:0}.language-picker>span{font-size:11px;white-space:nowrap}.language-picker #google_translate_element{width:154px;max-width:154px;overflow:hidden;border-radius:24px;background:#fffdf8;border:1px solid #d8c7a0;padding:3px 7px;box-sizing:border-box;min-height:30px}.language-picker .goog-te-gadget{font-family:inherit!important;font-size:0!important;color:transparent!important;white-space:nowrap}.language-picker .goog-te-gadget .goog-te-combo{font:500 11px 'DM Sans',sans-serif!important;color:#173b30!important;width:138px;max-width:100%;height:24px;margin:0!important;padding:2px 4px;border:0;outline:0;background:transparent}.language-picker .goog-logo-link,.language-picker .goog-te-gadget span{display:none!important}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}
.safari-news-ticker{display:flex;align-items:center;gap:18px;min-height:40px;padding:0 max(20px,calc((100vw - 1180px)/2));background:#f2ead9;border-bottom:1px solid #e2d4b7;color:#173b30;overflow:hidden}.ticker-label{font-size:9px;font-weight:800;letter-spacing:.13em;white-space:nowrap;color:#846333}.ticker-label i{margin-right:6px}.ticker-window{overflow:hidden;flex:1;min-width:0}.ticker-track{display:flex;align-items:center;width:max-content;animation:safariTickerMove 65s linear infinite}.ticker-window:hover .ticker-track{animation-play-state:paused}.ticker-track a{display:inline-flex;align-items:center;gap:8px;padding:0 27px;font-size:11px;font-weight:700;white-space:nowrap;color:#173b30;text-decoration:none}.ticker-track a>i{color:#b68a45}.ticker-track a small{font-size:10px;font-weight:500;color:#7a8179}.ticker-all{font-size:10px;font-weight:800;white-space:nowrap;text-decoration:none;color:#173b30}.ticker-all i{margin-left:5px;transition:transform .2s}.ticker-all:hover i{transform:translateX(3px)}@keyframes safariTickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.world-clock-section{padding:76px 0;background:#f7f5ef;border-top:1px solid #e9e4d8;border-bottom:1px solid #e9e4d8}.clock-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.clock-heading h2{font:500 clamp(28px,3.4vw,42px) var(--serif);margin:12px 0 0;color:#173b30}.clock-heading h2 em{color:#a77d3d}.clock-heading p{max-width:340px;color:#68736b;font-size:12px;line-height:1.8}.world-clocks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.world-clock{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:21px 17px;background:#fff;border:1px solid #e6e4db;border-radius:8px;box-shadow:0 7px 24px #173b3008;transition:transform .25s,box-shadow .25s,border-color .25s}.world-clock:hover{transform:translateY(-4px);border-color:#c7a56c;box-shadow:0 13px 30px #173b3012}.world-clock.featured-clock{background:#173b30;color:#fff;border-color:#173b30}.clock-pin{font-size:8px;letter-spacing:.13em;color:#e2c58f;font-weight:800}.clock-city{font-size:12px;font-weight:700}.clock-time{font-size:clamp(22px,2.3vw,30px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:600;color:#173b30;line-height:1.3}.featured-clock .clock-time{color:#f0d49b}.clock-date{font-size:10px;color:#778178}.featured-clock .clock-date,.featured-clock small{color:#c4d2c8}.world-clock small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9a8055}.clock-note{margin:17px 0 0;color:#7c857d;font-size:10px}.clock-note i{margin-right:6px;color:#a77d3d}
@media(max-width:900px){.world-clocks{grid-template-columns:repeat(3,minmax(0,1fr))}.clock-heading{align-items:flex-start;flex-direction:column;gap:8px}.topline-inner{gap:12px}.language-picker>span{display:none}}
@media(max-width:600px){.safari-news-ticker{gap:10px;padding:0 12px;min-height:38px}.ticker-label{font-size:8px;letter-spacing:.05em}.ticker-track a{padding:0 14px;font-size:10px}.ticker-all{font-size:9px}.language-picker #google_translate_element{width:116px;max-width:116px;padding:2px 4px}.language-picker .goog-te-gadget .goog-te-combo{width:106px;font-size:10px!important}.world-clock-section{padding:52px 0}.world-clocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.world-clock{padding:15px 12px}.clock-time{font-size:23px}.world-clock:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.world-clock,.ticker-all i{transition:none}}


/* JAVIVA GLOBAL DESIGN SYSTEM — October 2026 */
:root{--green:#0E1C1A;--green2:#1B2F2B;--gold:#C9A55C;--amber:#E3A857;--cream:#F7F2E8;--ink:#0E1C1A;--muted:#6B6A5F;--body:#4A4F4C;--white:#FFFFFF;--line:#e4dfd4;--forest:#0E1C1A;--forest-2:#1B2F2B;--gold-light:#f0d7a5;--sand:#F7F2E8}
html{scroll-padding-top:100px}body{color:var(--body);background:var(--white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.brand{color:var(--green)}.topline,.site-footer{background:var(--green)}.site-header{border-bottom-color:#e9e3d8}.main-nav a:hover,.main-nav a:focus-visible{color:var(--amber)}.nav-cta,.btn-dark{background:var(--green2)}.btn-gold{background:var(--amber);color:var(--green)}.btn-gold:hover{background:var(--gold)}.eyebrow.dark{color:var(--gold)}.section-cream,.search-strip,.dropdown-panel a:hover{background:var(--cream)}.section h2 em,.map-copy h2 em,.newsletter h2 em{color:var(--gold)}.dropdown-panel{border-top-color:var(--amber)}
/* Consistent, tasteful photo hover treatment. Does not upscale low-resolution originals. */
img{height:auto}a:has(>img),.experience-card,.safari-card,.destination-card,.gallery-item,.gallery-card,.blog-card,.post-card{overflow:hidden}
.experience-card img,.safari-card img,.destination-card img,.gallery-item img,.gallery-card img,.blog-card img,.post-card img,main img:not(.brand-icon img){transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease;will-change:transform}
.experience-card:hover img,.safari-card:hover img,.destination-card:hover img,.gallery-item:hover img,.gallery-card:hover img,.blog-card:hover img,.post-card:hover img,a:has(>img):hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.025)}
img[loading="lazy"]{background:var(--cream)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
/* Mobile-first menu: clear tap targets, scrollable panel and touch-friendly dropdowns. */
@media(max-width:850px){.nav-wrap{min-height:70px;gap:12px}.brand b{font-size:19px}.brand small{font-size:8px}.brand-icon{width:42px;height:42px}.mobile-toggle{display:grid;place-items:center;width:46px;height:46px;min-width:46px;border:1px solid #d9d2c4;border-radius:8px;background:var(--cream);font-size:25px;color:var(--green);cursor:pointer}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;background:var(--white);padding:12px 20px 22px;box-shadow:0 18px 35px #0e1c1a22;border-top:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column;font-size:14px}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown>a{display:flex;align-items:center;gap:12px;padding:14px 10px;border-bottom:1px solid #eee9df;min-height:48px;white-space:normal}.main-nav>a:after,.nav-dropdown>a:after{display:none}.nav-dropdown{padding:0}.nav-dropdown>a{justify-content:flex-start}.nav-dropdown>a span{margin-left:auto}.dropdown-panel{position:static;display:none;min-width:0;padding:4px 0 8px 16px;border-top:0;border-left:2px solid var(--amber);box-shadow:none;border-radius:0;animation:none;background:var(--cream)}.nav-dropdown.submenu-open .dropdown-panel{display:grid}.dropdown-panel a{font-size:13px;padding:12px}.nav-cta{margin-top:12px;justify-content:center}.topline-inner{gap:8px;flex-wrap:wrap}.topline-inner>span{font-size:10px}.topline-inner>a{font-size:10px}.language-picker{display:none}.hero{min-height:560px;height:78svh;max-height:760px}.hero-content{padding-top:clamp(68px,11vh,105px)}.hero h1{font-size:clamp(42px,10vw,68px)}.hero-foot{margin-top:48px}.section{padding-top:68px;padding-bottom:68px}.section-head{align-items:flex-start;flex-direction:column;gap:14px}.experience-grid{grid-template-columns:1fr 1fr}.experience-card.tall{grid-row:auto;min-height:330px}.search-form{grid-template-columns:1fr 1fr;gap:16px}.search-form label{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.search-form .btn{grid-column:1/-1}.footer-main{grid-template-columns:1fr 1fr!important}.social-rail{left:10px;top:auto;bottom:20px;transform:none}.social-rail .social-rail-label{display:none}.social-rail:not(.is-open) a{display:none}.social-rail:not(.is-open){padding:6px;border-radius:50%}.social-rail .social-rail-toggle{display:grid!important}.social-rail.is-open{padding:8px;gap:6px}.social-rail.is-open a{display:grid}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.topline-inner{padding:7px 0}.topline-inner>span{max-width:55%;line-height:1.35}.nav-wrap{min-height:66px}.brand{gap:6px}.brand b{font-size:17px;letter-spacing:.12em}.brand small{letter-spacing:.25em}.hero{min-height:530px;height:76svh}.hero-content{padding-top:72px}.hero h1{font-size:clamp(39px,11vw,54px);margin:19px 0 16px}.hero-content>p{font-size:14px;line-height:1.7}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 145px;padding:12px 13px;gap:8px}.hero-foot{margin-top:35px;gap:9px;font-size:8px}.hero-rule{width:42px}.hero-brandmark{display:none}.hero-controls{right:16px;bottom:18px}.hero-controls button{width:36px;height:36px}.section{padding-top:52px;padding-bottom:52px}.section h2,.map-copy h2,.newsletter h2{font-size:clamp(32px,9vw,43px)}.experience-grid{grid-template-columns:1fr;gap:12px}.experience-card,.experience-card.tall{min-height:270px}.search-form{grid-template-columns:1fr;gap:12px}.search-form .btn{grid-column:auto;width:100%}.footer-main{grid-template-columns:1fr!important;gap:25px!important}.footer-bottom{gap:10px;flex-direction:column;align-items:flex-start}.social-rail{bottom:14px;left:12px}.whatsapp-float{right:14px;bottom:14px}.page-hero{padding-top:55px;padding-bottom:55px}}
@media(hover:none){.experience-card:hover img,.safari-card:hover img,.destination-card:hover img,.gallery-item:hover img,.gallery-card:hover img,.blog-card:hover img,.post-card:hover img{transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ACCESSIBILITY + COLOUR BALANCE PATCH — clear text contrast on every page */
:root{--brand-deep:#0E1C1A;--brand-forest:#1B2F2B;--brand-amber:#E3A857;--brand-gold:#C9A55C;--brand-ivory:#F7F2E8;--brand-white:#FFFFFF;--brand-body:#4A4F4C;--brand-muted:#6B6A5F;--text-on-dark:#FFFFFF;--line-accessible:#D8D3C8}
html{color-scheme:light}body{background:var(--brand-white);color:var(--brand-body)}
/* Headings and emphasized words stay dark on pale backgrounds. */
h1,h2,h3,h4,h5,h6,.section h2,.map-copy h2,.section h2 em,.map-copy h2 em{color:var(--brand-deep)}
.section h2 em,.map-copy h2 em,.eyebrow.dark{color:#76551F}
/* Standard reading surfaces: no gold/grey text on white. */
p,li,dd,dt,label,legend,.safari-info p,.section-head>p,.map-copy p,.body-copy{color:var(--brand-body)}
small,.muted,.caption,.subtitle,.safari-info .description{color:var(--brand-muted)}
a{color:var(--brand-forest)}a:hover{color:#76551F}
/* Header, dropdowns and forms use dark text on white/ivory. */
.site-header,.main-nav,.dropdown-panel,.dropdown-panel a{color:var(--brand-deep)}
.main-nav>a:not(.nav-cta),.nav-dropdown>a{color:var(--brand-deep)}
.dropdown-panel{background:var(--brand-white);border-top-color:var(--brand-amber)}
.dropdown-panel a{color:var(--brand-deep)}.dropdown-panel a:hover{background:var(--brand-ivory);color:var(--brand-deep)}
.nav-cta,.btn-dark{background:var(--brand-deep);color:var(--brand-white)!important}
.nav-cta:hover,.btn-dark:hover{background:var(--brand-forest);color:var(--brand-white)!important}
.nav-cta span{color:#F7D9A3}.mobile-toggle{color:var(--brand-deep);background:var(--brand-ivory);border-color:#D8D3C8}
/* Gold is reserved for accents; readable foreground text uses deep ink. */
.btn-gold{background:var(--brand-amber);color:var(--brand-deep);border-color:#C88D3B}
.btn-gold:hover{background:#F0BE75;color:var(--brand-deep)}
.text-link,.meta,.photo-tag,.destination-card small{color:#68491C}
.photo-tag{background:var(--brand-ivory);color:var(--brand-deep);font-weight:700}
/* Dark photographic panels get a dependable shade behind all overlay text. */
.hero,.experience-card,.destination-card{color:var(--text-on-dark)}
.hero-shade{background:linear-gradient(90deg,rgba(7,20,17,.88) 0%,rgba(7,20,17,.66) 52%,rgba(7,20,17,.28) 100%),linear-gradient(0deg,rgba(7,20,17,.62),transparent 60%)}
.hero h1,.hero h2,.hero h3,.hero-content>p,.hero-foot,.hero-foot span,.hero-brandmark,.experience-card strong,.experience-card .exp-number,.experience-card .exp-arrow,.destination-card h3,.destination-card span{color:#FFFFFF}
.hero h1 em,.hero h2 em,.hero .eyebrow,.hero-foot b,.destination-card small{color:#F7D9A3}
.experience-card:after{background:linear-gradient(0deg,rgba(7,20,17,.91) 0%,rgba(7,20,17,.42) 48%,rgba(7,20,17,.08) 100%)}
.destination-card:after{background:linear-gradient(0deg,rgba(7,20,17,.92) 0%,rgba(7,20,17,.35) 55%,rgba(7,20,17,.05) 100%)}
.btn-outline{color:#FFFFFF;border-color:rgba(255,255,255,.85);background:rgba(14,28,26,.28)}
.btn-outline:hover{background:#FFFFFF;color:var(--brand-deep)}
/* Light panels maintain strong contrast and clear visual separation. */
.section-cream,.search-strip{background:var(--brand-ivory)}
.safari-card,.dropdown-panel,.search-form select,.form-card,.booking-card{color:var(--brand-deep)}
.safari-card{background:#FFFFFF;border:1px solid #E7E2D8}
.safari-info h3{color:var(--brand-deep)}
.safari-info p{color:var(--brand-body)}
.search-form label{border-color:#D8D3C8}.search-form small{color:#68491C}.search-form select{background:transparent;color:var(--brand-deep)}
input,select,textarea{color:var(--brand-deep);background:#FFFFFF;border-color:#BEB9AE}
input::placeholder,textarea::placeholder{color:#6B6A5F;opacity:1}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(227,168,87,.55);outline-offset:1px;border-color:#76551F}
/* Dark green bands: white text, gold only for small accents. */
.quote-band,.newsletter,.site-footer{background:var(--brand-deep);color:#FFFFFF}
.quote-band p,.quote-inner p,.newsletter h2,.newsletter p,.newsletter form label,.site-footer,.footer-main p,.footer-main a,.footer-bottom{color:#FFFFFF}
.newsletter h2 em{color:#F7D9A3}.newsletter form small,.footer-about p{color:#D9E1DB}
.newsletter-input{border-color:#B7C4BA}.newsletter-input input{color:#FFFFFF}.newsletter-input input::placeholder{color:#E0E5E1}.newsletter-input button{color:#F7D9A3}
.footer-main h4{color:#F7D9A3}.footer-main a:hover,.footer-bottom a:hover{color:#F7D9A3}
/* Social controls and floating actions remain visible without obscuring content. */
.social-rail,.social-rail a,.social-rail-toggle{z-index:1100}.social-rail-toggle{background:var(--brand-deep);color:#FFFFFF;border:1px solid #C9A55C}.social-rail a{background:#FFFFFF;color:var(--brand-deep);border:1px solid #D8D3C8}
/* Keyboard visibility and comfortable reading sizes. */
:focus-visible{outline:3px solid #A96812!important;outline-offset:3px!important}
@media(max-width:850px){.main-nav{background:#FFFFFF;color:var(--brand-deep)}.main-nav>a,.nav-dropdown>a{color:var(--brand-deep)}.dropdown-panel{background:var(--brand-ivory)}.dropdown-panel a{color:var(--brand-deep)}.nav-cta{color:#FFFFFF!important}.hero-shade{background:linear-gradient(90deg,rgba(7,20,17,.88),rgba(7,20,17,.52)),linear-gradient(0deg,rgba(7,20,17,.5),transparent 60%)}}
@media(prefers-contrast:more){body{color:#202522}.section-head>p,.safari-info p,.map-copy p{color:#343A36}.btn-gold{border:2px solid #0E1C1A}.btn-outline{border-width:2px}}