/*
Theme Name: Suprayana Travels
Theme URI: https://example.com
Author: Suprayana Travels
Description: Luxury-minimal theme for a bespoke India travel agency — customized itineraries, handpicked stays, private transportation. Beige/white/muted-gold/charcoal palette, serif display type, hand-drawn gold route-line motif.
Version: 5.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: suprayana
*/

/* ===========================================================
   SUPRAYANA TRAVELS — DESIGN TOKENS
   ===========================================================
   Every colour, size and space in this theme comes from a
   token below. Change a token here and it updates everywhere.
   Do not hardcode a hex value or a font-size anywhere else.
   =========================================================== */

:root{

  /* --- Brand colour ------------------------------------- */
  --beige:#F4EFE6;          /* section background */
  --beige-deep:#EAE2D2;     /* pressed / inset on beige */
  --white:#FFFFFF;
  --gold:#B9944B;           /* accents, rules, dots — never text on white */
  --gold-deep:#8C6F35;      /* gold as text: 4.73:1 on white, WCAG AA */
  --charcoal:#221E19;       /* headings, dark grounds */
  --charcoal-soft:#4B443A;  /* body text */
  --line:#DCD3BF;           /* hairlines and borders */

  /* --- Semantic roles ----------------------------------- */
  --text:var(--charcoal-soft);
  --text-strong:var(--charcoal);
  --text-muted:#6E6558;
  --text-on-dark:rgba(255,255,255,.88);
  --text-on-dark-soft:rgba(255,255,255,.68);
  --bg:var(--white);
  --bg-alt:var(--beige);
  --bg-dark:var(--charcoal);
  --accent:var(--gold);
  --accent-text:var(--gold-deep);
  --whatsapp:#25D366;

  /* Itinerary card tones — cycle down the grid */
  --tone-1-a:#3C6049;   /* forest     */
  --tone-1-b:#2A4636;
  --tone-2-a:#B08A1C;   /* mustard — darkened so the white motif reads */
  --tone-2-b:#96751A;
  --tone-3-a:#C05B3C;   /* terracotta */
  --tone-3-b:#9E4429;
  --tone-4-a:#4B7B92;   /* backwater  */
  --tone-4-b:#3A6274;
  --whatsapp-dark:#1DA851;
  --error:#A3341F;

  /* --- Ink overlays (charcoal at alpha) ------------------ */
  --ink-06:rgba(34,30,25,.06);
  --ink-15:rgba(34,30,25,.15);
  --ink-35:rgba(34,30,25,.35);
  --ink-55:rgba(34,30,25,.55);
  --ink-60:rgba(34,30,25,.60);
  --ink-68:rgba(34,30,25,.68);
  --ink-82:rgba(34,30,25,.82);

  /* --- Paper overlays (white at alpha) ------------------- */
  --paper-12:rgba(255,255,255,.12);
  --paper-25:rgba(255,255,255,.25);
  --paper-50:rgba(255,255,255,.50);
  --paper-60:rgba(255,255,255,.60);
  --paper-70:rgba(255,255,255,.70);
  --paper-80:rgba(255,255,255,.80);
  --paper-92:rgba(255,255,255,.92);
  --paper-95:rgba(255,255,255,.95);

  /* --- Typeface ----------------------------------------- */
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Montserrat','Helvetica Neue',Arial,sans-serif;

  /* --- Type scale --------------------------------------- */
  /* 10 sizes. Nothing outside this list.                   */
  --fs-3xs:0.58rem;   /* the smallest label, badges only   */
  --fs-2xs:0.70rem;   /* eyebrows, tracked labels          */
  --fs-xs:0.78rem;    /* breadcrumbs, footer meta          */
  --fs-sm:0.88rem;    /* card body, footer links, captions */
  --fs-base:1rem;     /* body copy                         */
  --fs-md:1.125rem;   /* lead paragraphs                   */
  --fs-lg:1.375rem;   /* h4, card titles                   */
  --fs-xl:1.75rem;    /* h3, numerals                      */
  --fs-2xl:clamp(2rem,4vw,3rem);       /* h2               */
  --fs-3xl:clamp(2.2rem,5vw,3.6rem);   /* interior page h1 */
  --fs-4xl:clamp(2.6rem,6vw,4.6rem);   /* homepage hero h1 */

  /* --- Weight ------------------------------------------- */
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;

  /* --- Line height -------------------------------------- */
  --lh-tight:1.08;    /* display headings                  */
  --lh-snug:1.3;      /* small headings                    */
  --lh-normal:1.6;    /* UI text                           */
  --lh-relaxed:1.75;  /* body paragraphs                   */

  /* --- Letter spacing ----------------------------------- */
  --ls-display:.01em;
  --ls-normal:0;
  --ls-wide:.06em;    /* buttons                           */
  --ls-wider:.14em;   /* nav, field labels                 */
  --ls-widest:.24em;  /* eyebrows                          */

  /* --- Spacing scale ------------------------------------ */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:26px;
  --space-7:32px;
  --space-8:40px;
  --space-9:56px;
  --space-10:72px;
  --space-11:100px;
  --space-12:120px;

  /* --- Layout ------------------------------------------- */
  --max:1200px;
  --max-prose:800px;
  --max-narrow:620px;
  --gutter:var(--space-7);
  --section-y:var(--space-12);
  --header-h:100px;
  --logo-h: 100px;
  --logo-h-scrolled: 76px;
  --logo-h-mobile: 64px;
  --logo-max-w: 380px;

  /* --- Shape and depth ---------------------------------- */
  --radius:20px;
  --radius-sm:10px;
  --radius-pill:999px;
  --border:1px solid var(--line);
  --border-strong:1.5px solid var(--line);
  --shadow:0 24px 50px -24px rgba(34,30,25,0.35);
  --shadow-sm:0 2px 20px var(--ink-06);

  /* --- Motion ------------------------------------------- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:.25s;
  --dur:.35s;
  --dur-slow:.7s;
}

@media(max-width:768px){
  :root{
    --section-y:var(--space-10);
    --gutter:var(--space-5);
    --header-h:80px;
  }
}

/* ===========================================================
   BASE
   =========================================================== */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family:var(--font-body);
  font-size:var(--fs-base);
  font-weight:var(--fw-light);
  line-height:var(--lh-relaxed);
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:var(--fw-medium);
  line-height:var(--lh-tight);
  letter-spacing:var(--ls-display);
  color:var(--text-strong);
  margin:0 0 .4em;
}
h1{font-size:var(--fs-3xl);}
h2{font-size:var(--fs-2xl);}
h3{font-size:var(--fs-lg);}
h4{font-size:var(--fs-lg);line-height:var(--lh-snug);}
h5,h6{
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:var(--fw-medium);
  line-height:var(--lh-snug);
  letter-spacing:var(--ls-normal);
}

