/* Latest owner requests: gold buttons, no overlays on hero photos, tidy map. */

/* ---------- Shiny gold on every main button ---------- */
:root {
  --c-gold: linear-gradient(135deg, #f7dc8a 0%, #e0b23f 34%, #bd8a14 58%, #edc660 84%, #f7dc8a 100%);
  --c-gold-ink: #2a1a05;
}
#root .hero-btn-primary, #root .pg-cta, #root .ts-cta-btn, #root .ts-hero-cta, #root .ts-btn-primary,
#root .dd-btn-group, #root .bl-featured-link, #root .pg-lb-b1, #root .ct-form-submit, #root .lg-submit,
#root .ft-nl-btn, #root .ft-contact-btn, #root .nb-dr-cta, #root .ts-modal-submit {
  background: var(--c-gold) !important;
  background-size: 220% 100% !important;
  background-position: 0% 50% !important;
  border: 1px solid #c9992b !important;
  color: var(--c-gold-ink) !important;
  -webkit-text-fill-color: var(--c-gold-ink) !important;
  box-shadow: 0 2px 10px rgba(150, 105, 15, .28), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  transition: background-position .5s ease, box-shadow .2s ease !important;
}
#root .ft-nl-btn *, #root .ft-contact-btn *, #root .nb-dr-cta *, #root .ct-form-submit *, #root .lg-submit *, #root .pg-lb-b1 *, #root .bl-featured-link * {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
/* Outline buttons match, in gold */
#root .ts-btn-secondary, #root .ts-btn-link, #root .pg-lb-b2 {
  border: 1px solid #c9992b !important;
  color: #7a5608 !important;
  -webkit-text-fill-color: #7a5608 !important;
}
/* The second hero button stays see-through over the photo */
#root .hero-btns > :nth-child(2) {
  background: rgba(20, 10, 0, .28) !important;
  border: 1px solid #f0cf72 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}
@media (hover: hover) {
  #root .hero-btn-primary:hover, #root .pg-cta:hover, #root .ts-cta-btn:hover, #root .ts-hero-cta:hover, #root .ts-btn-primary:hover,
  #root .dd-btn-group:hover, #root .bl-featured-link:hover, #root .pg-lb-b1:hover, #root .ct-form-submit:hover, #root .lg-submit:hover,
  #root .ft-nl-btn:hover, #root .ft-contact-btn:hover, #root .nb-dr-cta:hover, #root .ts-modal-submit:hover {
    background: var(--c-gold) !important;
    background-size: 220% 100% !important;
    background-position: 100% 50% !important;
    border-color: #c9992b !important;
    box-shadow: 0 4px 16px rgba(150, 105, 15, .4), inset 0 1px 0 rgba(255, 255, 255, .6) !important;
  }
}
#root .hero-btns > :nth-child(2):hover { background: rgba(20, 10, 0, .45) !important; box-shadow: none !important; }
@media (prefers-reduced-motion: reduce) {
  #root .hero-btn-primary, #root .pg-cta, #root .ts-btn-primary, #root .lg-submit { transition: none !important; }
}

/* ---------- Hero photos: no dark overlay, text keeps its own shadow ---------- */
#root .glp-hero-vign, #root .hero-cinema, #root .hero-slide-img::after { display: none !important; }
#root .glp-hero-h1, #root .glp-hero-sub, #root .hero-root .hero-title {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .75), 0 2px 18px rgba(0, 0, 0, .6) !important;
}
#root .glp-hero-sub { color: #fff !important; }

/* ---------- Explore map: no large notices over the map ---------- */
#root .map-hint-pill, #root .map-tip-mouse, #root .map-tip-touch { display: none !important; }

/* Place names only show once the map has settled, so they never appear stretched */
.leaflet-container .lyr-labels { transition: opacity .35s ease; }
.leaflet-container.lyr-flying .lyr-labels { opacity: 0 !important; transition: none; }

/* A sideways trackpad swipe moves the cards, not the browser back a page */
#root .dd-stage { overscroll-behavior-x: contain; }

/* ---------- 404: the live link is pale gold on cream ---------- */
#root .min-h-screen > div > a[href="/"] { font-size: 16px !important; color: #7a5608 !important; }

