/* Rishikesh Yoga Association ¡¤ premium header top bar + arch footer (v2)
   Needs: base.css, header.css, footer.css */

/* ===================== TOP BAR with icons ===================== */
.tb2{position:relative;z-index:61;background:linear-gradient(90deg,#1F1F1D,#2A2A2A 50%,#1F1F1D);color:#E6E6E0;font-size:13px}
.tb2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,222,44,.45),rgba(232,48,128,.45),transparent)}
.tb2-in{display:flex;align-items:center;justify-content:space-between;gap:12px 22px;min-height:46px}
.tb2-l,.tb2-r{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.tb2 a{color:#E6E6E0;text-decoration:none;transition:color .2s}
.tb2 a:hover{color:var(--marigold)}
.tb2-it{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.tb2-it i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--marigold);font-style:normal;transition:background .2s,color .2s,border-color .2s}
.tb2 a.tb2-it:hover i{background:var(--marigold);border-color:var(--marigold);color:var(--forest)}
.tb2-wa i{color:#5BD08A}
.tb2-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tb2-l,.tb2-r{flex-wrap:nowrap}
.tb2-ya{font-size:12px;font-weight:700;letter-spacing:.04em;color:#CFC6B2}
.tb2-ya b{color:#fff;font-weight:800}
.tb2-sep{width:1px;height:18px;background:rgba(255,255,255,.14)}
.tb2-next{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:linear-gradient(135deg,var(--marigold),#8DB600);color:var(--forest)!important;font-weight:800;font-size:12.5px;letter-spacing:.02em;box-shadow:0 6px 18px -8px rgba(185,222,44,.8)}
.tb2-next i{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--forest);color:var(--marigold)}
.tb2-next:hover{filter:brightness(1.05)}
.tb2-soc{display:flex;gap:6px}
.tb2-soc a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.tb2-soc a:hover{background:#fff;color:var(--forest)}

/* main header refinements */
.v2h .site-head{box-shadow:0 1px 0 rgba(42,42,42,.04)}
.v2h .sh-nav.r{gap:4px}
.sh-call{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 6px;border-radius:50%;border:1.5px solid var(--line);color:var(--forest);text-decoration:none;transition:all .25s;position:relative}
.sh-call:hover{border-color:var(--rose);background:var(--rose);color:#fff}
.sh-call:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(64,184,80,.35);animation:sh-ring 2.6s ease-out infinite}
@keyframes sh-ring{from{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}
.v2h .sh-nav.r .btn{gap:8px}
.v2h .sh-nav.r .btn svg{transition:transform .25s}
.v2h .sh-nav.r .btn:hover svg{transform:translateX(3px)}

@media (max-width:1180px){.tb2-ya,.tb2-l .tb2-sep{display:none}}
@media (max-width:1100px){
  .tb2-em span,.tb2-soc,.tb2-r .tb2-sep{display:none}
}
@media (max-width:760px){
  .tb2-in{justify-content:center;min-height:44px}
  .tb2-l{display:none}
  .tb2-r{gap:10px;justify-content:center}
  .tb2-ph span{display:none}
  .sh-call{display:none}
}
@media (prefers-reduced-motion:reduce){.sh-call:after{animation:none;display:none}}

/* ===================== ARCH FOOTER ===================== */
.ftr6{position:relative;margin-top:-1px;padding-top:120px;color:#D8D4C8;background:radial-gradient(900px 520px at 50% 0%,rgba(185,222,44,.10),transparent 70%),radial-gradient(700px 500px at 10% 100%,rgba(232,48,128,.08),transparent 70%),linear-gradient(180deg,#232321,#1A1A18);overflow:hidden;isolation:isolate}
.ftr6:before{content:"";position:absolute;left:50%;top:40px;width:1100px;height:1100px;margin-left:-550px;background:url(../images/mandala-light.svg) center/contain no-repeat;opacity:.05;animation:spin 240s linear infinite;z-index:-1;pointer-events:none}
.ftr6 a{color:#D8D4C8;text-decoration:none;transition:color .2s}
.ftr6 a:hover{color:var(--marigold)}
.ftr6-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 520px minmax(0,1fr);gap:50px;align-items:end}
/* wings */
.ftr6-wing{display:flex;flex-direction:column;gap:12px;padding-bottom:70px}
.ftr6-wing h4{position:relative;margin:0 0 10px;padding-bottom:14px;font-family:var(--display);font-weight:400;font-size:26px;color:#fff}
.ftr6-wing h4 small{display:block;margin-top:2px;font-family:var(--deva);font-size:15px;color:var(--marigold)}
.ftr6-wing h4:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--marigold),var(--rose))}
.ftr6-wing > a:not(.ftr6-wa){position:relative;display:inline-flex;align-items:center;gap:10px;font-size:15px;align-self:flex-start}
.ftr6-wing > a:not(.ftr6-wa):before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid rgba(185,222,44,.6);transition:background .2s,transform .2s}
.ftr6-wing > a:not(.ftr6-wa):hover:before{background:var(--marigold);transform:scale(1.2)}
.ftr6-wing.r{text-align:right;align-items:flex-end}
.ftr6-wing.r h4:after{left:auto;right:0}
.ftr6-row{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.55}
.ftr6-wing.r .ftr6-row{flex-direction:row-reverse}
.ftr6-row i{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--marigold);font-style:normal}
.ftr6-row b{display:block;color:#fff;font-weight:700}
.ftr6-row small{display:block;color:#9E9888;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;margin-bottom:2px}
.ftr6-wa{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:12px 20px;border-radius:999px;background:#1E9E57;color:#fff!important;font-weight:800;font-size:14px;box-shadow:0 14px 30px -14px rgba(30,158,87,.9)}
.ftr6-wa:hover{background:#178A4B}
/* arch */
.ftr6-arch{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:70px 48px 50px;border-radius:300px 300px 0 0;background:linear-gradient(180deg,#FBFBF8,#F2F5EA);color:var(--ink);box-shadow:0 -30px 80px -40px rgba(185,222,44,.45),0 0 0 10px rgba(255,255,255,.04),0 0 0 11px rgba(185,222,44,.25)}
.ftr6-arch:before{content:"";position:absolute;inset:14px 14px 0;border-radius:286px 286px 0 0;border:1px solid rgba(42,42,42,.08);border-bottom:0;pointer-events:none}
.ftr6-mandala{position:absolute;top:-70px;left:50%;width:220px;height:220px;margin-left:-110px;background:url(../images/mandala.svg) center/contain no-repeat;opacity:.18;animation:spin 120s linear infinite;pointer-events:none}
.ftr6-om{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-top:-4px;border-radius:50%;background:var(--forest);color:var(--marigold);font-family:var(--deva);font-size:30px;box-shadow:0 0 0 6px #FBFBF8,0 0 0 7px var(--line)}
.ftr6-arch img{position:relative;width:230px;height:auto}
.ftr6-arch h3{position:relative;margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:34px;line-height:1.1;color:var(--forest)}
.ftr6-arch h3 em{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--rose)}
.ftr6-arch > p{position:relative;margin:0;max-width:360px;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.ftr6-field{position:relative;display:flex;width:100%;max-width:400px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 34px -26px rgba(30,30,30,.6)}
.ftr6-field input{flex:1;min-width:0;border:0;background:none;padding:0 16px;font:500 15px var(--sans);color:var(--ink);outline:none}
.ftr6-field .btn{min-height:46px;padding:0 22px}
.ftr6-arch .ok{margin:0;font-size:14px;font-weight:700;color:var(--clay)}
.ftr6-quick{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:6px;padding-top:18px;border-top:1px dashed var(--line);width:100%}
.ftr6-quick a{padding:6px 12px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink-2)!important}
.ftr6-quick a:hover{background:var(--parch-2);color:var(--rose)!important}
.ftr6-seals{position:relative;display:flex;justify-content:center;gap:10px;margin-top:4px}
.ftr6-seals span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1.5px solid var(--clay);font-size:10px;font-weight:800;line-height:1.1;letter-spacing:.06em;color:var(--clay);text-align:center}
.ftr6-seals span:nth-child(2){border-color:var(--rose);color:var(--rose)}
.ftr6-seals span:nth-child(3){border-color:var(--forest);color:var(--forest)}
/* ghat steps */
.ftr6-steps{position:relative;height:42px;margin-top:-1px}
.ftr6-steps:before,.ftr6-steps:after,.ftr6-steps span{content:"";position:absolute;left:50%;height:14px;transform:translateX(-50%);background:linear-gradient(180deg,#EDEFE4,#D9DDCB);border-radius:3px 3px 0 0;box-shadow:0 -1px 0 rgba(255,255,255,.6) inset}
.ftr6-steps:before{top:0;width:580px}
.ftr6-steps span{top:14px;width:680px;background:linear-gradient(180deg,#D9DDCB,#C6CBB6)}
.ftr6-steps:after{top:28px;width:800px;background:linear-gradient(180deg,#C6CBB6,#B3B8A2)}
/* base */
.ftr6-base{position:relative;background:#141412;border-top:1px solid rgba(255,255,255,.06)}
.ftr6-base .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;min-height:72px;font-size:13.5px;color:#9E9888}
.ftr6-soc{display:flex;gap:8px}
.ftr6-soc a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);color:#E6E6E0}
.ftr6-soc a:hover{background:var(--marigold);border-color:var(--marigold);color:var(--forest)}
.ftr6-legal a{color:#9E9888}
.ftr6-legal a:hover{color:#fff}

@media (max-width:1180px){
  .ftr6{padding-top:90px}
  .ftr6-stage{grid-template-columns:1fr 1fr;gap:40px}
  .ftr6-arch{grid-column:1/-1;grid-row:1;max-width:560px;width:100%;justify-self:center}
  .ftr6-wing{padding-bottom:30px}
  .ftr6-steps:before{width:500px}.ftr6-steps span{width:580px}.ftr6-steps:after{width:660px}
}
@media (max-width:760px){
  .ftr6{padding-top:70px}
  .ftr6-stage{grid-template-columns:1fr;gap:34px}
  .ftr6-arch{padding:56px 22px 36px;border-radius:220px 220px 0 0}
  .ftr6-arch:before{border-radius:206px 206px 0 0;inset:10px 10px 0}
  .ftr6-arch h3{font-size:28px}
  .ftr6-arch img{width:190px}
  .ftr6-field{flex-direction:column;border-radius:22px;gap:6px}
  .ftr6-field input{min-height:46px;text-align:center}
  .ftr6-wing,.ftr6-wing.r{grid-row:auto;text-align:left;align-items:flex-start;padding-bottom:0}
  .ftr6-wing.r h4:after{left:0;right:auto}
  .ftr6-wing.r .ftr6-row{flex-direction:row}
  .ftr6-wing:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  .ftr6-wing:first-of-type h4{grid-column:1/-1}
  .ftr6-steps{height:30px}
  .ftr6-steps:before,.ftr6-steps span,.ftr6-steps:after{height:10px}
  .ftr6-steps:before{width:72%}.ftr6-steps span{top:10px;width:86%}.ftr6-steps:after{top:20px;width:100%}
  .ftr6-base .wrap{flex-direction:column;justify-content:center;text-align:center;padding-top:18px;padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.ftr6:before,.ftr6-mandala{animation:none}}

/* ---------- steady sticky header: the bar keeps one height while scrolling (no layout jump = no shaking).
   On scroll only the logo shrinks visually and a soft shadow appears. ---------- */
.site-head{will-change:transform}
.site-head .sh-in,.site-head.scrolled .sh-in{height:96px;transition:none}
.site-head .sh-logo img,.site-head.scrolled .sh-logo img{height:66px;transition:transform .35s ease;transform-origin:50% 50%}
.site-head.scrolled .sh-logo img{transform:scale(.84)}
.v2h .site-head.scrolled{box-shadow:0 12px 30px -20px rgba(60,40,20,.45)}
@media (max-width:760px){.site-head .sh-in,.site-head.scrolled .sh-in{height:76px}.site-head .sh-logo img,.site-head.scrolled .sh-logo img{height:50px}}
/* ===================== MAIN MENU (Nov 2026): 7 items + Book Now ===================== */
.v2h .sh-nav{gap:0}
.v2h .sh-nav > a,.v2h .sh-nav .dd-btn{padding:12px 11px;font-size:15.5px;letter-spacing:.04em;white-space:nowrap}
.v2h .sh-nav .dd-btn{gap:5px}
.dd-item{display:flex;flex-direction:column;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--ink);transition:background .2s}
.dd-item b{font-size:15px;font-weight:700}
.dd-item small{font-size:12.5px;color:var(--muted)}
.dd-item:hover{background:#FCE9F1}
.dd-item:hover b{color:var(--rose)}
.dd-menu.narrow{width:270px}
.dd-r > .dd-menu{left:auto;right:-6px}
.dd-r > .dd-menu:after{left:auto;right:34px}
.v2h .sh-nav.r .sh-book{margin-left:8px;padding:0 20px;font-family:var(--sans);letter-spacing:.03em}
@media (max-width:1320px){
  .v2h .sh-nav > a,.v2h .sh-nav .dd-btn{padding:12px 8px;font-size:14.5px;letter-spacing:.02em}
  .v2h .site-head .sh-logo img{height:54px;width:auto}
  .v2h .sh-logo{padding:0 24px}
  .v2h .sh-nav.r .sh-book{padding:0 16px}
}
/* top bar: keep the longer address on one line on laptops */
@media (max-width:1320px){.tb2-em span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}