/* ========================================================================== Space Lanka Travels — Glassmorphism Theme (Ocean Blue & Green) Applied via on the homepage ONLY. ========================================================================== */ body.home-glass{ --h-coral:#2E9AFF; --h-coral-dark:#1665C4; --h-gold:#18E0A8; --h-plum:#052033; --glass-bg:rgba(255,255,255,.09); --glass-bg-2:rgba(255,255,255,.14); --glass-border:rgba(190,230,255,.26); --glass-line:rgba(190,230,255,.16); --text-hi:#EBFAFF; --text-lo:rgba(235,250,255,.74); --text-lo2:rgba(235,250,255,.54); background: radial-gradient(1100px 640px at 10% -6%, rgba(24,224,168,.32), transparent 58%), radial-gradient(950px 720px at 96% 6%, rgba(46,154,255,.32), transparent 55%), radial-gradient(1200px 800px at 50% 105%, rgba(5,20,35,.55), transparent 60%), linear-gradient(160deg, #041226 0%, #063a4a 42%, #0b4a45 78%, #12a67c 100%); background-attachment:fixed; color:var(--text-hi); } body.home-glass::before{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background: radial-gradient(600px 400px at 14% 20%, rgba(24,224,168,.12), transparent 60%), radial-gradient(700px 500px at 86% 80%, rgba(46,154,255,.14), transparent 60%); } body.home-glass section{background:transparent;} body.home-glass .section-cream2{background:transparent;} /* Headings / text */ body.home-glass h1, body.home-glass h2, body.home-glass h3, body.home-glass h4{color:var(--text-hi);} body.home-glass p{color:var(--text-lo);} body.home-glass .eyebrow{color:var(--h-gold);} body.home-glass .eyebrow::before{background:linear-gradient(90deg,var(--h-gold),var(--h-coral));} body.home-glass .eyebrow.light{color:var(--h-gold);} body.home-glass .eyebrow.light::before{background:linear-gradient(90deg,var(--h-gold),var(--h-coral));} body.home-glass .section-head p{color:var(--text-lo);} /* Header / nav (transparent variant on homepage) */ body.home-glass .site-header.transparent{ background:rgba(44,14,35,.35); backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%); } body.home-glass .site-header.transparent .brand-text strong, body.home-glass .site-header.transparent .nav-links a{color:var(--text-hi);} body.home-glass .site-header.transparent .brand-text span{color:var(--h-gold);} body.home-glass .nav-links a::after{background:linear-gradient(90deg,var(--h-gold),var(--h-coral));} body.home-glass .nav-toggle span{background:var(--text-hi);} @media (max-width:760px){ body.home-glass .nav-links{background:rgba(44,14,35,.97);backdrop-filter:blur(20px);} body.home-glass .nav-links a{color:var(--text-hi)!important;} } /* Big hero */ body.home-glass .hero::before{ background:linear-gradient(0deg, rgba(4,18,26,.88) 0%, rgba(6,40,50,.48) 46%, rgba(8,60,55,.26) 100%); } body.home-glass .hero-sub{color:var(--text-lo);} body.home-glass .hero h1 em{color:var(--h-gold);} body.home-glass .hero-stats{border-top-color:var(--glass-line);} body.home-glass .hero-stats div{border-right-color:var(--glass-line);} body.home-glass .hero-stats strong{color:var(--h-gold);} body.home-glass .hero-stats span{color:var(--text-lo2);} /* Buttons */ body.home-glass .btn-primary{ background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033;border-color:transparent; } body.home-glass .btn-primary:hover{filter:brightness(1.08);box-shadow:0 14px 30px rgba(46,154,255,.35);} body.home-glass .btn-outline{background:rgba(255,255,255,.06);border-color:var(--glass-border);color:var(--text-hi);} body.home-glass .btn-outline:hover{background:rgba(255,255,255,.16);color:var(--text-hi);} body.home-glass .btn-outline-light{border-color:rgba(255,255,255,.5);color:var(--text-hi);} body.home-glass .btn-outline-light:hover{background:rgba(255,255,255,.16);color:var(--text-hi);} /* Feature cards */ body.home-glass .feature-card{ background:var(--glass-bg);border:1px solid var(--glass-border); backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%); box-shadow:0 12px 30px rgba(3,18,20,.35); } body.home-glass .feature-card .icn{background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033;} body.home-glass .feature-card p{color:var(--text-lo);} /* Ticket teaser cards */ body.home-glass .ticket{ background:var(--glass-bg);border:1px solid var(--glass-border); backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%); box-shadow:0 14px 40px rgba(3,18,20,.35); } body.home-glass .ticket-tag{background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033;} body.home-glass .ticket-route{color:var(--h-gold);} body.home-glass .ticket-body p{color:var(--text-lo);} body.home-glass .ticket-perf::before, body.home-glass .ticket-perf::after{background:radial-gradient(circle,transparent 0,transparent 8px, #052033 9px);} body.home-glass .ticket-price strong{color:var(--text-hi);} body.home-glass .ticket-price span{color:var(--text-lo2);} body.home-glass .ticket-link{color:var(--h-gold);} body.home-glass .ticket-link:hover{color:var(--h-coral);} /* About-style split (if reused on home) */ body.home-glass .split-media .stat-chip{ background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033; box-shadow:0 20px 40px rgba(46,154,255,.3); } body.home-glass .check-list li{color:var(--text-hi);} body.home-glass .check-list i{color:var(--h-gold);} /* Gallery grid */ body.home-glass .gallery-grid a{border:1px solid var(--glass-border);} /* Testimonials */ body.home-glass .testi-card{ background:var(--glass-bg);border:1px solid var(--glass-border); backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%); box-shadow:0 12px 30px rgba(3,18,20,.35); } body.home-glass .testi-card .stars{color:var(--h-gold);} body.home-glass .testi-card p{color:var(--text-hi);} body.home-glass .testi-avatar{background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033;} body.home-glass .testi-who span{color:var(--text-lo2);} /* Blog cards (if shown on home) */ body.home-glass .blog-card{ background:var(--glass-bg);border:1px solid var(--glass-border); backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%); box-shadow:0 12px 30px rgba(3,18,20,.35); } body.home-glass .blog-meta{color:var(--h-gold);} body.home-glass .blog-body p{color:var(--text-lo);} body.home-glass .blog-readmore{color:var(--h-gold);} body.home-glass .blog-readmore:hover{color:var(--h-coral);} /* CTA banner */ body.home-glass .cta-banner{ background:linear-gradient(135deg, rgba(24,224,168,.24), rgba(46,154,255,.24)); border:1px solid var(--glass-border); backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px); } body.home-glass .cta-banner::after{display:none;} body.home-glass .cta-banner h2{color:var(--text-hi);} body.home-glass .cta-banner .btn-whatsapp{ background:linear-gradient(135deg,var(--h-gold),var(--h-coral));color:#052033;border-color:transparent; } body.home-glass .cta-banner .btn-whatsapp:hover{filter:brightness(1.08);} /* Footer accent */ body.home-glass .site-footer{position:relative;background:rgba(3,14,18,.92);backdrop-filter:blur(10px);} body.home-glass .site-footer::before{ content:"";position:absolute;top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,var(--h-gold),var(--h-coral)); }