p{margin:0 0 1em;line-height:var(--lh-relaxed);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent-text);
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ===========================================================
   LAYOUT
   =========================================================== */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);}
.wrap-prose{max-width:var(--max-prose);}
.wrap-narrow{max-width:var(--max-narrow);}

section{padding:var(--section-y) 0;}
section[id]{scroll-margin-top:calc(var(--header-h) + var(--space-1));}
section[id]:focus{outline:none;}
.section-flush-bottom{padding-bottom:0;}
.section-flush-top{padding-top:var(--space-7);}
@media(max-width:768px){.section-flush-top{padding-top:var(--space-6);}}

.section-head{max-width:var(--max-narrow);margin:0 auto var(--space-10);text-align:center;}
.section-head h2{margin-bottom:0;}
.section-intro{margin-top:var(--space-4);}
.section-intro p{
  color:var(--text);
  font-size:var(--fs-base);
  line-height:var(--lh-relaxed);
  margin:0 0 .9em;
}
.section-intro p:last-child{margin-bottom:0;}

/* ===========================================================
   TYPOGRAPHIC UTILITIES
   =========================================================== */
.eyebrow{
  font-family:var(--font-body);
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  text-transform:uppercase;
  letter-spacing:var(--ls-widest);
  color:var(--accent-text);
  margin:0 0 var(--space-2);
}
.eyebrow-on-dark{color:var(--text-on-dark-soft);}

.lead{font-size:var(--fs-md);line-height:var(--lh-normal);}
.muted{color:var(--text);}
.center{text-align:center;}
.mt-lg{margin-top:var(--space-10);}
.mt-md{margin-top:var(--space-6);}
.on-dark{color:var(--white);}
.on-dark h1,.on-dark h2,.on-dark h3{color:var(--white);}

/* Route-line signature */
.route-line{width:64px;height:14px;margin:var(--space-3) 0 var(--space-6);}
.route-line.center{margin-left:auto;margin-right:auto;}
.route-line path{stroke:var(--accent);stroke-width:1.4;fill:none;}

/* Long-form content from the WordPress editor */
.content h2{font-size:var(--fs-xl);margin-top:1.4em;}
.content h3{font-size:var(--fs-lg);margin-top:1.2em;}
.content ul,.content ol{line-height:var(--lh-relaxed);padding-left:1.2em;}
.content li{margin-bottom:var(--space-2);}
.content a{color:var(--accent-text);border-bottom:1px solid var(--line);}
.content a:hover{border-bottom-color:var(--accent);}
.content img{border-radius:var(--radius-sm);margin:var(--space-6) 0;}
.content blockquote{
  border-left:2px solid var(--accent);
  padding-left:var(--space-6);
  margin:var(--space-7) 0;
  font-family:var(--font-display);
  font-size:var(--fs-md);
  font-style:italic;
  color:var(--text-strong);
}

/* ===========================================================
   BUTTONS
   =========================================================== */
.btn{
  display:inline-flex;align-items:center;gap:var(--space-3);
  padding:15px var(--space-7);
  border-radius:var(--radius-pill);
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:var(--fw-medium);
  line-height:1;
  letter-spacing:var(--ls-wide);
  text-transform:uppercase;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),
             border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.btn-primary{background:var(--gold-deep);color:var(--white);}
.btn-primary:hover{background:var(--charcoal);transform:translateY(-2px);}
.btn-outline{border-color:var(--charcoal);color:var(--charcoal);background:transparent;}
.btn-outline:hover{background:var(--charcoal);color:var(--white);}
.btn-light{border-color:var(--white);color:var(--white);}
.btn-light:hover{background:var(--white);color:var(--charcoal);}
.btn-block{width:100%;justify-content:center;}

/* ===========================================================
   HEADER / NAV
   =========================================================== */
header.site{
  position:fixed;top:0;left:0;right:0;z-index:100;
  padding:var(--space-6) 0;
  background:transparent;
  transition:background var(--dur) var(--ease),padding var(--dur) var(--ease),
             box-shadow var(--dur) var(--ease);
}
header.site.scrolled{
  background:var(--paper-95);
  backdrop-filter:blur(10px);
  padding:var(--space-4) 0;
  box-shadow:var(--shadow-sm);
}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);}
/* Full-width header: the logo sits at the screen edge rather than
   lining up with the 1200px content column. */
