.elementor-kit-29{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-29 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   HAUNTED HALLOWEEN ESCAPE — GLOBAL SYSTEM  - GLOBAL FINAL - PUMPKIN PURPLE
   Elementor → ☰ → Site Settings → Custom CSS  me paste karein.
   Poori site ka look yahan se control hota hai. Sirf :root badlein.
   FIX: Sections 14 + 15 (header) ab MERGE — home header transparent overlay.
   ========================================================================== */

:root{
  /* ---- bands -------------------------------------------------------- */
  --hhe-dark:      #0E0714;   /* dark band background (deepened)         */
  --hhe-dark-2:    #150A20;   /* second dark band (halka sa alag)        */
  --hhe-deep:      #0A0410;   /* footer / deepest                        */
  --hhe-magenta:   #1C0E28;   /* was pink band -> ab dark-purple tint    */
  --hhe-magenta-d: #120A1C;   /* dark-purple gradient ka neeche wala hissa */

  /* ---- ink ----------------------------------------------------------- */
  --hhe-ink:       #FFFFFF;               /* headings                     */
  --hhe-ink-body:  rgba(255,255,255,.78); /* body on dark                 */
  --hhe-ink-mute:  rgba(255,255,255,.58); /* meta on dark                 */
  --hhe-ink-onmag: rgba(255,255,255,.94); /* body on magenta (contrast!)  */

  /* ---- accents ------------------------------------------------------- */
  --hhe-orange:    #F5820A;   /* PRIMARY button                          */
  --hhe-orange-2:  #FF9B33;
  --hhe-amber:     #F2A01B;   /* prices, icons, outlines                 */
  --hhe-pink:      #A896DB;   /* ACCENT: kicker + card location TEXT     */
  --hhe-accent-rgb: 124, 98, 255; /* ACCENT triple -> glow/hover/chip tints */
  --hhe-page-bg:   radial-gradient(1100px 620px at 50% -12%, rgba(124,98,255,.10), transparent 60%); /* site-wide page background */
  --hhe-wa:        #25D366;   /* WhatsApp (brand, exception)             */

  /* ---- lines & shape -------------------------------------------------- */
  --hhe-line:      rgba(255,255,255,.19);
  --hhe-line-soft: rgba(255,255,255,.10);
  --hhe-r:         6px;       /* EK radius, poori site pe                 */
  --hhe-r-pill:    100px;

  /* ---- type (theme ke apne fonts — koi extra font nahi) --------------- */
  --hhe-display:   'Luckiest Guy', display, cursive;  /* h1, h2, titles   */
  --hhe-script:    'Henny Penny', display, cursive;   /* kicker           */
  --hhe-body:      'Roboto Condensed', sans-serif;    /* baqi sab         */

  /* ---- rhythm --------------------------------------------------------- */
  --hhe-pad:       96px;      /* section top/bottom desktop               */
  --hhe-pad-t:     68px;      /* tablet                                   */
  --hhe-pad-m:     56px;      /* mobile                                   */
  --hhe-gutter:    22px;
  --hhe-max:       1240px;
  --hhe-headgap:   48px;      /* section head ke neeche gap               */
}

/* ==========================================================================
   1. SECTION SHELL — har section ka ek hi rhythm
   ========================================================================== */
.hhe-sec{
  position: relative;
  font-family: var(--hhe-body);
  padding-top: var(--hhe-pad) !important;
  padding-bottom: var(--hhe-pad) !important;
  padding-left: var(--hhe-gutter) !important;
  padding-right: var(--hhe-gutter) !important;
  min-height: 0 !important;
}
.hhe-sec > .e-con-inner, .hhe-sec .hhe-inner{ max-width: var(--hhe-max); margin: 0 auto; width: 100%; }
.hhe-sec > *{ position: relative; z-index: 1; }

/* bands */
.hhe-band-dark   { background-color: var(--hhe-dark) !important; background-image: none !important; }
.hhe-band-dark-2 { background-color: var(--hhe-dark-2) !important; background-image: none !important; }
.hhe-band-magenta{
  background-color: var(--hhe-magenta) !important;
  background-image: linear-gradient(180deg, var(--hhe-magenta), var(--hhe-magenta-d)) !important;
}
.hhe-band-dark::before, .hhe-band-dark-2::before{
  content:"" !important; position:absolute !important; pointer-events:none;
  top:0 !important; left:0 !important; width:100% !important; height:100% !important;
  background:
    radial-gradient(900px 380px at 12% 0%, rgba(var(--hhe-accent-rgb), .14), transparent 68%),
    radial-gradient(700px 340px at 88% 100%, rgba(242,160,27,.07), transparent 66%);
}

/* hero is the one exception — it keeps its photo */
.hhe-hero{
  padding: 0 var(--hhe-gutter) !important;
  min-height: 88vh !important;
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 1024px){
  .hhe-sec{ padding-top: var(--hhe-pad-t) !important; padding-bottom: var(--hhe-pad-t) !important; }
  .hhe-hero{ min-height: 76vh !important; }
}
@media (max-width: 767px){
  .hhe-sec{ padding-top: var(--hhe-pad-m) !important; padding-bottom: var(--hhe-pad-m) !important;
            padding-left: 18px !important; padding-right: 18px !important; }
  .hhe-hero{ min-height: 78vh !important; }
}

/* ==========================================================================
   2. HEADING SYSTEM — ek hi pattern har section me
   ========================================================================== */
.hhe-sechead{ text-align: center; margin-bottom: var(--hhe-headgap) !important; }

/* kicker — Henny Penny, chhota */
.hhe-kicker .elementor-heading-title,
.hhe-kicker{
  font-family: var(--hhe-script) !important;
  font-size: 30px !important; line-height: 1.15 !important; font-weight: 400 !important;
  color: var(--hhe-pink) !important; margin: 0 0 6px !important; letter-spacing: 0 !important;
  text-transform: none !important;
}
/* section title — Luckiest Guy */
.hhe-h2 .elementor-heading-title, .hhe-h2{
  font-family: var(--hhe-display) !important;
  font-size: 68px !important; line-height: 1.02 !important; font-weight: 400 !important;
  color: var(--hhe-ink) !important; margin: 0 0 14px !important; letter-spacing: .5px !important;
  text-transform: none !important;
}
/* hero title */
.hhe-h1 .elementor-heading-title, .hhe-h1{
  font-family: var(--hhe-display) !important;
  font-size: 76px !important; line-height: 1.0 !important; font-weight: 400 !important;
  color: var(--hhe-ink) !important; margin: 0 0 16px !important;
  text-shadow: 0 8px 40px rgba(0,0,0,.6);
}
/* card / block title */
.hhe-h3 .elementor-heading-title, .hhe-h3{
  font-family: var(--hhe-display) !important;
  font-size: 21px !important; line-height: 1.22 !important; font-weight: 400 !important;
  color: var(--hhe-ink) !important; margin: 0 !important; letter-spacing: .3px !important;
}
/* small uppercase label */
.hhe-label .elementor-heading-title, .hhe-label{
  font-family: var(--hhe-body) !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.6px !important;
  text-transform: uppercase !important; color: var(--hhe-amber) !important; margin: 0 !important;
}
/* sub-description */
.hhe-sub, .hhe-sub p{
  font-family: var(--hhe-body) !important;
  font-size: 17px !important; line-height: 1.6 !important; font-weight: 400 !important;
  color: var(--hhe-ink-body) !important; margin: 0 auto !important; max-width: 60ch;
}
.hhe-copy, .hhe-copy p{
  font-family: var(--hhe-body) !important;
  font-size: 15.5px !important; line-height: 1.75 !important; font-weight: 400 !important;
  color: var(--hhe-ink-body) !important; margin: 0 !important;
}

/* contrast on magenta bands — .58 opacity magenta pe parhi nahi jati */
.hhe-band-magenta .hhe-sub, .hhe-band-magenta .hhe-sub p,
.hhe-band-magenta .hhe-copy, .hhe-band-magenta .hhe-copy p{
  color: var(--hhe-ink-onmag) !important; font-weight: 500 !important;
}
.hhe-band-magenta .hhe-kicker .elementor-heading-title,
.hhe-band-magenta .hhe-kicker{ color: var(--hhe-pink) !important; }
.hhe-band-magenta .hhe-label .elementor-heading-title,
.hhe-band-magenta .hhe-label{ color: #FFE9A8 !important; }

@media (max-width: 1024px){
  .hhe-kicker .elementor-heading-title, .hhe-kicker{ font-size: 25px !important; }
  .hhe-h2 .elementor-heading-title, .hhe-h2{ font-size: 52px !important; }
  .hhe-h1 .elementor-heading-title, .hhe-h1{ font-size: 56px !important; }
}
@media (max-width: 767px){
  .hhe-sechead{ margin-bottom: 34px !important; }
  .hhe-kicker .elementor-heading-title, .hhe-kicker{ font-size: 21px !important; }
  .hhe-h2 .elementor-heading-title, .hhe-h2{ font-size: 38px !important; }
  .hhe-h1 .elementor-heading-title, .hhe-h1{ font-size: 40px !important; }
  .hhe-sub, .hhe-sub p{ font-size: 15.5px !important; }
}

/* ==========================================================================
   3. BUTTON SYSTEM — 3 types, ek hi shape
   ========================================================================== */
.hhe-btn .elementor-button,
.hhe-btn-primary .elementor-button,
.hhe-btn-outline .elementor-button,
.hhe-btn-ghost .elementor-button,
a.hhe-btn-el{
  display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
  font-family: var(--hhe-body) !important;
  font-size: 14px !important; font-weight: 700 !important;
  letter-spacing: 1.2px !important; text-transform: uppercase !important;
  border-radius: var(--hhe-r) !important;
  padding: 16px 30px !important; min-height: 52px;
  border-width: 1px !important; border-style: solid !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  text-decoration: none;
}
/* primary — filled orange */
.hhe-btn-primary .elementor-button{
  background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  color: #2A1400 !important; border-color: transparent !important;
  box-shadow: 0 12px 32px -14px rgba(245,130,10,.85);
}
.hhe-btn-primary .elementor-button:hover{
  transform: translateY(-2px); filter: brightness(1.06);
  box-shadow: 0 18px 40px -14px rgba(245,130,10,.95);
}
/* outline — amber */
.hhe-btn-outline .elementor-button{
  background: transparent !important; color: var(--hhe-amber) !important;
  border-color: rgba(242,160,27,.6) !important; box-shadow: none !important;
}
.hhe-btn-outline .elementor-button:hover{
  background: rgba(242,160,27,.14) !important; border-color: var(--hhe-amber) !important;
  color: #FFD27A !important; transform: translateY(-2px);
}
/* ghost — neutral */
.hhe-btn-ghost .elementor-button{
  background: transparent !important; color: var(--hhe-ink) !important;
  border-color: var(--hhe-line) !important; box-shadow: none !important;
}
.hhe-btn-ghost .elementor-button:hover{
  border-color: var(--hhe-orange) !important; color: var(--hhe-orange-2) !important;
}
/* magenta band pe outline button — amber halka parhta hai, isliye white */
.hhe-band-magenta .hhe-btn-outline .elementor-button{
  color: #FFFFFF !important; border-color: rgba(255,255,255,.7) !important;
}
.hhe-band-magenta .hhe-btn-outline .elementor-button:hover{
  background: #FFFFFF !important; color: var(--hhe-magenta) !important;
}
/* button rows */
.hhe-btnrow{
  display: flex !important; flex-direction: row !important; flex-wrap: wrap;
  gap: 14px !important; justify-content: center; align-items: center; width: 100%;
}
@media (max-width: 520px){
  .hhe-btnrow{ flex-direction: column !important; }
  .hhe-btnrow > *{ width: 100%; }
  .hhe-btnrow .elementor-button{ width: 100%; }
}

/* ==========================================================================
   4. HERO
   ========================================================================== */
.hhe-hero .hhe-herocol{ text-align: center; align-items: center !important; }
.hhe-hero .hhe-sub{ max-width: 54ch; }
.hhe-heroinner{ display: flex !important; flex-direction: column !important; align-items: center; gap: 0; }

/* ==========================================================================
   5. EVENT CARD (Loop Item) — fonts theme ke, chip fixes
   ========================================================================== */
.hhe-evcard{
  height: 100%; display: flex; flex-direction: column;
  border-radius: var(--hhe-r) !important;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.e-loop-item{ height: 100%; display: flex; }
.e-loop-item > .e-con{ width: 100%; }
.swiper-slide{ height: auto; }
.hhe-evcard:hover{
  transform: translateY(-5px);
  border-color: rgba(var(--hhe-accent-rgb), .7) !important;
  box-shadow: 0 22px 50px -22px rgba(var(--hhe-accent-rgb), .5);
}
/* chips content ke barabar — width:100% ka bug fix */
.hhe-evchip, .hhe-evtype, .hhe-evsave{
  width: fit-content !important; min-width: max-content !important;
  max-width: calc(100% - 32px) !important; flex: 0 0 auto !important;
  white-space: nowrap !important; border-radius: var(--hhe-r-pill) !important;
}
.hhe-evsave{ border-radius: 4px !important; }
.hhe-evchip *, .hhe-evtype *, .hhe-evsave *{ white-space: nowrap !important; }
.hhe-evchip{ left: 14px !important; right: auto !important; top: 14px !important; }
.hhe-evtype{ right: 14px !important; left: auto !important; top: 14px !important; }
.hhe-evchip .elementor-heading-title,
.hhe-evtype .elementor-heading-title{
  font-family: var(--hhe-body) !important; font-size: 10.5px !important;
  font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important;
}
/* pink category chip -> dark violet-tint pill (background template me set tha) */
.hhe-evtype{
  background: rgba(var(--hhe-accent-rgb), .16) !important;
  background-image: none !important;
  border: 1px solid rgba(var(--hhe-accent-rgb), .42) !important;
}
/* kisi bhi chip pe pink/coral gradient text ko solid light kar do */
.hhe-evchip .elementor-heading-title,
.hhe-evtype .elementor-heading-title{
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
  background-image: none !important;
}
/* media */
.hhe-evmedia{ position: relative !important; overflow: hidden; }
.hhe-evimg img{
  width: 100% !important; height: 210px !important; object-fit: cover !important;
  display: block; transition: transform .5s ease; filter: brightness(.9) saturate(.97);
}
.hhe-evcard:hover .hhe-evimg img{ transform: scale(1.06); }
.hhe-evmedia::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:56%;
  background: linear-gradient(180deg, rgba(20,9,26,0), rgba(20,9,26,.94));
  pointer-events:none; z-index:2;
}
/* body — sab theme fonts */
.hhe-evbody{ flex: 1 1 auto; display: flex; flex-direction: column; }
.hhe-evloc .elementor-heading-title{
  font-family: var(--hhe-body) !important; font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 1px !important; text-transform: uppercase !important;
  color: var(--hhe-pink) !important; display: block; line-height: 1.45;
}
.hhe-evtitle .elementor-heading-title{
  font-family: var(--hhe-display) !important; font-size: 20px !important; font-weight: 400 !important;
  line-height: 1.2 !important; letter-spacing: .3px !important; color: var(--hhe-ink) !important; display: block;
}
.hhe-evdiv .elementor-divider{ padding: 0 !important; }
.hhe-evpricerow{ align-items: baseline !important; }
.hhe-evpricerow .elementor-heading-title{ font-family: var(--hhe-body) !important; }
.hhe-evprice .elementor-heading-title{
  font-family: var(--hhe-display) !important; font-size: 21px !important; font-weight: 400 !important;
  color: var(--hhe-amber) !important; white-space: nowrap;
  display: inline-flex; align-items: baseline; gap: 7px;
}
.hhe-evprice del, .hhe-evprice del .amount{
  font-family: var(--hhe-body) !important; font-size: 13px !important;
  color: var(--hhe-ink-mute) !important; font-weight: 400 !important; opacity: .8;
}
.hhe-evprice ins{ text-decoration: none; background: transparent; }
.hhe-evbtn{ margin-top: auto; width: 100%; }
.hhe-evbtn .elementor-button{
  width: 100%; justify-content: center;
  font-family: var(--hhe-body) !important; font-size: 12.5px !important; font-weight: 700 !important;
  letter-spacing: 1.2px !important; text-transform: uppercase !important;
  border-radius: var(--hhe-r) !important; padding: 14px 18px !important;
  background: transparent !important; color: var(--hhe-amber) !important;
  border: 1px solid rgba(242,160,27,.6) !important;
}
.hhe-evcard:hover .hhe-evbtn .elementor-button{
  background: var(--hhe-amber) !important; color: #2A1400 !important; border-color: var(--hhe-amber) !important;
}
@media (max-width: 767px){ .hhe-evimg img{ height: 180px !important; } }

/* ==========================================================================
   6. CAROUSEL CHROME
   ========================================================================== */
.hhe-carousel .elementor-swiper-button{
  color: var(--hhe-amber); background: rgba(18,8,24,.9);
  border: 1px solid rgba(242,160,27,.45); border-radius: 50%;
  width: 42px; height: 42px; display:flex; align-items:center; justify-content:center;
  transition: all .2s ease;
}
.hhe-carousel .elementor-swiper-button:hover{
  background: var(--hhe-amber); color: #2A1400; border-color: var(--hhe-amber);
}
.hhe-carousel .swiper-pagination-bullet{ background: rgba(255,255,255,.28); opacity:1; width:7px; height:7px; }
.hhe-carousel .swiper-pagination-bullet-active{ background: var(--hhe-amber); width: 22px; border-radius: var(--hhe-r-pill); }
.hhe-blockhead{
  display: flex !important; flex-direction: column !important; align-items: center !important;
  text-align: center; gap: 6px;
  border-bottom: 1px solid var(--hhe-line); padding-bottom: 22px !important; margin-bottom: 26px !important;
}
.hhe-blockhead .hhe-sub{ margin-bottom: 6px !important; }
.hhe-viewall{ align-self: center !important; }

/* ==========================================================================
   7. GALLERY
   ========================================================================== */
.hhe-gallery .elementor-image-carousel-wrapper{ margin: 0; }
.hhe-gallery .swiper-slide img,
.hhe-gallery img{ border-radius: var(--hhe-r) !important; }
.hhe-gallery .elementor-swiper-button{ color: #fff; }
.hhe-gallerygrid{ gap: 12px !important; }

/* ==========================================================================
   8. HOW IT WORKS — perforated ticket strip
   ========================================================================== */
.hiw-strip{
  display: flex !important; flex-direction: row !important; flex-wrap: wrap;
  align-items: stretch !important; overflow: hidden;
  border-radius: var(--hhe-r) !important;
  background: rgba(0,0,0,.22) !important;
  border: 2px dashed rgba(255,255,255,.32) !important;
}
.hhe-band-dark .hiw-strip, .hhe-band-dark-2 .hiw-strip{
  background: rgba(255,255,255,.03) !important; border-color: var(--hhe-line) !important;
}
.hiw-step{ position: relative; flex: 1 1 20% !important; min-width: 0; text-align: center; }
.hiw-step + .hiw-step{ border-left: 1px dashed rgba(255,255,255,.26); }
.hiw-step + .hiw-step::before, .hiw-step + .hiw-step::after{
  content:"" !important; position:absolute !important; left:-5px !important; right:auto !important;
  width:9px !important; height:9px !important; border-radius:50%;
  background: var(--hhe-amber); opacity:.6; z-index:2;
}
.hiw-step + .hiw-step::before{ top:-5px !important; }
.hiw-step + .hiw-step::after{ top:auto !important; bottom:-5px; }
.hiw-num .elementor-heading-title{
  font-family: var(--hhe-display) !important; font-size: 58px !important; font-weight: 400 !important;
  line-height: .95 !important; color: rgba(255,255,255,.16) !important; display: block;
}
.hhe-band-magenta .hiw-num .elementor-heading-title{ color: rgba(255,255,255,.26) !important; }
.hiw-icon .elementor-icon{ transition: all .3s ease; }
.hiw-step:hover .hiw-icon .elementor-icon{ transform: translateY(-3px); }
.hiw-steptitle .elementor-heading-title{
  font-family: var(--hhe-display) !important; font-size: 16px !important; font-weight: 400 !important;
  line-height: 1.3 !important; color: var(--hhe-ink) !important; display: block;
}
.hiw-stepdesc, .hiw-stepdesc p{
  font-family: var(--hhe-body) !important; font-size: 13.5px !important; line-height: 1.65 !important;
  color: var(--hhe-ink-body) !important; margin: 0 !important;
}
.hhe-band-magenta .hiw-stepdesc, .hhe-band-magenta .hiw-stepdesc p{
  color: var(--hhe-ink-onmag) !important; font-weight: 500 !important;
}
.hiw-callout{
  border-left: 3px solid var(--hhe-amber) !important;
  border-radius: 0 var(--hhe-r) var(--hhe-r) 0 !important;
  background: rgba(0,0,0,.24) !important;
}
.hiw-checks .elementor-icon-list-item{ padding: 6px 0 !important; align-items: flex-start; }
.hiw-checks .elementor-icon-list-text{ font-family: var(--hhe-body) !important; }

@media (max-width: 1024px){
  .hiw-step{ flex: 1 1 33.333% !important; }
  .hiw-step:nth-child(4){ border-left: 0; }
  .hiw-step:nth-child(4)::before, .hiw-step:nth-child(4)::after{ display:none; }
  .hiw-step:nth-child(n+4){ border-top: 1px dashed rgba(255,255,255,.26); }
}
@media (max-width: 767px){
  .hiw-step{
    flex: 1 1 100% !important; display: grid !important;
    grid-template-columns: 54px minmax(0,1fr); column-gap: 14px; row-gap: 2px;
    text-align: left !important; border-left: 0 !important; align-items: start;
  }
  .hiw-step + .hiw-step{ border-top: 1px dashed rgba(255,255,255,.26); }
  .hiw-step + .hiw-step::before, .hiw-step + .hiw-step::after{ display:none !important; }
  .hiw-icon{ display:none !important; }
  .hiw-num{ grid-column:1; grid-row:1 / span 2; }
  .hiw-num .elementor-heading-title{ font-size: 34px !important; color: var(--hhe-amber) !important; opacity:.7; }
  .hiw-steptitle{ grid-column:2; grid-row:1; }
  .hiw-stepdesc{ grid-column:2; grid-row:2; }
  .hiw-steptitle .elementor-heading-title, .hiw-stepdesc, .hiw-stepdesc p{ text-align:left !important; }
}

/* ==========================================================================
   9. NEWSLETTER + WHATSAPP
   ========================================================================== */
.news-urgent{
  border: 1px solid rgba(255,255,255,.5) !important;
  background: rgba(0,0,0,.22) !important;
  border-radius: var(--hhe-r) !important; text-align: center;
}
.news-urgenttext .elementor-heading-title{
  font-family: var(--hhe-body) !important; font-size: 14.5px !important; font-weight: 700 !important;
  color: #fff !important; line-height: 1.5 !important; display:block;
}
.news-strip{
  display: flex !important; flex-direction: row !important; align-items: stretch !important;
  flex-wrap: wrap; overflow: hidden;
  border-radius: var(--hhe-r) !important;
  background: rgba(0,0,0,.22) !important;
  border: 2px dashed rgba(255,255,255,.32) !important;
}
.hhe-band-dark .news-strip, .hhe-band-dark-2 .news-strip{
  background: rgba(255,255,255,.03) !important; border-color: var(--hhe-line) !important;
}
.news-col{ position: relative; min-width: 0; }
.news-col--mail{ flex: 1 1 55% !important; }
.news-col--wa{ flex: 1 1 45% !important; border-left: 1px dashed rgba(255,255,255,.26); }
.news-col--wa::before, .news-col--wa::after{
  content:"" !important; position:absolute !important; left:-5px !important; right:auto !important;
  width:9px !important; height:9px !important; border-radius:50%;
  background: var(--hhe-amber); opacity:.6; z-index:2;
}
.news-col--wa::before{ top:-5px !important; }
.news-col--wa::after{ top:auto !important; bottom:-5px; }
.news-coltitle .elementor-heading-title{
  font-family: var(--hhe-display) !important; font-size: 24px !important; font-weight: 400 !important;
  line-height: 1.25 !important; color: var(--hhe-ink) !important; display: block;
}
.news-checks .elementor-icon-list-item{ padding: 6px 0 !important; align-items: flex-start; }
.news-checks .elementor-icon-list-text{ font-family: var(--hhe-body) !important; }
.news-privacy, .news-privacy p, .news-proof, .news-proof p{
  font-family: var(--hhe-body) !important; font-size: 12.5px !important;
  color: rgba(255,255,255,.66) !important; margin: 0 !important;
}
.news-privacy a{ color: rgba(255,255,255,.8); text-decoration: underline; }
/* form — SureForms / MailPoet / plain */
.news-form form, .news-form .srfm-form, .news-form .mailpoet_form{
  display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin: 0;
}
.news-form input[type="email"], .news-form input[type="text"], .news-form .srfm-input-common{
  flex: 1 1 220px; background: rgba(0,0,0,.4) !important;
  border: 1px solid rgba(255,255,255,.32) !important; border-radius: var(--hhe-r) !important;
  color: #fff !important; padding: 14px 18px !important; font-size: 15px !important; min-height: 52px;
  font-family: var(--hhe-body) !important;
}
.news-form input[type="email"]::placeholder{ color: rgba(255,255,255,.5); }
.news-form input[type="email"]:focus{ border-color: var(--hhe-amber) !important; outline: none !important; }
.news-form input[type="submit"], .news-form button[type="submit"], .news-form .srfm-button{
  flex: 0 0 auto; background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  color: #2A1400 !important; border: 0 !important; border-radius: var(--hhe-r) !important;
  padding: 14px 28px !important; min-height: 52px; font-family: var(--hhe-body) !important;
  font-size: 14px !important; font-weight: 700 !important; letter-spacing: 1.2px;
  text-transform: uppercase; cursor: pointer;
}
.news-wabtn .elementor-button{
  width: 100%; justify-content: center;
  background: var(--hhe-wa) !important; color: #052B14 !important;
  border: 0 !important; border-radius: var(--hhe-r) !important;
  font-family: var(--hhe-body) !important; font-size: 14px !important; font-weight: 700 !important;
  letter-spacing: 1.2px; text-transform: uppercase; padding: 16px 28px !important;
  box-shadow: 0 12px 30px -16px rgba(37,211,102,.9);
}
.news-wabtn .elementor-button:hover{ filter: brightness(1.06); transform: translateY(-2px); }
@media (max-width: 900px){
  .news-col--mail, .news-col--wa{ flex: 1 1 100% !important; }
  .news-col--wa{ border-left: 0 !important; border-top: 1px dashed rgba(255,255,255,.26); }
  .news-col--wa::before, .news-col--wa::after{ display:none !important; }
}
@media (max-width: 520px){
  .news-form input[type="submit"], .news-form button[type="submit"], .news-form .srfm-button{ flex: 1 1 100%; }
}

/* ==========================================================================
   10. ACCESSIBILITY + CLEANUP
   ========================================================================== */
.hhe-sec :focus-visible{ outline: 2px solid var(--hhe-orange); outline-offset: 3px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce){
  .hhe-sec *, .hhe-sec *::before, .hhe-sec *::after{ animation: none !important; transition: none !important; }
  .hhe-evcard:hover, .news-wabtn .elementor-button:hover{ transform: none !important; }
}
.single-product .product_meta, .single-product .onsale,
.single-product .woocommerce-product-rating{ display: none !important; }

/* ==========================================================================
   11. SITE-WIDE + WOOCOMMERCE  (cart / checkout / my-account / orders / shop)
        + footer gradient  + pumpkin borders/buttons  + PROMINENT city chip
        Poori site pe consistent dark-purple + pumpkin look (symmetry).
   ========================================================================== */

/* ---- page canvas: dark + gradient (poori website) ------------------------ */
body{
  background-color: var(--hhe-dark) !important;
  background-image: var(--hhe-page-bg) !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  color: var(--hhe-ink-body) !important;
  font-family: var(--hhe-body) !important;
}
.site, #page, #content, .ast-container, .site-content, .entry-content,
.ast-separate-container, .ast-separate-container .ast-article-single,
.woocommerce-account #content, .woocommerce-cart #content, .woocommerce-checkout #content{
  background: transparent !important;
}

/* headings + text on Woo / plain pages */
.woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4,
.entry-title, .ast-archive-title, .woocommerce-account h1{
  font-family: var(--hhe-display) !important; color: var(--hhe-ink) !important; letter-spacing:.3px;
}
.woocommerce, .woocommerce p, .woocommerce li, .woocommerce td,
.woocommerce th, .woocommerce label, .woocommerce dt, .woocommerce dd{
  color: var(--hhe-ink-body) !important;
}
/* content links pumpkin (header/menu ko chhoro) */
.woocommerce a:not(.button):not(.elementor-button),
.entry-content a, .ast-article-single a{ color: var(--hhe-amber) !important; }
.woocommerce a:not(.button):hover, .entry-content a:hover{ color: var(--hhe-orange-2) !important; }

/* ---- content boxes (account / order / totals / login / address) ---------- */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce .woocommerce-order,
.woocommerce-MyAccount-content,
.woocommerce form.login, .woocommerce form.register,
.woocommerce .woocommerce-address-fields, .woocommerce .col-1, .woocommerce .col-2{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--hhe-line) !important;
  border-radius: var(--hhe-r) !important;
  padding: 22px !important;
}

/* ---- tables (cart / checkout review / order details) --------------------- */
.woocommerce table.shop_table{
  background: rgba(0,0,0,.25) !important; border:1px solid var(--hhe-line) !important;
  border-radius: var(--hhe-r) !important;
}
.woocommerce table.shop_table th{
  color: var(--hhe-ink) !important; font-family: var(--hhe-body) !important;
  text-transform: uppercase; letter-spacing:.6px; font-size:12.5px;
  border-bottom:1px solid var(--hhe-line) !important;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table tr{
  border-top:1px solid var(--hhe-line-soft) !important; color: var(--hhe-ink-body) !important;
}
.woocommerce .amount, .woocommerce-Price-amount, .woocommerce .order-total .amount{
  color: var(--hhe-amber) !important; font-weight:700;
}

/* ---- form fields --------------------------------------------------------- */
.woocommerce form .input-text, .woocommerce input[type="text"],
.woocommerce input[type="email"], .woocommerce input[type="tel"],
.woocommerce input[type="password"], .woocommerce input[type="number"],
.woocommerce textarea, .woocommerce select,
.select2-container .select2-selection, .select2-container--default .select2-selection--single{
  background: rgba(0,0,0,.4) !important; border:1px solid var(--hhe-line) !important;
  border-radius: var(--hhe-r) !important; color:#fff !important;
  min-height:48px; padding:10px 14px !important;
}
.woocommerce form .input-text:focus, .woocommerce select:focus, .woocommerce textarea:focus{
  border-color: var(--hhe-orange) !important; outline:none !important;
}
::placeholder{ color: rgba(255,255,255,.45) !important; }

/* ---- BUTTONS = pumpkin (filled) ------------------------------------------ */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt, .wp-element-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #place_order,
.woocommerce form.login button, .woocommerce form.register button,
.woocommerce-account .woocommerce-Button{
  background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  color:#2A1400 !important; border:0 !important; border-radius: var(--hhe-r) !important;
  font-family: var(--hhe-body) !important; font-weight:700 !important;
  letter-spacing:1px; text-transform:uppercase; padding:14px 26px !important;
  box-shadow:0 12px 30px -14px rgba(245,130,10,.8);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, #place_order:hover,
.wp-element-button:hover{ filter:brightness(1.06); transform:translateY(-1px); }
/* secondary woo buttons -> pumpkin OUTLINE */
.woocommerce a.button.wc-backward, .woocommerce button[name="update_cart"],
.woocommerce .woocommerce-button--previous{
  background:transparent !important; color:var(--hhe-orange-2) !important;
  border:1px solid rgba(245,130,10,.6) !important; box-shadow:none !important;
}

/* ---- My Account navigation ----------------------------------------------- */
.woocommerce-MyAccount-navigation ul{ border:1px solid var(--hhe-line); border-radius:var(--hhe-r); overflow:hidden; list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--hhe-line-soft); }
.woocommerce-MyAccount-navigation li a{ color:var(--hhe-ink-body) !important; padding:12px 16px !important; display:block; }
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{
  background: rgba(245,130,10,.12) !important; color:var(--hhe-orange-2) !important;
}

/* ---- notices ------------------------------------------------------------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews{
  background: rgba(0,0,0,.3) !important; color:var(--hhe-ink-body) !important;
  border-top:3px solid var(--hhe-orange) !important; border-radius:var(--hhe-r);
}
.woocommerce-error{ border-top-color:#E24B4A !important; }
.woocommerce-breadcrumb, .woocommerce-breadcrumb a{ color:var(--hhe-ink-mute) !important; }

/* ---- FOOTER: dark gradient (pink khatam) --------------------------------- */
.site-footer, footer.site-footer, .elementor-location-footer,
.elementor-location-footer > .elementor, .elementor-location-footer .e-con-full,
.elementor-location-footer > .elementor > .e-con{
  background-color: var(--hhe-deep) !important;
  background-image: linear-gradient(180deg, var(--hhe-dark), var(--hhe-deep)) !important;
}
.ast-small-footer{ background:rgba(0,0,0,.35) !important; background-image:none !important;
  border-top:1px solid var(--hhe-line) !important; }
.site-footer, .site-footer p, .ast-small-footer, .ast-small-footer p{ color:var(--hhe-ink-mute) !important; }
.site-footer a, .ast-small-footer a{ color:var(--hhe-ink-body) !important; }
.site-footer a:hover, .ast-small-footer a:hover{ color:var(--hhe-amber) !important; }
.site-footer .ast-builder-social-element a, .site-footer .ast-social-icons a,
.elementor-location-footer .elementor-social-icon{
  background:rgba(255,255,255,.06) !important; color:#fff !important;
  border:1px solid var(--hhe-line) !important; border-radius:var(--hhe-r) !important;
}
.site-footer .ast-builder-social-element a:hover, .site-footer .ast-social-icons a:hover,
.elementor-location-footer .elementor-social-icon:hover{
  background:var(--hhe-amber) !important; color:#2A1400 !important; border-color:var(--hhe-amber) !important;
}

/* ---- EVENT CARD: pumpkin borders + PROMINENT city chip ------------------- */
.hhe-evcard{ border:1px solid rgba(245,130,10,.26) !important; }
.hhe-evcard:hover{
  border-color:rgba(245,130,10,.85) !important;
  box-shadow:0 22px 50px -22px rgba(245,130,10,.5) !important;
}
/* city (top-right chip) ko prominent banao: filled pumpkin pill */
.hhe-evtype{
  background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  background-image: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  border:0 !important; padding:5px 14px !important;
  box-shadow:0 6px 18px -8px rgba(245,130,10,.85) !important;
}
.hhe-evtype .elementor-heading-title{
  color:#2A1400 !important; -webkit-text-fill-color:#2A1400 !important;
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:1px !important;
}

/* ==========================================================================
   12. FINAL FIXES  (footer-builder / checkout-cart white inputs / cart header
        / carousel dots center)  — section 11 ke baad load hota hai, override.
   ========================================================================== */

/* ---- FOOTER: Astra footer-BUILDER wrappers bhi cover (pink gradient khatam) */
.site-footer, footer.site-footer,
.site-primary-footer-wrap, .site-below-footer-wrap,
.ast-builder-grid-row-container, .ast-builder-grid-row-container-inner,
.ast-footer-overlay, .footer-adv,
.elementor-location-footer, .elementor-location-footer > .elementor,
.elementor-location-footer .e-con-full{
  background-color: var(--hhe-deep) !important;
  background-image: linear-gradient(180deg, var(--hhe-dark), var(--hhe-deep)) !important;
}
.site-below-footer-wrap, .ast-small-footer{
  background: rgba(0,0,0,.40) !important; background-image: none !important;
  border-top: 1px solid var(--hhe-line) !important;
}

/* ---- CHECKOUT / CART / ACCOUNT: safed input fields -> dark ---------------- */
body.woocommerce-checkout input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=image]):not([type=hidden]),
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-cart input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
body.woocommerce-account input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]),
.woocommerce form .input-text, .woocommerce .input-text,
.woocommerce #coupon_code, .woocommerce .quantity input.qty,
.fooevents-attendees input, .fooevents-attendees textarea, .wpc-attendees input{
  background: rgba(0,0,0,.42) !important;
  border: 1px solid var(--hhe-line) !important;
  color: #fff !important;
  border-radius: var(--hhe-r) !important;
}
body.woocommerce-checkout input:focus, body.woocommerce-checkout textarea:focus,
.woocommerce .input-text:focus{ border-color: var(--hhe-orange) !important; outline:none !important; }
.woocommerce-checkout ::placeholder, .woocommerce ::placeholder{ color: rgba(255,255,255,.45) !important; }

