
/* Travel Insights — shared index + article system */
.insight-index-hero{padding:130px 0 96px;background:var(--navy);color:#fff}
.insight-index-hero .breadcrumb-lite,.insight-index-hero .breadcrumb-lite a{color:rgba(255,255,255,.65)}
.insight-index-hero-copy{max-width:900px;margin-top:52px}
.insight-index-hero h1{max-width:820px;margin:15px 0 20px;color:#fff;font-size:clamp(3rem,5vw,5.4rem);line-height:1.03}
.insight-index-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-size:1.06rem;line-height:1.85}

.insight-featured-card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:460px}
.insight-featured-image{overflow:hidden}.insight-featured-image img{width:100%;height:100%;object-fit:cover}
.insight-featured-copy{padding:52px 46px;display:flex;flex-direction:column;justify-content:center}
.insight-featured-copy>span,.insight-card-copy>span{color:var(--orange);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.insight-featured-copy h2{margin:12px 0 18px;color:var(--navy);font-size:2rem;line-height:1.25}
.insight-featured-copy p{color:var(--muted);line-height:1.8}
.insight-featured-meta{display:flex;gap:18px;margin:4px 0 20px;color:#7b8490;font-size:.73rem}
.insight-featured-copy b,.insight-card-copy b{color:var(--navy);font-size:.76rem}.insight-featured-copy b i,.insight-card-copy b i{color:var(--orange)}

.insight-index-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:48px}
.insight-index-heading>.lead-muted{margin:0}
.insight-index-heading--compact{display:flex;justify-content:space-between;align-items:end;gap:40px}
.insight-index-heading--compact>a{color:var(--navy);font-size:.76rem;font-weight:700;text-decoration:none}
.insight-index-heading--compact>a i{color:var(--orange)}

.insight-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.insight-index-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--border);border-top:3px solid transparent!important}
.insight-card-image{height:225px;overflow:hidden}.insight-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.insight-index-card:hover .insight-card-image img{transform:scale(1.035)}
.insight-card-copy{display:flex;flex:1;flex-direction:column;padding:26px 24px 28px}
.insight-card-copy h3{margin:10px 0 12px;color:var(--navy);font-size:1.08rem;line-height:1.45}
.insight-card-copy p{color:var(--muted);font-size:.82rem;line-height:1.72}
.insight-card-meta{display:flex;gap:16px;margin-top:auto;padding:12px 0 16px;color:#89919b}
.insight-card-copy b{margin-top:0}

/* Article */
.insight-article-hero{padding:105px 0 78px;background:var(--cream)}
.insight-article-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:72px;align-items:center}
.insight-article-hero-copy .breadcrumb-lite{margin-bottom:42px}
.insight-article-hero-copy h1{margin:14px 0 22px;color:var(--navy);font-size:clamp(2.7rem,4.6vw,4.9rem);line-height:1.07}
.insight-article-hero-copy>p{max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.9}
.insight-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#6f7882;font-size:.74rem}.insight-meta span{display:inline-flex;gap:7px;align-items:center}.insight-meta i{color:var(--orange)}
.insight-article-hero-image{margin:0;overflow:hidden}.insight-article-hero-image img{width:100%;height:580px;object-fit:cover}