.nav-wide{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 var(--space-8) 0 0;
}
@media(max-width:900px){.nav-wide{padding:0 var(--gutter);}}

.logo{
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  font-weight:var(--fw-semibold);
  letter-spacing:.04em;
  color:var(--white);
  transition:color var(--dur) var(--ease);

  /* Anchor the logo hard left, and stop flex from stretching or
     centring it however long the text or wide the image. */
  margin-right:auto;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
}
header.site.scrolled .logo{color:var(--charcoal);}

/* Uploaded logo image */
.logo-image{line-height:0;margin-left:0;}
.logo-image .custom-logo-link{
  display:flex;align-items:center;justify-content:flex-start;
  line-height:0;margin:0;padding:0;
}
.logo-image img,
.custom-logo{
  display:block;
  height:auto;
  width:auto;
  max-height:var(--logo-h);
  max-width:var(--logo-max-w);
  object-fit:contain;
  object-position:left center;
  transition:max-height var(--dur) var(--ease);
}
header.site.scrolled .logo-image img,
header.site.scrolled .custom-logo{max-height:var(--logo-h-scrolled);}

@media(max-width:900px){
  .logo-image img,
  .custom-logo{max-height:var(--logo-h-mobile);}
  header.site.scrolled .logo-image img,
  header.site.scrolled .custom-logo{max-height:var(--logo-h-mobile);}
}

.nav ul{list-style:none;display:flex;gap:var(--space-8);margin:0;padding:0;}
.nav ul a{
  font-size:var(--fs-xs);
  font-weight:var(--fw-semibold);
  text-transform:uppercase;
  letter-spacing:var(--ls-wider);
  color:var(--text-on-dark);
  padding-bottom:var(--space-1);
  transition:color var(--dur) var(--ease);
}
header.site.scrolled .nav ul a{color:var(--text);}
.nav ul a:hover,.nav ul a.active{color:var(--accent);}
.nav-cta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);}
.nav-cta .btn{padding:12px var(--space-6);font-size:var(--fs-2xs);}

.burger{
  display:none;background:none;border:none;cursor:pointer;
  font-size:var(--fs-lg);color:var(--white);line-height:1;padding:var(--space-1);
}
header.site.scrolled .burger{color:var(--charcoal);}

@media(max-width:900px){
  .nav ul{
    position:fixed;top:0;right:0;bottom:0;
    width:78%;max-width:320px;
    background:var(--beige);
    flex-direction:column;
    padding:110px var(--space-8);
    gap:var(--space-6);
    box-shadow:var(--shadow);
    transform:translateX(100%);
    transition:transform var(--dur) var(--ease);
  }
  .nav ul.open{transform:translateX(0);}
  .nav ul a{color:var(--charcoal) !important;font-size:var(--fs-sm);}
  .burger{display:block;}
  .nav-cta .btn{display:none;}
}

/* ===========================================================
   HERO
   =========================================================== */
.hero{
  min-height:640px;height:100svh;
  position:relative;display:flex;align-items:center;
  background:linear-gradient(180deg,var(--ink-15) 0%,var(--ink-55) 100%),
    url('https://picsum.photos/seed/suprayana-munnar/1800/1200') center/cover;
  color:var(--white);
}
.hero .wrap{position:relative;z-index:2;}
.hero .eyebrow{color:var(--paper-80);}
.hero h1{font-size:var(--fs-4xl);color:var(--white);max-width:820px;}
.hero .lead{max-width:480px;color:var(--text-on-dark);margin:var(--space-5) 0 var(--space-7);}

.hero-scroll{
  position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:var(--space-2);
  color:var(--paper-70);
  font-size:var(--fs-2xs);letter-spacing:var(--ls-widest);text-transform:uppercase;
  z-index:2;
}
.hero-scroll .stem{width:1px;height:34px;background:var(--paper-50);animation:scrollpulse 2s infinite;}
@keyframes scrollpulse{0%,100%{opacity:.2;}50%{opacity:1;}}

/* Interior page hero */
.page-hero{
  min-height:400px;height:56vh;
  display:flex;align-items:center;color:var(--white);
  background:linear-gradient(var(--ink-35),var(--ink-60)),
    url('https://picsum.photos/seed/suprayana-page/1800/900') center/cover;
}
.page-hero h1{color:var(--white);font-size:var(--fs-3xl);}
.breadcrumb{
  font-size:var(--fs-xs);
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--paper-70);
  margin:0 0 var(--space-3);
}
.breadcrumb a{color:var(--paper-80);}
.breadcrumb a:hover{color:var(--white);}

/* ===========================================================
   SCROLL REVEAL
   =========================================================== */
.reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);
}
.reveal.in{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;}
}

/* ===========================================================
   ABOUT
   =========================================================== */
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--space-10);align-items:center;}
@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:var(--space-8);}}

.about-media{position:relative;}
.about-media img{border-radius:var(--radius);height:520px;object-fit:cover;width:100%;}
.about-media .float-card{
  position:absolute;bottom:-30px;left:-30px;
  background:var(--white);border-radius:var(--radius-sm);
  padding:var(--space-6);box-shadow:var(--shadow);max-width:220px;
}
@media(max-width:600px){
  .about-media .float-card{position:static;margin-top:var(--space-5);max-width:none;}
}
.about-media .float-card b{
  font-family:var(--font-display);font-size:var(--fs-xl);
  display:block;color:var(--accent-text);line-height:var(--lh-tight);
}
.about-media .float-card span{font-size:var(--fs-xs);color:var(--text);}