/* ---------- One title treatment: the Gallery title is the reference ---------- */
:root { --c-title-glow: 0 0 15px rgba(184,132,47,1), 0 0 35px rgba(184,132,47,.9), 0 0 65px rgba(184,132,47,.75), 0 0 100px rgba(244,210,122,.65), 0 0 150px rgba(255,235,180,.5), 0 2px 6px rgba(80,40,0,.4); }
#root .pg-title-main, #root .sy-h1-main, #root .ts-section-h2-main, #root .dd-title-wrapper h2, #root .ex-title-main, #root .bl-title-main,
#root .glp-title-main, #root .ct-title, #root .ts-title-white, #root .ts-title-gold, #root .sm-title1, #root .sm-title2 {
  display: block !important;
  font-family: var(--c-serif) !important;
  font-weight: 900 !important;
  text-transform: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  text-shadow: var(--c-title-glow) !important;
  filter: drop-shadow(0 0 30px rgba(244,210,122,.8)) !important;
  animation: none !important;
  margin-top: 0 !important;
}
/* Short titles: full size */
#root .pg-title-main, #root .sy-h1-main, #root .ts-section-h2-main, #root .dd-title-wrapper h2, #root .ex-title-main, #root .bl-title-main,
#root .glp-title-main, #root .ct-title, #root .ts-title-white, #root .ts-title-gold, #root .sm-title1, #root .sm-title2 {
  font-size: clamp(38px, 6.5vw, 96px) !important;
  letter-spacing: .06em !important;
  line-height: 1.02 !important;
}
/* Sub-headings: same white and light gold, smaller size, a glow scaled down with it so it stays clean */
#root .ab-sec-title, #root .ab-values-header-title, #root .ab-guide-why-title, #root .ts-section-h2:not(:has(.ts-section-h2-main)), #root .ts-intro-h2, #root .sec-title, #root .deity-name, #root .glp-reels-title, #root .ex-grid-title {
  display: block !important;
  font-family: var(--c-serif) !important;
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  animation: none !important;
  text-shadow: 0 1px 2px rgba(90, 55, 0, .85), 0 0 6px rgba(170, 115, 20, .95), 0 0 14px rgba(190, 135, 40, .85), 0 0 30px rgba(244, 210, 122, .7), 0 0 56px rgba(255, 235, 180, .5) !important;
  filter: none !important;
}
#root .ab-sec-title em, #root .ab-values-header-title em, #root .ab-guide-why-title em { color: inherit !important; }
html[lang="hi"] #root .pg-title-main, html[lang="np"] #root .pg-title-main, html[lang="ne"] #root .pg-title-main,
html[lang="hi"] #root .sy-h1-main, html[lang="np"] #root .sy-h1-main, html[lang="ne"] #root .sy-h1-main,
html[lang="hi"] #root .ts-section-h2-main, html[lang="np"] #root .ts-section-h2-main, html[lang="ne"] #root .ts-section-h2-main,
html[lang="hi"] #root .dd-title-wrapper h2, html[lang="np"] #root .dd-title-wrapper h2, html[lang="ne"] #root .dd-title-wrapper h2,
html[lang="hi"] #root .ex-title-main, html[lang="np"] #root .ex-title-main, html[lang="ne"] #root .ex-title-main,
html[lang="hi"] #root .bl-title-main, html[lang="np"] #root .bl-title-main, html[lang="ne"] #root .bl-title-main,
html[lang="hi"] #root .glp-title-main, html[lang="np"] #root .glp-title-main, html[lang="ne"] #root .glp-title-main,
html[lang="hi"] #root .ct-title, html[lang="np"] #root .ct-title, html[lang="ne"] #root .ct-title {
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}
/* Title wrappers stay plain so the glow is never doubled */
#root .ts-section-h2:has(.ts-section-h2-main), #root .pg-title, #root .sy-h1, #root .ex-h1, #root .bl-hero-title, #root .glp-h-title, #root .ts-hero-title, #root .dd-title-wrapper {
  text-shadow: none !important; filter: none !important; background: none !important; display: block !important;
}
/* Narrow columns */
#root .sm-title1, #root .sm-title2 { font-size: clamp(36px, 4.4vw, 68px) !important; }
#root .sm-title2 { margin-bottom: 16px !important; }
#root .deity-txt-card { overflow: visible !important; }

/* /contacts renders the nav a second time on live */
#root nav.nb ~ nav.nb, html.sy-mh-on #root nav.nb ~ nav.nb { display: none !important; }

/* No darker patch behind Dev Darshan: the glow stays with the letters */
#root .dd-title-blob, #root .ts-hero-glow { display: none !important; }

/* ---------- /tours moving strip: name on each photo, same look as the Gallery strip cards ---------- */
#root .ts-strip-card { position: relative; }
#root .lyr-strip-name {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 12px 10px;
  background: linear-gradient(to top, rgba(15, 8, 0, .74), rgba(15, 8, 0, 0));
  font-family: var(--c-serif); font-size: 15px; font-weight: 600; line-height: 1.25; color: #fff;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}

/* hero title over bright photos, now that the overlay is gone */
#root .hero-root .hero-title { text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 2px 10px rgba(0, 0, 0, .75), 0 0 34px rgba(0, 0, 0, .6) !important; }