.insight-reading-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:90px;justify-content:center;align-items:start}
.insight-reading-aside{position:sticky;top:120px;padding-top:7px}
.insight-aside-label{margin-bottom:16px;color:var(--orange);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.insight-reading-aside nav{display:grid;border-top:1px solid var(--border)}
.insight-reading-aside nav a{padding:12px 0;border-bottom:1px solid var(--border);color:#56616c;font-size:.76rem;line-height:1.5;text-decoration:none}.insight-reading-aside nav a:hover{color:var(--orange)}
.insight-back-link{display:inline-flex;gap:7px;margin-top:26px;color:var(--navy);font-size:.74rem;font-weight:700;text-decoration:none}

.insight-prose{min-width:0}
.insight-opening{margin:0 0 54px;padding-bottom:32px;border-bottom:2px solid var(--navy);color:var(--navy);font-size:1.18rem;line-height:1.9}
.insight-copy-section{position:relative;padding:0 0 50px;margin-bottom:50px;border-bottom:1px solid var(--border)}
.insight-section-no{display:block;margin-bottom:12px;color:var(--orange);font-size:.72rem;font-weight:700}
.insight-copy-section h2{margin:0 0 18px;color:var(--navy);font-size:1.75rem;line-height:1.35}
.insight-copy-section p{color:#4f5964;line-height:1.92}
.insight-copy-section ul{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}
.insight-copy-section li{position:relative;padding-left:22px;color:#59636e;line-height:1.72}.insight-copy-section li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;background:var(--orange)}
.insight-takeaway{padding:38px 36px;background:var(--navy)}.insight-takeaway h2{margin:10px 0 14px;color:#fff}.insight-takeaway p{margin:0;color:rgba(255,255,255,.74);line-height:1.8}
.insight-service-cta{padding-top:0!important}
.insight-related{padding-top:80px!important}

@media(max-width:1199px){.insight-card-grid{grid-template-columns:repeat(2,1fr)}.insight-reading-layout{grid-template-columns:220px minmax(0,1fr);gap:55px}}
@media(max-width:991px){.insight-featured-card,.insight-article-hero-grid{grid-template-columns:1fr}.insight-featured-image{height:380px}.insight-article-hero-image img{height:440px}.insight-reading-layout{grid-template-columns:1fr}.insight-reading-aside{position:static}.insight-reading-aside nav{grid-template-columns:repeat(2,1fr);gap:0 20px}.insight-index-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.insight-index-hero{padding:105px 0 70px}.insight-index-hero h1{font-size:2.75rem}.insight-card-grid{grid-template-columns:1fr}.insight-featured-copy{padding:30px 24px}.insight-featured-image{height:270px}.insight-index-heading--compact{display:block}.insight-index-heading--compact>a{display:inline-block;margin-top:14px}.insight-article-hero{padding:90px 0 60px}.insight-article-hero-grid{gap:34px}.insight-article-hero-image img{height:310px}.insight-reading-aside nav{grid-template-columns:1fr}.insight-opening{font-size:1.03rem}.insight-copy-section h2{font-size:1.45rem}.insight-takeaway{padding:30px 24px}}


/* =========================================================
   v122 — Shared Travel Insights banner + article conversion
   ========================================================= */

/* Same Rajasthan banner on insights index and every article hero. */
.insight-index-hero,
.insight-article-hero{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(0,27,57,.96) 0%,rgba(0,27,57,.86) 42%,rgba(0,27,57,.50) 72%,rgba(0,27,57,.32) 100%),
    url('../../img/travel-insights/hero/planning-rajasthan-tour-hero.jpg') center/cover no-repeat!important;
}
.insight-index-hero:after,
.insight-article-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(0,27,57,.04),rgba(0,27,57,.18));
}

.insight-index-hero{
  min-height:560px;
  display:flex;
  align-items:center;
  padding:118px 0 88px;
}
.insight-index-hero-copy{
  margin-top:42px;
}

.insight-article-hero{
  min-height:650px;
  display:flex;
  align-items:center;
  padding:110px 0 88px;
  color:#fff;
}
.insight-article-hero-copy{
  max-width:980px;
}
.insight-article-hero-copy .breadcrumb-lite,
.insight-article-hero-copy .breadcrumb-lite a{
  color:rgba(255,255,255,.66);
}
.insight-article-hero-copy h1{
  max-width:900px;
  margin:16px 0 22px;
  color:#fff;
  font-size:clamp(3rem,5vw,5.4rem);
  line-height:1.05;
}
.insight-article-hero-copy>p{
  max-width:780px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:1.05rem;
  line-height:1.88;
}
.insight-article-hero .insight-meta{
  color:rgba(255,255,255,.72);
}
.insight-article-hero .insight-meta i{
  color:var(--orange);
}

/* Article-specific image is now the editorial lead visual, not the banner. */
.insight-article-lead-image{
  max-width:1120px;
  height:500px;
  margin:0 auto 78px;
  overflow:hidden;
}
.insight-article-lead-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Conversion pair selected in Admin. */
.insight-conversion-section{
  padding-top:90px!important;
  padding-bottom:90px!important;
}
.insight-conversion-heading{
  max-width:900px;
  margin:0 auto 46px;
  text-align:center;
}
.insight-conversion-heading .section-title{
  margin-bottom:16px;
}
.insight-conversion-heading .lead-muted{
  max-width:700px;
  margin:0 auto;
}
.insight-conversion-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
  gap:18px;
}
.insight-related-holiday{
  display:grid;
  grid-template-columns:46% 54%;
  min-height:310px;
}
.insight-related-holiday-image{
  overflow:hidden;
}
.insight-related-holiday-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.insight-related-holiday-copy{
  padding:34px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.insight-related-holiday-copy>span,
.insight-related-service span{
  color:var(--orange);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.insight-related-holiday-copy h3,
.insight-related-service h3{
  margin:10px 0 12px;
  color:var(--navy);
  font-size:1.28rem;
  line-height:1.4;
}
.insight-related-holiday-copy p{
  margin:0 0 24px;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.65;
}
.insight-related-holiday-copy b,
.insight-related-service b{
  color:var(--navy);
  font-size:.76rem;
}
.insight-related-holiday-copy b i,
.insight-related-service b i{
  color:var(--orange);
}

.insight-related-service{
  min-height:310px;
  padding:34px 30px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:24px;
  align-items:center;
  border:1px solid var(--navy);
  background:#fff;
  color:inherit;
  text-decoration:none;
  transition:background .28s ease,transform .28s ease,box-shadow .28s ease;
}
.insight-related-service-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  background:var(--navy);
  color:var(--orange);
  font-size:1.5rem;
}
.insight-related-service p{
  margin:0 0 24px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.7;
}
.insight-related-service:hover{
  background:#dceaf7;
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(0,47,93,.08);
}
.insight-related-service:hover .insight-related-service-icon{
  background:var(--orange);
  color:#fff;
}
.insight-related-service:hover .insight-related-service-icon i{
  color:#fff;
}

/* Keep the service CTA visually separate after the conversion cards. */
.insight-service-cta{
  padding-top:0!important;
}

@media(max-width:991px){
  .insight-article-hero{min-height:560px}
  .insight-article-lead-image{height:420px;margin-bottom:58px}
  .insight-conversion-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .insight-index-hero{min-height:500px}
  .insight-article-hero{min-height:520px;padding:100px 0 70px}
  .insight-article-hero-copy h1{font-size:2.7rem}
  .insight-article-lead-image{height:280px;margin-bottom:46px}
  .insight-conversion-heading{text-align:left;margin-left:0;margin-right:0}
  .insight-conversion-heading .lead-muted{margin-left:0;margin-right:0}
  .insight-related-holiday{grid-template-columns:1fr}
  .insight-related-holiday-image{height:240px}
  .insight-related-service{grid-template-columns:56px minmax(0,1fr);padding:28px 24px}
  .insight-related-service-icon{width:52px;height:52px}
}


/* =========================================================
   v124 — article reading rhythm / obvious conversion links
   ========================================================= */

/* Article-specific image appears between editorial text blocks,
   not directly below a hero that already carries a banner. */
.insight-article-lead-image{
  display:none!important;
}
.insight-inline-image{
  width:100%;
  height:390px;
  margin:4px 0 54px;
  overflow:hidden;
}
.insight-inline-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* The two conversion cards must read immediately as links. */
.insight-related-holiday,
.insight-related-service{
  cursor:pointer;
}
.insight-related-holiday{
  border:1px solid var(--navy)!important;
}
.insight-related-holiday:hover,
.insight-related-service:hover{
  border-color:var(--orange)!important;
}

.insight-conversion-link{
  display:inline-flex!important;
  width:fit-content;
  gap:9px;
  align-items:center;
  margin-top:auto;
  padding:11px 15px;
  background:var(--navy);
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:700;
  line-height:1;
  text-transform:none!important;
  letter-spacing:0!important;
  transition:background .25s ease,color .25s ease;
}
.insight-conversion-link i{
  color:var(--orange)!important;
}
.insight-related-holiday:hover .insight-conversion-link,
.insight-related-service:hover .insight-conversion-link{
  background:var(--orange);
  color:#fff!important;
}
.insight-related-holiday:hover .insight-conversion-link i,
.insight-related-service:hover .insight-conversion-link i{
  color:#fff!important;
}

/* Give the final article CTA normal section breathing room.
   Previous rule removed its top padding entirely. */
.insight-service-cta{
  padding-top:90px!important;
  padding-bottom:90px!important;
}
.insight-service-cta .final-cta{
  margin:0!important;
}

@media(max-width:650px){
  .insight-inline-image{
    height:260px;
    margin-bottom:42px;
  }
  .insight-service-cta{
    padding-top:70px!important;
    padding-bottom:70px!important;
  }
}


/* v127 — individual article hero background is applied by the PHP template. */



/* =========================================================
   v129 — Insight related Holiday card now uses the exact
   Your Rajasthan Route card hierarchy and type treatment.
   ========================================================= */
.insight-conversion-grid .insight-route-card{
  min-height:310px;
  border:1px solid var(--border)!important;
}
.insight-conversion-grid .insight-route-card:hover{
  border-color:rgba(254,132,5,.45)!important;
}
.insight-conversion-grid .insight-route-card .json-route-copy small{
  color:var(--orange)!important;
}
.insight-conversion-grid .insight-route-card .json-route-copy h3{
  color:var(--navy)!important;
}
.insight-conversion-grid .insight-route-card .json-route-copy p{
  color:var(--muted)!important;
}
.insight-conversion-grid .insight-route-card .json-route-copy b{
  color:var(--navy)!important;
}
.insight-conversion-grid .insight-route-card:hover .json-route-copy b{
  color:var(--orange)!important;
}


/* =========================================================
   v130 — Continue Planning card alignment / typography
   ========================================================= */

/* Holiday card: vertically centred copy, with duration below title. */
.insight-conversion-grid .insight-route-card .json-route-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.insight-holiday-duration{
  display:block;
  margin:-2px 0 13px;
  color:var(--orange)!important;
  font-size:.74rem!important;
  font-weight:700!important;
  line-height:1.3;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Service card uses the same text hierarchy as the holiday card. */
.insight-related-service{
  min-height:310px;
  align-items:stretch;
}
.insight-related-service-icon{
  align-self:center;
}
.insight-related-service-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.insight-related-service-copy small{
  color:var(--orange);
  font-size:inherit;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.insight-related-service-copy h3{
  color:var(--navy);
  font-size:1.35rem;
  margin:8px 0 12px;
  line-height:1.4;
}
.insight-related-service-copy p{
  color:var(--muted);
  font-size:.82rem;
  line-height:1.7;
  margin:0 0 1rem;
}
.insight-related-service-copy b{
  color:var(--navy);
  font-size:.74rem;
}
.insight-related-service-copy b i{
  color:var(--orange);
}
.insight-related-service:hover .insight-related-service-copy b{
  color:var(--orange);
}