.about-list{
  list-style:none;padding:0;margin:var(--space-6) 0 0;
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);
}
@media(max-width:480px){.about-list{grid-template-columns:1fr;}}
.about-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text);}
.about-list li::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex-shrink:0;
}

/* ===========================================================
   SERVICE CARDS
   =========================================================== */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);}
@media(max-width:900px){.services-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr;}}

.service-card{
  background:var(--beige);border-radius:var(--radius);
  padding:var(--space-8) var(--space-7);text-align:center;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),
             background var(--dur) var(--ease);
}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);background:var(--white);}
.service-card .icon{
  width:58px;height:58px;border-radius:50%;
  border:1.5px solid var(--accent);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto var(--space-5);
  font-size:var(--fs-lg);color:var(--accent-text);
}
.service-card h3{font-size:var(--fs-lg);}
.service-card p{font-size:var(--fs-sm);margin-bottom:0;}

/* ===========================================================
   DESTINATION CARDS
   =========================================================== */
.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);}
@media(max-width:900px){.dest-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.dest-grid{grid-template-columns:1fr;}}

.dest-card{
  position:relative;border-radius:var(--radius);overflow:hidden;
  height:420px;display:flex;align-items:flex-end;
}
.dest-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform var(--dur-slow) var(--ease);
}
.dest-card:hover img{transform:scale(1.08);}
.dest-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(34,30,25,0) 40%,var(--ink-82) 100%);
}
.dest-card .cap{position:relative;z-index:2;padding:var(--space-6);color:var(--white);}
.dest-card .cap .eyebrow{color:var(--paper-80);}
.dest-card .cap h3{color:var(--white);font-size:var(--fs-lg);margin-bottom:var(--space-1);}
.dest-card .cap span{
  font-size:var(--fs-sm);color:var(--text-on-dark);
  display:inline-flex;align-items:center;gap:var(--space-2);
  opacity:0;transform:translateY(6px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.dest-card:hover .cap span,
.dest-card:focus-visible .cap span{opacity:1;transform:translateY(0);}
@media(hover:none){.dest-card .cap span{opacity:1;transform:none;}}

/* ===========================================================
   WHY GRID
   =========================================================== */
.why-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:var(--border);border-left:var(--border);
}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr;}}
.why-card{padding:var(--space-8) var(--space-7);border-right:var(--border);border-bottom:var(--border);}
.why-card .num{
  font-family:var(--font-display);font-size:var(--fs-base);
  color:var(--accent);margin-bottom:var(--space-3);display:block;
}
.why-card h4{font-size:var(--fs-lg);}
.why-card p{font-size:var(--fs-sm);margin-bottom:0;}

/* ===========================================================
   CTA BANDS
   =========================================================== */
.cta-full{
  position:relative;padding:var(--space-12) 0;text-align:center;color:var(--white);
  background:linear-gradient(var(--ink-55),var(--ink-68)),
    url('https://picsum.photos/seed/suprayana-cta/1800/1000') center/cover;
}
.cta-full h2{color:var(--white);font-size:var(--fs-2xl);max-width:700px;margin:0 auto var(--space-6);}
.cta-band{
  background:var(--charcoal);border-radius:var(--radius);
  padding:var(--space-10) var(--space-8);color:var(--white);
}
.cta-band h2{color:var(--white);}

/* ===========================================================
   FORMS
   =========================================================== */
.form-field{margin-bottom:var(--space-5);}
.form-field label{
  display:block;
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  text-transform:uppercase;
  letter-spacing:var(--ls-wider);
  color:var(--accent-text);
  margin-bottom:var(--space-2);
}
.form-field input,.form-field select,.form-field textarea{
  width:100%;border:none;border-bottom:var(--border-strong);
  padding:var(--space-3) 2px;
  font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-light);
  color:var(--text-strong);background:transparent;
  transition:border-color var(--dur) var(--ease);
}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted);}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{
  outline:none;border-bottom-color:var(--accent);
}
.contact-info-row .icon{background:var(--white);}
.bg-alt .contact-info-row .icon{background:var(--beige-deep);}
.form-field textarea{resize:vertical;min-height:110px;line-height:var(--lh-normal);}
.form-note{margin-top:var(--space-3);font-size:var(--fs-sm);color:var(--text);}

/* ===========================================================
   CONTACT
   =========================================================== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-9);align-items:start;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:var(--space-8);}}

.contact-info-card{background:var(--beige);border-radius:var(--radius);padding:var(--space-8);}
.contact-info-row{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6);}
.contact-info-row .icon{
  width:42px;height:42px;border-radius:50%;background:var(--white);
  display:flex;align-items:center;justify-content:center;
  color:var(--accent-text);flex-shrink:0;
}
.contact-info-row h5{color:var(--text-strong);margin:0 0 var(--space-1);}
.contact-info-row p{margin:0;font-size:var(--fs-sm);}
.contact-info-row p a{color:inherit;border-bottom:1px solid transparent;transition:border-color var(--dur-fast) var(--ease);}
.contact-info-row p a:hover{border-bottom-color:var(--accent);}

.whatsapp-btn{
  display:inline-flex;align-items:center;gap:var(--space-3);
  background:var(--whatsapp);color:var(--white);
  padding:13px var(--space-6);border-radius:var(--radius-pill);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);
  margin-top:var(--space-1);
}
.map-frame{
  margin-top:var(--space-6);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);
}
.map-frame iframe{width:100%;height:280px;border:0;display:block;}

/* ===========================================================
   FOOTER
   =========================================================== */