/* select2 (country dropdown) dark */
.select2-container--default .select2-selection--single,
.select2-dropdown, .select2-search__field{
  background: rgba(0,0,0,.5) !important; color:#fff !important;
  border:1px solid var(--hhe-line) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff !important; }
.select2-results__option{ background:transparent !important; color:var(--hhe-ink-body) !important; }
.select2-results__option--highlighted{ background: rgba(245,130,10,.25) !important; color:#fff !important; }

/* ---- CART table header + "Cart totals" safed bar -> dark ------------------ */
.woocommerce table.shop_table thead,
.woocommerce table.shop_table thead th,
.woocommerce-cart table.cart thead,
.woocommerce-cart table.cart thead th{
  background: rgba(255,255,255,.05) !important; color: var(--hhe-ink) !important;
}
.woocommerce .cart_totals h2, .woocommerce .cart-collaterals h2{
  background: transparent !important; color: var(--hhe-ink) !important;
  font-family: var(--hhe-display) !important;
}
.woocommerce .cart_totals table.shop_table,
.woocommerce-checkout #order_review table.shop_table{ background: rgba(0,0,0,.25) !important; }
.woocommerce .quantity{ background: transparent !important; }
.woocommerce #coupon_code{ min-height:48px; padding:10px 14px !important; }

/* ---- CAROUSEL: bottom pagination dots ko CENTER karo --------------------- */
.hhe-carousel .swiper-pagination,
.hhe-carousel .swiper-pagination-bullets,
.hhe-carousel .elementor-swiper .swiper-pagination{
  display: flex !important; justify-content: center !important; align-items: center !important;
  width: 100% !important; left: 0 !important; right: 0 !important;
  text-align: center !important; gap: 7px !important;
}
.hhe-carousel .swiper-pagination.swiper-pagination-bullets{ transform: none !important; }

/* ==========================================================================
   13. HERO SAFETY + LOGIN / FORM RESPONSIVE (mobile) + password eye fix
   ========================================================================== */

/* ---- HERO: image cover + center (desktop pe toota tha) ------------------- */
.hhe-hero{ background-size: cover !important; background-position: center !important; }

/* ---- LOGIN / ACCOUNT FORMS: full-width + mobile responsive --------------- */
.woocommerce form .form-row{
  width:100% !important; box-sizing:border-box !important;
  padding-left:0 !important; padding-right:0 !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form.login input.input-text,
.woocommerce form.register input.input-text,
.woocommerce form.lost_reset_password input.input-text{
  width:100% !important; max-width:100% !important; box-sizing:border-box !important;
}
.woocommerce form.login, .woocommerce form.register,
.woocommerce form.lost_reset_password{ width:100% !important; box-sizing:border-box !important; }

/* password field wrapper + eye toggle (orange box -> chhota inline eye) */
.woocommerce form .password-input, .woocommerce-Input--password{
  position:relative !important; display:block !important; width:100% !important;
}
.woocommerce .show-password-input, button.show-password-input,
.wp-hide-pw, button.wp-hide-pw{
  position:absolute !important; right:12px !important; top:50% !important;
  transform:translateY(-50%) !important;
  background:transparent !important; background-image:none !important;
  box-shadow:none !important; border:0 !important; padding:0 !important;
  width:auto !important; min-height:auto !important; color:var(--hhe-amber) !important;
}
.woocommerce .show-password-input::after,
.wp-hide-pw .dashicons{ color:var(--hhe-amber) !important; }

@media (max-width:767px){
  .woocommerce form.login, .woocommerce form.register,
  .woocommerce form.lost_reset_password,
  .woocommerce-account .woocommerce{ padding:16px !important; }
  .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{ width:100% !important; float:none !important; }
  .woocommerce, .woocommerce form, .woocommerce table{ max-width:100% !important; }
}

/* ==========================================================================
   14. HEADER — home = TRANSPARENT OVERLAY (hero peeche dikhe) / inner = gradient
        >>> Purane sections 14 + 15 yahan MERGE — ab koi conflict nahi. <<<
        FIX: pehle sirf ".elementor > .elementor" transparent hota tha, lekin
        background andar wale .e-con / .e-con-full pe set tha — isi liye black
        band aa raha tha. Ab HAR nested layer transparent hai.
   ========================================================================== */

/* ---- A) SAARI header/menu inner ROWS transparent (Astra + Elementor) ------
   Background sirf OUTER wrapper pe; andar ki har row hamesha transparent. */
.ast-above-header-wrap, .ast-above-header-bar,
.ast-primary-header-bar, .main-header-bar, .main-header-bar-wrap,
.ast-below-header-wrap, .ast-below-header-bar, .ast-below-header-actual-nav,
.site-primary-header-wrap, .site-below-header-wrap,
.site-header-primary-section-center, .site-header-below-section-center,
.elementor-location-header .elementor-section,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .e-con-full,
.elementor-location-header .elementor-nav-menu__container{
  background: transparent !important; background-image: none !important;
  box-shadow: none !important; border-bottom: 0 !important;
}

/* ---- B) INNER pages (home ke ilawa): OUTER wrapper pe dark gradient -------- */
body:not(.home) .site-header, body:not(.home) #masthead,
body:not(.home) .ast-primary-header-bar, body:not(.home) .main-header-bar,
body:not(.home) .site-primary-header-wrap,
body:not(.home) .elementor-location-header,
body:not(.home) .elementor-location-header > .elementor{
  background-color: var(--hhe-dark) !important;
  background-image: linear-gradient(180deg, var(--hhe-deep), var(--hhe-dark)) !important;
  border-bottom: 1px solid var(--hhe-line) !important;
  position: relative !important;
}

/* ---- C) HOME: HAR header layer transparent (BLACK band ka asal fix) -------
   Wrapper + andar ke saare Elementor/Astra containers, dono. */
.home .site-header, .home #masthead,
.home .ast-primary-header-bar, .home .main-header-bar, .home .main-header-bar-wrap,
.home .site-primary-header-wrap, .home .site-header-primary-section-center,
.home .elementor-location-header,
.home .elementor-location-header > .elementor,
.home .elementor-location-header .elementor-section,
.home .elementor-location-header .e-con,
.home .elementor-location-header .e-con-inner,
.home .elementor-location-header .e-con-full{
  background: transparent !important; background-image: none !important;
  border-bottom: 0 !important; box-shadow: none !important;
}

/* ---- D) HOME: header ko hero ke UPAR overlay karo (absolute) --------------
   Isse hero image logo ke peeche aa jati hai (band khatam). */
.home #masthead, .home .site-header, .home .elementor-location-header{
  position: absolute !important; top: 0 !important; left: 0 !important;
  right: 0 !important; width: 100% !important; z-index: 100 !important;
}

/* ---- E) HOME: legibility scrim (upar halka dark taake logo/nav saaf ho) --- */
.home #masthead::before, .home .elementor-location-header::before{
  content:"" !important; position:absolute !important; inset:0 !important;
  z-index:-1 !important; pointer-events:none !important;
  background: linear-gradient(180deg, rgba(10,4,16,.72), rgba(10,4,16,0)) !important;
}

