:root{--saffron:#FF6B00;--saffron-dark:#CC5500;--saffron-pale:#FFF3E8;--warm-dk:#0A1F5C;--warm-pale:#EEF2FF;--white:#FFFFFF;--off-white:#FAFAF8;--gray-100:#F4F4F2;--gray-200:#E8E8E4;--gray-400:#A8A8A0;--gray-600:#6C6C64;--gray-800:#2C2C28;--shadow-sm:0 2px 8px rgba(180,90,30,0.08);--shadow-md:0 8px 32px rgba(180,90,30,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--sf-glow:rgba(255,107,0,0.35)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Mukta',sans-serif;background:var(--off-white);color:var(--gray-800)}

.logo-icon{width:38px;height:38px;background:var(--saffron);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}
.logo-text strong{font-family:'Yatra One',cursive;font-size:16px;display:block;color:#fff;line-height:1.1}
.logo-text span{font-size:10px;color:#FF8C38;letter-spacing:1.5px;text-transform:uppercase}
nav{display:flex;align-items:center;gap:4px}
nav a{color:rgba(255,255,255,0.8);text-decoration:none;font-size:14px;padding:6px 12px;border-radius:var(--radius-sm);transition:all 0.2s}
nav a:hover{color:#fff;background:rgba(255,107,0,0.15)}
.btn-book-nav{background:var(--saffron);color:#fff!important;padding:8px 18px!important;border-radius:var(--radius-sm)!important}

.page-hero{background:linear-gradient(135deg,var(--warm-dk),#7A4420);padding:60px 5%;text-align:center;color:#fff}
.page-tag{display:inline-block;background:rgba(255,107,0,0.2);color:#FF8C38;border-radius:100px;padding:5px 16px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.page-title{font-family:'Yatra One',cursive;font-size:clamp(26px,4vw,48px);margin-bottom:12px}
.accent{color:var(--saffron)}
.page-sub{font-size:15px;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto}

.content{max-width:1100px;margin:0 auto;padding:60px 5%}

/* Category filter */
.cat-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}
.cat-btn{padding:7px 18px;border-radius:100px;border:1.5px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-600);transition:all 0.2s;font-family:inherit}
.cat-btn:hover,.cat-btn.active{background:var(--saffron);border-color:var(--saffron);color:#fff}

/* Featured Post */
.featured-post{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);display:grid;grid-template-columns:1.2fr 1fr;margin-bottom:40px;transition:all 0.3s}
.featured-post:hover{box-shadow:var(--shadow-md);border-color:var(--saffron)}
.featured-img{background:linear-gradient(135deg,var(--warm-dk),#7A4420);display:flex;align-items:center;justify-content:center;font-size:100px;min-height:280px}
.featured-body{padding:36px}
.post-tag{display:inline-block;background:var(--saffron-pale);color:var(--saffron-dark);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:12px}
.featured-title{font-family:'Yatra One',cursive;font-size:26px;color:var(--warm-dk);margin-bottom:12px;line-height:1.3}
.featured-title a{color:inherit;text-decoration:none}
.featured-title a:hover{color:var(--saffron)}
.post-excerpt{font-size:15px;color:var(--gray-600);line-height:1.7;margin-bottom:20px}
.post-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--gray-400)}
.read-more{background:var(--saffron);color:#fff;padding:10px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s;margin-top:16px}
.read-more:hover{background:var(--saffron-dark);transform:translateX(2px)}

/* Blog grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.blog-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.3s;cursor:pointer}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--saffron)}
.blog-img{height:160px;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative}
.blog-body{padding:20px}
.blog-tag{display:inline-block;background:var(--saffron-pale);color:var(--saffron-dark);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:100px;margin-bottom:8px}
.blog-title{font-size:16px;font-weight:700;color:var(--warm-dk);margin-bottom:8px;line-height:1.4}
.blog-excerpt{font-size:13px;color:var(--gray-600);line-height:1.6;margin-bottom:12px}
.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--gray-400)}
.blog-read{color:var(--saffron);font-weight:700}

/* Sidebar */
.blog-layout{display:grid;grid-template-columns:1fr 280px;gap:32px}
.sidebar-widget{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
.widget-title{font-size:16px;font-weight:700;color:var(--warm-dk);margin-bottom:16px}
.popular-post{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-200);cursor:pointer}
.popular-post:last-child{border-bottom:none}
.pp-icon{font-size:28px;flex-shrink:0}
.pp-title{font-size:13px;font-weight:700;color:var(--warm-dk);line-height:1.4;margin-bottom:2px}
.pp-meta{font-size:11px;color:var(--gray-400)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:5px 12px;background:var(--gray-100);border-radius:100px;font-size:12px;color:var(--gray-600);cursor:pointer;transition:all 0.2s;border:1.5px solid transparent}
.tag:hover{background:var(--saffron-pale);color:var(--saffron-dark);border-color:rgba(255,107,0,0.2)}

.cta-widget{background:linear-gradient(135deg,var(--saffron),var(--saffron-dark));border-radius:var(--radius-lg);padding:24px;text-align:center;color:#fff;margin-bottom:20px}
.cta-widget h3{font-family:'Yatra One',cursive;font-size:20px;margin-bottom:8px}
.cta-widget p{font-size:13px;opacity:0.85;margin-bottom:16px}
.btn-cta-w{background:#fff;color:var(--saffron-dark);padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:700;text-decoration:none;display:inline-block;transition:all 0.2s}
.btn-cta-w:hover{transform:translateY(-2px)}

footer a{color:var(--saffron);text-decoration:none}

@media(max-width:900px){.featured-post,.blog-layout{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}nav{display:none}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}

/* ═══════════════════ CHAKRA BEHIND GIRL LOADER ═══════════════════ */
#loader {
  position: fixed; inset: 0; z-index: 9999;
  background: linear-gradient(175deg, #F2F4FA 0%, #E8ECF7 45%, #DDE3F4 100%);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  transition: opacity 0.9s ease, visibility 0.9s ease;
  overflow: hidden;
}
#loader.out { opacity: 0; visibility: hidden; pointer-events: none; }

#loader::before {
  content: '';
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 65% 55% at 50% 38%,
    rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.28) 55%, transparent 100%);
}

/* ── LAYER STACK ── */
.ld-scene {
  position: relative;
  width: min(320px, 86vw);
  height: min(400px, 108vw);
  animation: ldSceneReveal 0.9s 0.2s cubic-bezier(0.34,1.1,0.64,1) both,
             ldFloat 4.5s 1.2s ease-in-out infinite;
}
@keyframes ldSceneReveal {
  from { opacity: 0; transform: scale(0.82) translateY(18px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes ldFloat {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-7px); }
}

/* LAYER 1 — India map (bottom) */
.ld-map-img {
  position: absolute;
  inset: 0; width: 100%; height: 100%;
  object-fit: contain;
  object-position: center 30%;
  z-index: 1;
  opacity: 0.85;
}

/* LAYER 2 — Spinning Ashoka Chakra (behind girl, in front of map) */
.ld-chakra-svg {
  position: absolute;
  /* centre it over the chakra position in the map photo */
  left: 50%; top: 46%;
  transform: translate(-50%, -50%);
  width: 85%; height: auto;
  z-index: 2;
  animation: ldChakraSpin 8s linear infinite;
  transform-origin: center center;
  filter: drop-shadow(0 6px 24px rgba(4,12,60,0.35));
}
@keyframes ldChakraSpin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* LAYER 3 — Girl photo (front, on top of chakra) */
.ld-girl-img {
  position: absolute;
  left: 50%; top: 46%;
  transform: translate(-50%, -50%);
  width: 58%; height: auto;
  z-index: 3;
  object-fit: contain;
}

/* bottom text */
.loader-bottom {
  position: relative; z-index: 6;
  text-align: center; margin-top: 14px;
  animation: ldTextReveal 0.7s 0.9s ease both;
}
@keyframes ldTextReveal {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.loader-brand {
  font-family: 'Playfair Display','Cinzel', Georgia, serif;
  font-size: clamp(20px,5vw,26px); font-weight: 700;
  color: #040C1E; letter-spacing:-0.01em;
  margin-bottom: 5px; line-height: 1.25;
}
.loader-tagline {
  font-family: 'Nunito', sans-serif;
  font-size: 13px; font-weight: 500;
  color: rgba(26,8,0,0.52); line-height: 1.65; margin-bottom: 16px;
}
.ld-badge {
  width: 72px; height: 72px; border-radius: 50%;
  overflow: hidden; margin: 0 auto;
  box-shadow: 0 2px 14px rgba(26,8,0,0.14),
              0 0 0 2px rgba(201,162,39,0.45);
  animation: ldBadgePop 0.6s 1.2s cubic-bezier(0.34,1.4,0.64,1) both;
}
@keyframes ldBadgePop {
  from { opacity: 0; transform: scale(0.5); }
  to   { opacity: 1; transform: scale(1); }
}
.ld-badge img { width:100%; height:100%; object-fit:cover; }
.loader-bar {
  width: 180px; height: 2px;
  background: rgba(26,8,0,0.08);
  border-radius: 2px; margin: 14px auto 0; overflow: hidden;
}
.loader-bar-fill {
  height: 100%; width: 0; border-radius: 2px;
  background: linear-gradient(90deg, #F47B00, #C9A227, #138808);
  animation: ldFill 2.6s cubic-bezier(0.4,0,0.2,1) forwards;
}
@keyframes ldFill { to { width: 100%; } }

/* ═══════════════════════════════════════════════
/* ═══════════════════ WARM PEACH THEME — Token Override ═══════════════════ */
:root {
  --saffron: #F47B00; --saffron-dark: #A85200; --saffron-pale: #FFE2D0;
  --warm-dk: #1A0800; --warm-pale: #FFE8DC;
  --white: #FFF8F2; --off-white: #FFF0E8;
  --gray-100: #FFE8DC; --gray-200: #F5C4AC;
  --gray-400: #D4956A; --gray-600: rgba(60,25,5,0.55); --gray-800: #1A0800;
  --shadow-sm: 0 2px 8px rgba(180,90,30,0.08);
  --shadow-md: 0 8px 32px rgba(180,90,30,0.14);
}

/* ── PAGE BASE ── */
body { background: #FFF0E8 !important; color: #1A0800 !important; }

/* ── HEADER ── */

.logo-text strong { color: #1A0800 !important; }
.logo-text span { color: #D46800 !important; }
nav a { color: rgba(26,8,0,0.70) !important; }
nav a:hover { color: #1A0800 !important; background: rgba(244,123,0,0.10) !important; }
.btn-book-nav { background: linear-gradient(135deg,#F47B00,#A85200) !important; color: #fff !important; }

/* ── PAGE HERO ── */
.page-hero { background: linear-gradient(135deg,#FFE2D0,#FFD9C8) !important; color: #1A0800 !important; }
.page-tag { background: rgba(244,123,0,0.12) !important; color: #D46800 !important; }
.page-title { color: #1A0800 !important; }
.accent { color: #F47B00 !important; }
.page-sub { color: rgba(60,25,5,0.62) !important; }

/* ── CATEGORY FILTER ── */
.cat-btn { background: rgba(255,255,255,0.80) !important; border-color: rgba(60,25,5,0.14) !important; color: rgba(60,25,5,0.58) !important; }
.cat-btn:hover, .cat-btn.active { background: linear-gradient(135deg,#F47B00,#A85200) !important; border-color: transparent !important; color: #fff !important; }

/* ── FEATURED POST ── */
.featured-post { background: rgba(255,255,255,0.82) !important; border-color: rgba(60,25,5,0.10) !important; }
.featured-post:hover { box-shadow: 0 8px 32px rgba(180,90,30,0.18) !important; border-color: rgba(244,123,0,0.35) !important; }
.featured-img { background: linear-gradient(135deg,#A85200,#F47B00) !important; }
.post-tag { background: rgba(244,123,0,0.12) !important; color: #D46800 !important; }
.featured-title { color: #1A0800 !important; }
.featured-title a:hover { color: #F47B00 !important; }
.post-excerpt { color: rgba(60,25,5,0.58) !important; }
.post-meta { color: rgba(60,25,5,0.40) !important; }
.read-more { background: linear-gradient(135deg,#F47B00,#A85200) !important; color: #fff !important; }

/* ── BLOG GRID ── */
.blog-card { background: rgba(255,255,255,0.82) !important; border-color: rgba(60,25,5,0.10) !important; }
.blog-card:hover { box-shadow: 0 8px 32px rgba(180,90,30,0.18) !important; border-color: rgba(244,123,0,0.35) !important; }
.blog-tag { background: rgba(244,123,0,0.12) !important; color: #D46800 !important; }
.blog-title { color: #1A0800 !important; }
.blog-excerpt { color: rgba(60,25,5,0.58) !important; }
.blog-meta { color: rgba(60,25,5,0.40) !important; }
.blog-read { color: #F47B00 !important; }

/* ── SIDEBAR ── */
.sidebar-widget { background: rgba(255,255,255,0.82) !important; border-color: rgba(60,25,5,0.10) !important; }
.widget-title { color: #1A0800 !important; }
.popular-post { border-bottom-color: rgba(60,25,5,0.08) !important; }
.pp-title { color: #1A0800 !important; }
.pp-meta { color: rgba(60,25,5,0.40) !important; }
.tag { background: rgba(60,25,5,0.06) !important; color: rgba(60,25,5,0.58) !important; }
.tag:hover { background: rgba(244,123,0,0.12) !important; color: #D46800 !important; }
.cta-widget { background: linear-gradient(135deg,#F47B00,#A85200) !important; }
.btn-cta-w { background: #fff !important; color: #A85200 !important; }

/* ══════════════════ VIBRANT PEACH FOOTER ══════════════════ */
/* ─── FOOTER COMPLETE REDESIGN ─── */

  100% { background-position: 200% 50%; }
}

/* ── Footer Top Grid ── */

/* ── Brand Column ── */

.footer-brand p {
  font-size: 13.5px; color: rgba(255, 210, 160, 0.90);
  line-height: 1.90; margin-bottom: 22px;
}

/* ── Contact Rows ── */

.footer-contact-row:hover { color: #FFD4A0; }
.footer-contact-row .ic {
  color: #F47B00; font-size: 15px; margin-top: 1px; flex-shrink: 0;
  filter: drop-shadow(0 0 4px rgba(244,123,0,0.4));
}
.footer-contact-row a { color: inherit; text-decoration: none; }
.footer-contact-row a:hover { color: #FF9D2F; text-decoration: underline; }

/* ── Social Buttons ── */

.footer-social-btn svg { width: 20px; height: 20px; }
.footer-social-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* ── Nav Columns ── */

/* ── Trust Badges ── */
.footer-trust {
  max-width: 1200px; margin: 0 auto;
  padding: 0 5% 32px;
  display: flex; gap: 10px; flex-wrap: wrap;
  position: relative; z-index: 1;
  justify-content: center;
  border-top: 1px solid rgba(244,123,0,0.12);
  padding-top: 28px;
}
.footer-trust-badge {
  display: flex; align-items: center; gap: 7px;
  background: rgba(244,123,0,0.11);
  border: 1px solid rgba(244,123,0,0.28);
  border-radius: 100px; padding: 7px 16px;
  font-size: 12px; font-weight: 700;
  color: rgba(255, 210, 160, 0.90);
  transition: all 0.2s;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.footer-trust-badge:hover {
  background: rgba(244,123,0,0.20);
  border-color: rgba(244,123,0,0.50);
  color: #FFD4A0;
}

/* ── Footer Bottom ── */

.mini-flag span { flex: 1; }
.mini-flag span:nth-child(1) { background: #F47B00 !important; }
.mini-flag span:nth-child(2) { background: rgba(255,255,255,0.90) !important; }
.mini-flag span:nth-child(3) { background: #138808 !important; }

.fb-links a {
  font-size: 12px; color: rgba(255, 210, 160, 0.55) !important;
  text-decoration: none; transition: color 0.2s;
}
.fb-links a:hover { color: #FF9D2F !important; }
/* ── FOOTER: counter body color inheritance ── */

.footer-contact-row a:hover { color: #FF9D2F !important; }

.fb-links a:hover { color: #FF9D2F !important; }
.footer-contact-row .ic { color: #F47B00 !important; }
/* ─── Typography Readability Improvements ─── */
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p, li, .body-text, .desc, .description { font-size: 15px; line-height: 1.85; }

/* ═══════════════════════ FLOATING CALL + WHATSAPP ═══════════════════════ */

.float-btn:hover { transform: scale(1.08); }
.float-btn svg { width: 28px; height: 28px; }

@keyframes floatPulseCall {
  0%,100% { box-shadow: 0 8px 28px var(--sf-glow), 0 0 0 0 rgba(244,123,0,0.45); }
  50%     { box-shadow: 0 8px 28px var(--sf-glow), 0 0 0 10px rgba(244,123,0,0); }
}
@keyframes floatPulseWA {
  0%,100% { box-shadow: 0 8px 28px rgba(29,168,81,0.45), 0 0 0 0 rgba(29,168,81,0.45); }
  50%     { box-shadow: 0 8px 28px rgba(29,168,81,0.45), 0 0 0 10px rgba(29,168,81,0); }
}

.float-btn:hover 
@media (max-width: 768px) {
  /* Anchored to the bottom-right corner instead of vertically centered
     (top:50%) so the buttons don't sit on top of page content on mobile —
     see same fix applied in main.css for the homepage. */
  
  
  .float-btn svg { width: 25px; height: 25px; }
  
}