footer.site{background:var(--charcoal);color:var(--paper-70);padding:var(--space-10) 0 var(--space-7);}
.foot-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:var(--space-8);margin-bottom:var(--space-10);
}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:460px){.foot-grid{grid-template-columns:1fr;}}
.foot-grid .logo{color:var(--white);margin-bottom:var(--space-4);display:inline-block;}
.foot-tagline{color:var(--paper-60);font-size:var(--fs-sm);max-width:280px;margin-top:var(--space-2);}
.foot-grid h5{
  color:var(--white);
  font-size:var(--fs-xs);
  text-transform:uppercase;letter-spacing:var(--ls-wider);
  margin-bottom:var(--space-5);
}
.foot-grid ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:var(--space-3);
  font-size:var(--fs-sm);line-height:var(--lh-normal);
}
.foot-grid ul a:hover{color:var(--accent);}
.foot-social{display:flex;gap:var(--space-3);margin-top:var(--space-2);}
.foot-social a{
  width:38px;height:38px;border-radius:50%;
  border:1px solid var(--paper-25);
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs-sm);
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.foot-social a:hover{background:var(--accent);border-color:var(--accent);color:var(--charcoal);}
.foot-bottom {
  border-top: 1px solid var(--paper-12); padding-top: var(--space-6);
  display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-3);
  font-size: var(--fs-xs); color: var(--paper-50);
}
.foot-bottom a:hover{color:var(--accent);}

/* ===========================================================
   FILTERS
   =========================================================== */
.filters{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-9);justify-content:center;}
.filters button{
  border:var(--border-strong);background:transparent;color:var(--text);
  padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);
  font-family:var(--font-body);font-size:var(--fs-sm);
  letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.filters button.active,.filters button:hover{
  background:var(--charcoal);color:var(--white);border-color:var(--charcoal);
}
.filter-empty{grid-column:1/-1;padding:var(--space-8) 0;}

/* ===========================================================
   JOURNEY DETAIL
   =========================================================== */
/* A fixed sidebar column rather than a fraction, so the box stays a
   sensible size on a wide monitor instead of growing with the page. */
.journey-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:var(--space-10);
  align-items:start;
}
@media(max-width:1100px){.journey-body{gap:var(--space-9);}}
@media(max-width:1000px){.journey-body{grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-8);}}
@media(max-width:900px){.journey-body{grid-template-columns:1fr;gap:var(--space-8);}}

.info-box{
  background:var(--beige);
  border-radius:var(--radius);
  padding:var(--space-7) var(--space-6);
  position:sticky;
  top:calc(var(--header-h) + var(--space-4));
}
@media(max-width:900px){
  /* Stacked, it no longer needs to be full width or sticky. */
  .info-box{position:static;max-width:420px;}
}
.info-box .eyebrow{margin-bottom:var(--space-1);color:#71582B;}
.info-box .price{
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  line-height:var(--lh-snug);
  color:#71582B;
  margin:0;
}
.info-box .btn{padding:13px var(--space-5);font-size:var(--fs-2xs);}
.info-box-cta{margin-top:var(--space-5);}
.highlight-list{list-style:none;padding:0;margin:var(--space-5) 0;}
.highlight-list li{
  padding:var(--space-3) 0;border-bottom:var(--border);
  font-size:var(--fs-xs);line-height:var(--lh-normal);
  display:flex;gap:var(--space-2);
}
.highlight-list li:last-child{border-bottom:none;}
.highlight-list li::before{content:'—';color:var(--accent);}

/* ===========================================================
   BLOG
   =========================================================== */
.post-list article{
  margin-bottom:var(--space-9);padding-bottom:var(--space-9);
  border-bottom:var(--border);
}
.post-list article:last-child{border-bottom:none;}
.post-list h2{font-size:var(--fs-xl);}
.post-list h2 a{color:var(--text-strong);}
.post-list h2 a:hover{color:var(--accent-text);}
.post-thumb{border-radius:var(--radius);margin-bottom:var(--space-5);}
.post-hero-img{border-radius:var(--radius);width:100%;height:420px;object-fit:cover;}
.single-figure{padding-top:var(--space-10);}

/* ===========================================================
   PAGINATION
   =========================================================== */
.pagination{margin-top:var(--space-9);display:flex;justify-content:center;}
.pagination .nav-links{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;}
.pagination .page-numbers{
  min-width:42px;height:42px;padding:0 var(--space-3);
  display:inline-flex;align-items:center;justify-content:center;
  border:var(--border);border-radius:var(--radius-pill);
  font-size:var(--fs-sm);color:var(--text);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.pagination .page-numbers:hover,
.pagination .page-numbers.current{
  background:var(--charcoal);color:var(--white);border-color:var(--charcoal);
}
.pagination .dots{border:none;}

/* ===========================================================
   SCREEN READER
   =========================================================== */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;
  position:absolute !important;word-wrap:normal !important;
}

/* ===========================================================
   UTILITIES USED BY TEMPLATES
   =========================================================== */
.bg-alt{background:var(--bg-alt);}
.bg-dark{background:var(--bg-dark);color:var(--white);}
.mb-md{margin-bottom:var(--space-6);}
.mb-lg{margin-bottom:var(--space-8);}
.filter-empty-static{grid-column:1/-1;}

/* Footer widget wrapper (Appearance → Widgets → Footer Services) */
.footer-widget ul{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:var(--space-3);
  font-size:var(--fs-sm);
}
.footer-widget h5{
  color:var(--white);font-size:var(--fs-xs);
  text-transform:uppercase;letter-spacing:var(--ls-wider);
  margin-bottom:var(--space-5);
}

/* ===========================================================
   ENQUIRY FORM
   =========================================================== */
.form-actions{
  display:flex;flex-wrap:wrap;gap:var(--space-3);
  align-items:center;margin-top:var(--space-6);
}
.btn-whatsapp{
  background:var(--whatsapp);color:var(--white);
  border-color:var(--whatsapp);
}
.btn-whatsapp:hover{
  background:var(--whatsapp-dark);border-color:var(--whatsapp-dark);
  color:var(--white);transform:translateY(-2px);
}
.btn-whatsapp .wa-mark{display:inline-flex;align-items:center;}
.btn-whatsapp svg{display:block;}

.form-note-success{color:var(--accent-text);}
.form-note-error{color:var(--error);}

/* Honeypot — hidden from people, visible to bots */
.hp-field{
  position:absolute !important;
  left:-9999px;width:1px;height:1px;overflow:hidden;
}

@media(max-width:420px){
  .form-actions{flex-direction:column;align-items:stretch;}
  .form-actions .btn{justify-content:center;}
}

/* Search form */
.search-form{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;justify-content:center;}
.search-form input[type="search"]{
  flex:1 1 240px;min-width:0;
  border:none;border-bottom:var(--border-strong);
  padding:var(--space-3) 2px;
  font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-light);
  color:var(--text-strong);background:transparent;
  transition:border-color var(--dur) var(--ease);
}
.search-form input[type="search"]:focus{outline:none;border-bottom-color:var(--accent);}