/* ---- F) HOME: nav + logo text white (hero ke upar readable) --------------- */
.home .main-header-menu .menu-link,
.home .ast-builder-menu .menu-item > a,
.home .elementor-location-header .menu-item > a,
.home .elementor-location-header a.elementor-item{ color:#fff !important; }

/* ==========================================================================
   15. LOGIN/FORM POLISH + PASSWORD EYE FIX + MY-ACCOUNT MOBILE (FooEvents)
        (pehle ye section 16 tha — 15 ab header me merge ho gaya.)
   ========================================================================== */

/* ---- PASSWORD eye toggle: bada orange box -> chhota transparent amber eye -- */
.woocommerce .password-input, .woocommerce-Input-wrapper.password-input,
.woocommerce span.password-input{
  position:relative !important; display:block !important; width:100% !important;
}
.woocommerce .password-input .show-password-input,
.woocommerce .password-input button,
.woocommerce .password-input .wp-element-button,
.woocommerce .password-input > span,
.woocommerce .show-password-input,
.woocommerce-Input-wrapper .show-password-input,
button.wp-hide-pw, .wp-hide-pw{
  position:absolute !important; right:14px !important; top:50% !important;
  transform:translateY(-50%) !important;
  background:transparent !important; background-image:none !important;
  box-shadow:none !important; border:0 !important; padding:0 !important; margin:0 !important;
  width:26px !important; height:26px !important; min-height:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  color:var(--hhe-amber) !important; -webkit-text-fill-color:var(--hhe-amber) !important;
  font-size:18px !important; line-height:1 !important; cursor:pointer !important;
}
.woocommerce .password-input input.input-text{ padding-right:46px !important; }

/* ---- LOGIN card: professional + centered ---------------------------------- */
.woocommerce-account form.login{
  max-width:480px !important; margin:24px auto !important;
}
.woocommerce form.login{
  background: rgba(255,255,255,.03) !important;
  border:1px solid var(--hhe-line) !important; border-radius:12px !important;
  padding:28px !important;
}
.woocommerce form.login .form-row{ margin-bottom:16px !important; }
.woocommerce form.login label, .woocommerce form.register label{
  color:var(--hhe-ink-body) !important; margin-bottom:6px !important; display:inline-block;
}
.woocommerce form.login .woocommerce-form-login__rememberme{
  display:flex !important; align-items:center; gap:8px; margin:4px 0 14px !important;
}
.woocommerce-LostPassword a, .woocommerce form.login .lost_password a{ color:var(--hhe-amber) !important; }
.woocommerce-form-login__submit, .woocommerce form.login button[type=submit]{ width:100% !important; }

/* ---- MY-ACCOUNT: giant heading cap (TICKETS) ------------------------------ */
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-size: clamp(26px, 4.5vw, 42px) !important; line-height:1.1 !important; margin:0 0 18px !important;
}
.woocommerce-MyAccount-content table td a{ color: var(--hhe-amber) !important; }

