/* ===========================================================
   premium2.css -- navy/gold visual language, inspired by the
   layout language of visit-india-tours.com (photography-forward,
   editorial serif headings, warm gold CTAs on a dark navy hero).
   Purely additive on top of main.css + premium.css; nothing here
   is removed or overridden destructively.
   =========================================================== */

:root{
  --navy-950:#0a1420;
  --navy-900:#0f1e30;
  --navy-850:#14273c;
  --navy-800:#1a3049;
  --navy-line:rgba(255,255,255,.14);
}

/* ---------- Hero: full-bleed photo, navy gradient, lead-card ---------- */
.hero-navy{position:relative;color:#fff;overflow:hidden;}
.hero-navy .hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 40%;}
.hero-navy .hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(10,20,32,.96) 0%,rgba(10,20,32,.86) 34%,rgba(10,20,32,.55) 62%,rgba(10,20,32,.30) 100%);}
.hero-navy .container{position:relative;z-index:2;padding:64px 24px 72px;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:start;}
.hero-navy .eyebrow{font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--orange-500);font-weight:700;margin-bottom:14px;}
.hero-navy h1{font-family:var(--font-head);color:#fff;font-size:clamp(32px,4.4vw,52px);line-height:1.08;margin:0 0 18px;max-width:14ch;}
.hero-navy p.lead{max-width:52ch;color:#dbe3ea;font-size:16px;line-height:1.65;margin:0 0 26px;}
.hero-navy .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.hero-navy .hero-ctas .btn-outline-invert{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:transparent;}
.hero-navy .hero-ctas .btn-outline-invert:hover{background:rgba(255,255,255,.1);}

.lead-card{background:#fff;border-radius:16px;padding:26px 24px;box-shadow:var(--shadow-lg);color:var(--ink-900);}
.lead-card h3{margin:0 0 6px;font-size:20px;}
.lead-card .sub{font-size:13px;color:var(--ink-500);margin:0 0 16px;line-height:1.5;}
.lead-card .form-group{margin-bottom:12px;}
.lead-card .btn-block{width:100%;margin-top:4px;}

/* Compact AI Tour Planner teaser, shown above the hero lead-card */
.hero-ai-teaser{display:flex;align-items:center;gap:12px;text-decoration:none;
  background:linear-gradient(120deg,rgba(224,123,50,.18),rgba(184,134,59,.12));
  border:1px solid rgba(224,123,50,.45);border-radius:14px;padding:13px 15px;margin-bottom:14px;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;}
.hero-ai-teaser:hover{border-color:var(--orange-500);transform:translateY(-1px);
  background:linear-gradient(120deg,rgba(224,123,50,.26),rgba(184,134,59,.16));}
.hero-ai-teaser .hat-icon{flex:none;width:36px;height:36px;border-radius:50%;font-size:17px;
  background:rgba(224,123,50,.24);display:flex;align-items:center;justify-content:center;}
.hero-ai-teaser .hat-text{flex:1;min-width:0;}
.hero-ai-teaser .hat-text b{display:block;font-size:13.5px;color:#fff;font-weight:700;}
.hero-ai-teaser .hat-text span{display:block;font-size:11.5px;color:#dbe3ea;margin-top:1px;}
.hero-ai-teaser .hat-arrow{flex:none;color:var(--orange-500);}
/* honeypot: present in the DOM for bots to find, invisible + unreachable for people */
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}

@media (max-width:900px){
  .hero-navy .container{grid-template-columns:1fr;padding:40px 20px 48px;}
  .hero-navy h1{max-width:none;}
}

/* ---------- Region tiles: tall full-bleed photo cards ---------- */
.region-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.region-tile{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:3/4;color:#fff;box-shadow:var(--shadow-md);}
.region-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.region-tile:hover img{transform:scale(1.06);}
.region-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,20,32,.92) 0%,rgba(9,20,32,.35) 55%,rgba(9,20,32,0) 80%);}
.region-tile .cap{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2;}
.region-tile .cap h3{font-family:var(--font-head);color:#fff;font-size:19px;margin:0 0 4px;}
.region-tile .cap p{font-size:12.5px;color:#dfe6ea;margin:0;letter-spacing:.2px;}

@media (max-width:1000px){ .region-tiles{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .region-tiles{grid-template-columns:1fr;} .region-tile{aspect-ratio:16/10;} }

/* ---------- Showcase: alternating kicker + heading + copy + photo ---------- */
.showcase{padding:56px 0;}
.showcase.alt{background:var(--cream-100);}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.showcase-grid.rev .showcase-text{order:2;}
.showcase-grid.rev .showcase-photo{order:1;}
.showcase-text .kicker{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange-600);font-weight:700;margin-bottom:10px;}
.showcase-text h2{font-family:var(--font-head);font-size:clamp(24px,2.6vw,32px);margin:0 0 14px;}
.showcase-text p{color:var(--ink-700);line-height:1.7;margin:0 0 20px;max-width:52ch;}
.showcase-photo{border-radius:14px;overflow:hidden;box-shadow:var(--shadow-md);aspect-ratio:4/3;}
.showcase-photo img{width:100%;height:100%;object-fit:cover;display:block;}

@media (max-width:860px){
  .showcase-grid, .showcase-grid.rev{grid-template-columns:1fr;}
  .showcase-grid.rev .showcase-text, .showcase-grid.rev .showcase-photo{order:initial;}
}

/* ---------- Editorial itinerary card ---------- */
.itin-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;}
.itin-card .thumb{position:relative;aspect-ratio:4/3;}
.itin-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.itin-card .thumb .dur-cap{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;font-size:12.5px;color:#fff;
  background:linear-gradient(0deg,rgba(9,20,32,.85),rgba(9,20,32,0));}
.itin-card .body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;}
.itin-card .kicker{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--orange-600);font-weight:700;margin-bottom:8px;}
.itin-card h3{font-family:var(--font-head);font-size:17px;margin:0 0 8px;line-height:1.3;}
.itin-card .desc{font-size:13.5px;color:var(--ink-500);line-height:1.55;margin:0 0 14px;flex:1;}
.itin-card .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;border-top:1px dashed var(--line);padding-top:12px;margin-bottom:12px;}
.itin-card .meta-row .price{font-weight:700;color:var(--ink-900);}
.itin-card .link-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;}
.itin-card .link-row a{color:var(--green-800);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;}
.itin-card .link-row .wa{color:#1fa855;}

.itin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:900px){ .itin-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .itin-grid{grid-template-columns:1fr;} }