/* Skip link — visible only when focused by keyboard */
.skip-link:focus{
  position:fixed !important;
  top:var(--space-3);left:var(--space-3);
  z-index:1000;
  width:auto;height:auto;
  clip:auto;clip-path:none;
  margin:0;padding:var(--space-3) var(--space-5);
  background:var(--charcoal);color:var(--white);
  border-radius:var(--radius-pill);
  font-size:var(--fs-sm);letter-spacing:var(--ls-wide);
  text-transform:uppercase;
}

/* Two-logo swap: light over the hero, dark once the header goes white */
.logo-image.has-dark-logo{position:relative;}
.logo-image.has-dark-logo .logo-dark{
  position:absolute;top:0;left:0;
  opacity:0;pointer-events:none;
  transition:opacity var(--dur) var(--ease);
}
header.site.scrolled .logo-image.has-dark-logo .logo-dark{
  opacity:1;pointer-events:auto;
}
header.site.scrolled .logo-image.has-dark-logo > .custom-logo-link:not(.logo-dark){
  opacity:0;
  transition:opacity var(--dur) var(--ease);
}
.logo-image.has-dark-logo > .custom-logo-link:not(.logo-dark){
  transition:opacity var(--dur) var(--ease);
}

/* ===========================================================
   JOURNEY / REGION CARD GRID
   Journeys use the same .dest-card look as the region cards on the
   homepage, so the two sets read as one family.
   =========================================================== */
.result-count{
  font-size:var(--fs-xs);letter-spacing:var(--ls-wider);
  text-transform:uppercase;color:var(--text-muted);
  margin-bottom:var(--space-8);
}

/* Region page header with its own photo. The URL is injected by
   suprayana_customizer_css() so the template stays free of inline styles. */
.page-hero-custom{background-size:cover;background-position:center;}

/* ===========================================================
   SINGLE JOURNEY
   =========================================================== */
.journey-main{min-width:0;}

/* Fact strip under the title */
.fact-strip{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:var(--space-6);
  padding:var(--space-5) 0;
  border-top:var(--border);border-bottom:var(--border);
  margin-bottom:var(--space-7);
}
.fact-label{
  display:block;
  font-size:var(--fs-2xs);letter-spacing:var(--ls-widest);
  text-transform:uppercase;color:var(--accent-text);
  margin-bottom:var(--space-1);
}
.fact-value{
  display:block;
  font-family:var(--font-display);font-size:var(--fs-lg);
  color:var(--text-strong);line-height:var(--lh-snug);
}

/* What's included / not included */
.included-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);
  margin-top:var(--space-6);
}
@media(max-width:640px){.included-grid{grid-template-columns:1fr;gap:var(--space-6);}}

.tick-list,.cross-list{list-style:none;padding:0;margin:var(--space-4) 0 0;}
.tick-list li,.cross-list li{
  display:flex;gap:var(--space-3);align-items:flex-start;
  padding:var(--space-2) 0;
  font-size:var(--fs-sm);line-height:var(--lh-normal);
}
.tick-list li::before{content:'✓';color:var(--accent-text);flex-shrink:0;font-weight:var(--fw-medium);}
.cross-list li::before{content:'×';color:var(--text-muted);flex-shrink:0;transform:scale(1.15);display:inline-block;}
.cross-list li{color:var(--text-muted);}

/* Sidebar extras */
.info-box-note{
  font-size:var(--fs-xs);color:var(--text);
  line-height:var(--lh-normal);margin:var(--space-3) 0 0;
}
.price-note{font-size:var(--fs-xs);color:var(--text);margin:var(--space-1) 0 0;}

/* Archive filter target */
.journey-item{display:flex;flex-direction:column;}
.journey-item > .dest-card{flex:1;}

/* Region grid at three across */
.dest-grid-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.dest-grid-3{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.dest-grid-3{grid-template-columns:1fr;}}
.mt-sm{margin-top:var(--space-3);}