/* ---- MOBILE: my-account tables -> stacked cards (FooEvents tickets/orders) - */
@media (max-width:767px){
  .woocommerce-MyAccount-content table thead{ display:none !important; }
  .woocommerce-MyAccount-content table,
  .woocommerce-MyAccount-content table tbody{ display:block !important; width:100% !important; }
  .woocommerce-MyAccount-content table tr{
    display:block !important; background:rgba(255,255,255,.04) !important;
    border:1px solid var(--hhe-line) !important; border-radius:var(--hhe-r) !important;
    padding:14px !important; margin-bottom:12px !important;
  }
  .woocommerce-MyAccount-content table td{
    display:block !important; border:0 !important; padding:5px 0 !important;
    text-align:left !important; white-space:normal !important;
  }
  /* Download ko full-width pumpkin button */
  .woocommerce-MyAccount-content table td:last-child a{
    display:block !important; text-align:center !important; margin-top:6px !important;
    background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
    color:#2A1400 !important; padding:12px !important; border-radius:var(--hhe-r) !important;
    font-weight:700 !important; letter-spacing:.5px; text-transform:uppercase;
  }
  /* account content box padding */
  .woocommerce-MyAccount-content{ padding:0 !important; }
}

/* ==========================================================================
   16. XOOTIX SIDE CART (QUICK DRAWER) — theme match + "yellow inherit" FIX
        Global button rules (section 11) ko override karta hai.
        Classes plugin source se confirmed:
          .xoo-wsc-chkt = View Cart   -> OUTLINE
          .xoo-wsc-cart = Checkout    -> FILLED (primary "Book Now")
          .xoo-wsc-cont = Continue    -> OUTLINE
   ========================================================================== */