/* ---------- Section helpers ---------- */
.section-navy{background:var(--navy-950);color:#fff;padding:56px 0;}
.section-navy h2{color:#fff;}
.section-navy p{color:#cfd8de;}

/* ---------- AI Tour Planner homepage highlight ---------- */
.ai-planner-highlight{position:relative;overflow:hidden;border-radius:22px;
  background:linear-gradient(120deg,var(--navy-950) 0%,#132a41 55%,#1a3049 100%);
  color:#fff;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:32px;
  padding:44px 44px 60px;box-shadow:var(--shadow-lg);}
.aph-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(224,123,50,.16);
  border:1px solid rgba(224,123,50,.45);color:var(--orange-500);font-weight:700;font-size:12px;
  letter-spacing:.6px;text-transform:uppercase;padding:6px 14px;border-radius:99px;margin-bottom:16px;}
.ai-planner-highlight h2{color:#fff;font-size:clamp(24px,3vw,32px);margin:0 0 12px;}
.ai-planner-highlight p{color:#dbe3ea;max-width:56ch;margin:0 0 20px;line-height:1.7;}
.aph-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 26px;list-style:none;padding:0;}
.aph-points li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#e9eef2;}
.aph-points li svg{color:var(--gold-600);flex:none;}
.ai-planner-highlight .btn-primary{box-shadow:0 10px 26px rgba(224,123,50,.35);}
.aph-visual{position:relative;display:flex;align-items:center;justify-content:center;height:100%;}
.aph-orb{width:100%;max-width:220px;aspect-ratio:1/1;border-radius:50%;
  background:radial-gradient(circle at 32% 28%,rgba(224,123,50,.55),rgba(184,134,59,.25) 45%,rgba(255,255,255,0) 72%);
  display:flex;align-items:center;justify-content:center;font-size:72px;margin:0 auto;}
@media (max-width:900px){
  .ai-planner-highlight{grid-template-columns:1fr;padding:34px 26px;text-align:left;}
  .aph-visual{display:none;}
}

/* ---------- Compact AI Tour Planner teaser, shown above the sidebar
   quote-card on every inner page (package listing/detail, about, contact,
   etc). Light-card variant to sit on the page's cream/white background,
   as opposed to .hero-ai-teaser which sits on the dark hero. ---------- */
.sidebar-ai-teaser{position:relative;display:flex;align-items:center;gap:12px;
  text-decoration:none;background:linear-gradient(120deg,var(--orange-100) 0%,#fff 75%);
  border:1px solid rgba(224,123,50,.5);border-radius:var(--radius-lg);
  padding:18px 18px 16px;box-shadow:var(--shadow-sm);
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;}
.sidebar-ai-teaser:hover{border-color:var(--orange-600);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.sidebar-ai-teaser::before{content:"AI-Powered · New";position:absolute;top:-12px;left:18px;
  background:var(--orange-500);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;padding:6px 13px;border-radius:20px;box-shadow:var(--shadow-sm);}
.sidebar-ai-teaser .sat-icon{flex:none;width:40px;height:40px;border-radius:50%;font-size:18px;
  background:var(--orange-100);display:flex;align-items:center;justify-content:center;}
.sidebar-ai-teaser .sat-text{flex:1;min-width:0;}
.sidebar-ai-teaser .sat-text b{display:block;font-family:var(--font-head);font-size:14.5px;
  color:var(--ink-900);font-weight:700;line-height:1.3;}
.sidebar-ai-teaser .sat-text span{display:block;font-size:12px;color:var(--ink-500);
  margin-top:3px;line-height:1.4;}
.sidebar-ai-teaser .sat-arrow{flex:none;color:var(--orange-500);}