/* Photo attached to an itinerary day */
.itinerary-photo{margin:var(--space-4) 0 0;}
.itinerary-photo img{
  width:100%;height:auto;max-height:340px;object-fit:cover;
  border-radius:var(--radius-sm);display:block;
}
@media(max-width:560px){.itinerary-photo img{max-height:220px;}}

/* ===========================================================
   ITINERARY CARDS — ticket stubs
   A coloured panel with a line motif above a dashed body.
   The notch between them is cut with two circles filled in
   the page colour.
   =========================================================== */
.stub-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:var(--space-7) var(--space-6);
}
.stub-grid-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:1100px){.stub-grid,.stub-grid-3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.stub-grid,.stub-grid-3{grid-template-columns:1fr;}}



.stub{
  display:flex;flex-direction:column;
  border-radius:var(--radius-sm);
  transition:transform var(--dur) var(--ease);
}
.stub:hover{transform:translateY(-4px);}

/* Coloured panel */
.stub-panel{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:16/10;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
  z-index:1;
  color:var(--paper-92);
  background:linear-gradient(150deg,var(--tone-a) 0%,var(--tone-b) 100%);
}
.stub-motif{width:52px;height:36px;overflow:visible;}

/* With a featured image the panel carries the photo instead.
   The photo lives in its own clipped wrapper so that overflow:hidden
   does not also cut off the notches, which sit outside the panel. */
.stub-panel-photo{background:var(--beige);}
.stub-photo{
  position:absolute;inset:0;
  overflow:hidden;
  border-radius:var(--radius-sm) var(--radius-sm) 0 0;
}
.stub-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--dur-slow) var(--ease);
}
.stub:hover .stub-photo img{transform:scale(1.05);}
.stub:hover .stub-motif{color:var(--white);}

.stub-tone-0{--tone-a:var(--tone-1-a);--tone-b:var(--tone-1-b);}
.stub-tone-1{--tone-a:var(--tone-2-a);--tone-b:var(--tone-2-b);}
.stub-tone-2{--tone-a:var(--tone-3-a);--tone-b:var(--tone-3-b);}
.stub-tone-3{--tone-a:var(--tone-4-a);--tone-b:var(--tone-4-b);}

/* The perforation */
.stub-notch{
  position:absolute;bottom:-9px;z-index:2;
  width:18px;height:18px;border-radius:50%;
  background:var(--bg);
}
.stub-notch-left{left:-9px;}
.stub-notch-right{right:-9px;}
.bg-alt .stub-notch{background:var(--bg-alt);}

/* Body */
.stub-body{
  flex:1;
  display:flex;flex-direction:column;
  gap:var(--space-2);
  padding:var(--space-6) var(--space-5) var(--space-5);
  border:1px dashed var(--line);
  border-top:none;
  border-radius:0 0 var(--radius-sm) var(--radius-sm);
  transition:border-color var(--dur) var(--ease);
}
.stub:hover .stub-body{border-color:var(--accent);}


.stub-duration{
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  font-weight:var(--fw-medium);
  line-height:var(--lh-snug);
  color:var(--text-strong);
}
.stub-route{
  font-size:var(--fs-sm);
  line-height:var(--lh-normal);
  color:var(--text);
}
.stub-link{
  margin-top:auto;padding-top:var(--space-4);
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  letter-spacing:var(--ls-wider);
  text-transform:uppercase;
  color:var(--text-strong);
  transition:color var(--dur) var(--ease);
}
.stub:hover .stub-link{color:var(--accent-text);}

/* ===========================================================
   ITINERARY TIMELINE
   Days alternate either side of a centre rule, with a numbered
   badge sitting on the line between them.
   =========================================================== */
.timeline{
  list-style:none;
  margin:var(--space-9) 0 0;
  padding:0;
  position:relative;
}
.timeline::before{
  content:'';position:absolute;
  left:50%;top:0;bottom:0;
  width:2px;margin-left:-1px;
  background:linear-gradient(180deg,transparent,var(--accent) 6%,var(--accent) 94%,transparent);
}

.timeline-day{
  position:relative;
  display:grid;
  grid-template-columns:1fr 96px 1fr;
  grid-template-rows:auto;
  align-items:start;
  margin-bottom:var(--space-10);
}
.timeline-day:last-child{margin-bottom:0;}

/* Odd days: picture left, words right. Even days: the reverse.
   Both grid-row AND align-self are pinned explicitly on every item.
   Without an explicit row, a browser has to guess one when an
   item's column comes before an earlier item's in the HTML — which
   is exactly what happens on the reversed (timeline-b) side, since
   the photo is column 3 but appears first in the markup, and the
   text is column 1 but appears second. Some browsers keep both in
   row 1 as intended; others advance to a new row for the second
   item. Naming the row removes that guess entirely. */
.timeline-a .timeline-media{grid-column:1;grid-row:1;align-self:start;}
.timeline-a .timeline-text {grid-column:3;grid-row:1;align-self:start;}
.timeline-b .timeline-media{grid-column:3;grid-row:1;align-self:start;}
.timeline-b .timeline-text {grid-column:1;grid-row:1;align-self:start;text-align:right;}

/* Centred on .timeline-day itself rather than placed in the grid's
   middle column — an absolutely positioned grid item without an
   explicit end line (grid-column:2 alone) resolves its containing
   block inconsistently across browsers, which is what carried the
   badge off the vertical rule. Anchoring to the day's own full
   width, which the line also runs through the centre of, removes
   that ambiguity. */