/* ---- drawer shell (light -> theme dark) ---------------------------------- */
.xoo-wsc-container{
  background: var(--hhe-dark-2) !important;
  color: var(--hhe-ink-body) !important;
  font-family: var(--hhe-body) !important;
  border-left: 1px solid var(--hhe-line) !important;
}
.xoo-wsc-modal .xoo-wsc-opac{ background: rgba(6,3,10,.72) !important; }
.xoo-wsc-header{ background: transparent !important; border-bottom: 1px solid var(--hhe-line) !important; }
.xoo-wsc-header .xoo-wsc-ctxt{ font-family: var(--hhe-display) !important; color: var(--hhe-ink) !important; letter-spacing:.3px; }
.xoo-wsc-header .xoo-wsc-close{ color: var(--hhe-pink) !important; }
.xoo-wsc-header .xoo-wsc-close:hover{ color: var(--hhe-orange-2) !important; }

/* ---- items / price / qty / remove ---------------------------------------- */
.xoo-wsc-product{ border-bottom:1px solid var(--hhe-line-soft) !important; }
.xoo-wsc-pname, .xoo-wsc-pname a{ font-family: var(--hhe-display) !important; color: var(--hhe-ink) !important; }
.xoo-wsc-var{ color: var(--hhe-ink-mute) !important; }
.xoo-wsc-price, .xoo-wsc-subt-price, .xoo-wsc-container .amount{ color: var(--hhe-amber) !important; font-weight:700 !important; }
.xoo-wsc-remove{ color: var(--hhe-ink-mute) !important; }
.xoo-wsc-remove:hover{ color:#E24B4A !important; }
.xoo-wsc-qty-box, .xoo-wsc-qty input{ background: rgba(0,0,0,.4) !important; border:1px solid var(--hhe-line) !important; color:#fff !important; border-radius: var(--hhe-r) !important; }
.xoo-wsc-mqty, .xoo-wsc-pqty{ color: var(--hhe-amber) !important; }
.xoo-wsc-subt{ border-top:1px solid var(--hhe-line) !important; color: var(--hhe-ink) !important; }

/* footer buttons — "yellow inherit" fix.
   Baseline: har footer button ka accidental gradient reset -> AMBER OUTLINE.
   Phir sirf Checkout ko FILLED pumpkin. .xoo-wsc-footer ancestor specificity
   barha deta hai taake global orange gradient inherit na ho. */
.xoo-wsc-modal .xoo-wsc-footer a.button{
  display:flex !important; align-items:center; justify-content:center;
  width:100% !important; margin:6px 0 !important;
  font-family: var(--hhe-body) !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:1px !important; text-transform:uppercase !important;
  padding:14px 18px !important; min-height:50px;
  border-radius: var(--hhe-r) !important;
  background: transparent !important; background-image:none !important;
  color: var(--hhe-amber) !important;
  border:1px solid rgba(242,160,27,.6) !important;
  box-shadow:none !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.xoo-wsc-modal .xoo-wsc-footer a.button:hover{
  background: rgba(242,160,27,.14) !important; color:#FFD27A !important;
  border-color: var(--hhe-amber) !important; transform: translateY(-1px);
}
/* PRIMARY = Checkout ("Book Now") -> filled pumpkin */
.xoo-wsc-modal .xoo-wsc-footer a.button.xoo-wsc-cart{
  background: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  background-image: linear-gradient(180deg, var(--hhe-orange-2), var(--hhe-orange)) !important;
  color:#2A1400 !important; border-color: transparent !important;
  box-shadow: 0 12px 30px -14px rgba(245,130,10,.8) !important;
}
.xoo-wsc-modal .xoo-wsc-footer a.button.xoo-wsc-cart:hover{
  filter: brightness(1.06); color:#2A1400 !important; transform: translateY(-2px);
}

/* ==========================================================================
   17. MOBILE MENU FIX — drawer bg dark + text readable (white-on-white bug)
        Astra off-canvas + Elementor dropdown dono cover.
   ========================================================================== */

/* panel + submenus -> theme dark */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer .ast-mobile-popup-content,
#ast-mobile-header, .ast-mobile-header-content,
.ast-header-break-point .main-header-menu,
.ast-header-break-point .main-header-menu .sub-menu,
.elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown .sub-menu{
  background-color: var(--hhe-dark) !important;
  background-image: linear-gradient(180deg, var(--hhe-deep), var(--hhe-dark)) !important;
}

/* menu items -> white + subtle divider */
.ast-mobile-popup-drawer .menu-link,
.ast-mobile-popup-drawer .menu-item > a,
.ast-header-break-point .main-header-menu .menu-link,
.elementor-nav-menu--dropdown a.elementor-item{
  color: var(--hhe-ink) !important;
  border-bottom: 1px solid var(--hhe-line-soft) !important;
}

/* hover / current -> amber */
.ast-mobile-popup-drawer .menu-link:hover,
.ast-mobile-popup-drawer .current-menu-item > a,
.ast-header-break-point .main-header-menu .menu-link:hover,
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  color: var(--hhe-amber) !important;
  background: rgba(245,130,10,.10) !important;
}

/* sub-menu expand arrows + close icon readable */
.ast-mobile-popup-drawer .ast-menu-toggle,
.ast-mobile-popup-drawer .menu-item-has-children .menu-link:after,
.elementor-nav-menu--dropdown .elementor-menu-toggle,
.ast-mobile-popup-close, .menu-toggle-close{
  color: var(--hhe-amber) !important;
}


/* ==========================================================================
   18. HOME MOBILE HEADER -> FULLY TRANSPARENT + OVERLAY (hero peeche dikhe)
        Section 17 ne #ast-mobile-header (asal mobile header bar) ko dark kar
        diya tha. Yeh block sirf HOME pe usay transparent + overlay karta hai.
        Inner pages ka dark header waise hi rehta hai.
   ========================================================================== */
.home #ast-mobile-header,
.home .ast-mobile-header-content,
.home .ast-mobile-header-wrap,
.home #masthead, .home .site-header,
.home .ast-primary-header-bar,
.home .main-header-bar, .home .main-header-bar-wrap,
.home .site-primary-header-wrap,
.home .elementor-location-header,
.home .elementor-location-header > .elementor,
.home .elementor-location-header .e-con,
.home .elementor-location-header .e-con-inner,
.home .elementor-location-header .e-con-full,
.home .elementor-location-header .elementor-section{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* header ko hero ke UPAR le aao -> band ki jagah hero image dikhegi */
.home #ast-mobile-header,
.home #masthead, .home .site-header,
.home .elementor-location-header{
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  width: 100% !important; z-index: 100 !important;
}/* End custom CSS */