.timeline-marker{
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
}

/* Picture */
.timeline-panel{
  position:relative;
  display:flex;align-items:center;justify-content:flex-end;
  aspect-ratio:16/10;
  padding:var(--space-6);
  border-radius:var(--radius);
  color:var(--paper-60);
  background:linear-gradient(150deg,var(--tone-a) 0%,var(--tone-b) 100%);
  align-self:start;
}
.timeline-panel .stub-motif{
  width:44px;height:30px;
  align-self:flex-start;
}
.timeline-panel-photo{padding:0;background:var(--beige);}
.timeline-photo{
  position:absolute;inset:0;
  overflow:hidden;border-radius:var(--radius);
}
.timeline-photo img{width:100%;height:100%;object-fit:cover;display:block;}

.timeline-caption{
  position:absolute;left:var(--space-5);bottom:var(--space-5);
  background:var(--paper-92);color:var(--charcoal);
  padding:8px var(--space-4);
  border-radius:var(--radius-pill);
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  letter-spacing:var(--ls-wider);
  text-transform:uppercase;
  backdrop-filter:blur(6px);
}

/* Badge on the line */
.timeline-marker{
  justify-self:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:72px;height:72px;border-radius:50%;
  background:linear-gradient(150deg,var(--tone-1-a),var(--tone-1-b));
  border:2px solid var(--accent);
  box-shadow:0 0 0 6px var(--bg);
  color:var(--white);
  line-height:1;
}
.bg-alt .timeline-marker{box-shadow:0 0 0 6px var(--bg-alt);}
.timeline-marker-label{
  font-size:var(--fs-3xs);letter-spacing:var(--ls-widest);
  text-transform:uppercase;color:var(--paper-70);
  margin-bottom:3px;
}
.timeline-marker b{
  font-family:var(--font-display);
  font-size:var(--fs-lg);font-weight:var(--fw-semibold);
}

/* Words */
.timeline-text{padding:0 var(--space-7);}
.timeline-route{
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  letter-spacing:var(--ls-wider);
  text-transform:uppercase;
  color:var(--tone-3-a);
  margin:0 0 var(--space-3);
}
.timeline-text h3{font-size:var(--fs-xl);margin:0 0 var(--space-4);}
.timeline-text p{font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin:0 0 var(--space-4);}

.timeline-points{list-style:none;padding:0;margin:0;}
.timeline-points li{
  position:relative;
  font-size:var(--fs-sm);
  line-height:var(--lh-normal);
  padding:3px 0 3px var(--space-5);
  color:var(--text);
}
.timeline-points li::before{
  content:'\00B7';
  position:absolute;left:6px;top:1px;
  color:var(--tone-3-a);line-height:1;transform:scale(1.9);transform-origin:left center;
}
.timeline-b .timeline-points li{padding:3px var(--space-5) 3px 0;}
.timeline-b .timeline-points li::before{left:auto;right:6px;}

/* Stacked on narrow screens: line moves left, nothing alternates */
@media(max-width:860px){
  .timeline::before{left:36px;}
  .timeline-day{
    grid-template-columns:72px 1fr;
    align-items:start;
    gap:0 var(--space-5);
    margin-bottom:var(--space-9);
  }
  .timeline-a .timeline-media,
  .timeline-b .timeline-media{grid-column:2;grid-row:2;margin-top:var(--space-5);}
  .timeline-a .timeline-text,
  .timeline-b .timeline-text{grid-column:2;grid-row:1;text-align:left;padding:0;}
  .timeline-marker{
    position:static;
    transform:none;
    grid-column:1;grid-row:1;
    width:60px;height:60px;
    justify-self:start;
  }
  .timeline-b .timeline-points li{padding:3px 0 3px var(--space-5);}
  .timeline-b .timeline-points li::before{left:6px;right:auto;}
}

/* Separator inside an eyebrow, e.g. "Overview · 3 Days / 2 Nights" */
.eyebrow-sep{opacity:.45;margin:0 6px;}
body.page-id-686 .page-hero { background: linear-gradient(var(--ink-35), var(--ink-60)), url(https://suprayanatravel.in/wp-content/uploads/2026/09/Cancellation-1.png) center / cover !important; }
body.page-id-3 .page-hero { background: linear-gradient(var(--ink-35), var(--ink-60)), url(https://suprayanatravel.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-09_00_32-PM.png) center / cover !important; }
body.page-id-60 .page-hero { background: linear-gradient(var(--ink-35), var(--ink-60)), url(https://suprayanatravel.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-09_00_32-PM.png) center / cover !important; }
body.page-id-62 .page-hero { background: linear-gradient(var(--ink-35), var(--ink-60)), url(https://suprayanatravel.in/wp-content/uploads/2026/09/Terms-Conditions.png) center / cover !important; }
.btn-whatsapp { display: none !important; }
 .btn, .btn-primary, .btn-outline, .btn-secondary { background: var(--gold) !important; color: var(--white) !important; border-color: var(--gold) !important; }
.btn, .btn-primary, .btn-outline, .btn-secondary { background: #D4AF6A !important; color: var(--white) !important; border-color: #D4AF6A !important; }
 .stub-title { display: block; font-weight: 700; font-size: var(--fs-md); margin-bottom: 4px; text-align: center; text-transform: uppercase;  }
 .stub, .stub-body { height: auto !important; min-height: 0 !important; }
.stub-body, .stub-duration, .stub-route, .stub-link { text-align: center !important; display: block; }
  .stub-route { font-size: 12px !important; margin-top: 8px !important; display: block; }