/* Rishikesh Yoga Association · shared temple footer + WhatsApp button (keeps the original warm palette) */
/* ================= TEMPLE FOOTER ================= */
.tf{position:relative;margin-top:40px;color:#F6E7CF}
.tf-sky{display:block;width:100%;height:230px;margin-bottom:-1px}
.tf-body{position:relative;padding:0 0 46px;background:linear-gradient(180deg,#9A5530 0,#7E4024 55%,#6A3319 100%);overflow:hidden}
.tf-body:before{content:"";position:absolute;inset:0;background:var(--paper);opacity:.9;pointer-events:none}
.tf-body:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 46px,rgba(0,0,0,.05) 46px 47px),repeating-linear-gradient(90deg,transparent 0 92px,rgba(0,0,0,.035) 92px 93px)}
.tf-body > *{position:relative;z-index:1}
.tf-lintel{height:44px;background:#6A3319 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='44'%3E%3Crect width='56' height='44' fill='%236A3319'/%3E%3Cpath d='M0 6h56M0 38h56' stroke='%23C98A55' stroke-width='2'/%3E%3Cpath d='M28 12l8 10-8 10-8-10z' fill='%23E08A1E'/%3E%3Ccircle cx='4' cy='22' r='3' fill='%23C98A55'/%3E%3Ccircle cx='52' cy='22' r='3' fill='%23C98A55'/%3E%3C/svg%3E") center/56px 44px repeat-x;box-shadow:0 8px 16px -8px rgba(0,0,0,.5)}
.tf-bells{position:absolute;left:0;right:0;top:44px;display:flex;justify-content:space-between;padding:0 18%;pointer-events:none}
.tf-bells svg{width:30px;height:52px;transform-origin:50% 0;animation:tf-swing 3.2s ease-in-out infinite}
.tf-bells svg:nth-child(2){animation-delay:-.8s}.tf-bells svg:nth-child(3){animation-delay:-1.6s}.tf-bells svg:nth-child(4){animation-delay:-2.4s}
@keyframes tf-swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.tf-pillar{position:absolute;top:44px;bottom:0;width:78px;height:calc(100% - 44px)}
.tf-pillar.l{left:max(10px,calc((100vw - 1400px)/2))}
.tf-pillar.r{right:max(10px,calc((100vw - 1400px)/2))}
.tf-grid{display:grid;grid-template-columns:1fr 340px 1fr;gap:44px;align-items:end;padding-top:84px}
.tf-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:40px}
.tf-col{display:flex;flex-direction:column;gap:12px;font-size:15px}
.tf-col h3,.tf-prasad h3{margin:0 0 8px;font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.04em;color:#FFF3DF;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tf-col h3 .deva,.tf-prasad h3 .deva{font-size:15px;color:var(--marigold)}
.tf-col h3:after,.tf-prasad h3:after{content:"";flex-basis:100%;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 8'%3E%3Cpath d='M0 4h22M38 4h22' stroke='%23F2B233' stroke-width='1.2'/%3E%3Cpath d='M30 0l4 4-4 4-4-4z' fill='%23F59AC1'/%3E%3C/svg%3E") left/60px 8px no-repeat}
.tf-col a{color:#F0DCC0;text-decoration:none;transition:color .2s,padding .2s}
.tf-col a:hover{color:var(--marigold);padding-left:4px}
.tf-visit span,.tf-visit a{display:flex;gap:12px;align-items:flex-start;line-height:1.6}
.tf-visit a:hover{padding-left:0}
.tf-visit svg{flex-shrink:0;margin-top:4px;color:var(--marigold)}
.tf-right{display:flex;flex-direction:column;gap:30px;padding-bottom:40px}
.tf-prasad p{font-size:14px;color:#E9D3B4;margin:0 0 12px}
.tf-field{display:flex;gap:6px;background:rgba(255,243,223,.1);border:1px solid rgba(255,243,223,.28);border-radius:999px;padding:5px 5px 5px 18px;align-items:center}
.tf-field:focus-within{border-color:var(--marigold)}
.tf-field input{flex:1;min-width:0;height:40px;border:0;background:none;color:#fff;font-family:var(--sans);font-size:14.5px;outline:none}
.tf-field input::placeholder{color:#D9BF9C}
.tf-prasad .ok{margin:10px 0 0;font-size:13.5px;font-weight:700;color:#E9FF9C}
.tf-door{display:flex;flex-direction:column;align-items:center}
.tf-door-frame{width:100%;padding:14px 14px 0;background:#C98A55;border-radius:170px 170px 0 0;box-shadow:0 -10px 30px -10px rgba(0,0,0,.4),inset 0 0 0 4px #B5784A}
.tf-door-in{position:relative;overflow:hidden;border-radius:156px 156px 0 0;background:radial-gradient(260px 300px at 50% 75%,#5A2A12,#2B1308 70%);padding:60px 26px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;box-shadow:inset 0 0 0 2px #E08A1E66}
.tf-door-mand{position:absolute;width:420px;height:420px;left:50%;top:-40px;margin-left:-210px;background:url(../images/mandala-light.svg) center/contain no-repeat;opacity:.13;animation:spin 200s linear infinite}
.tf-door-in > *:not(.tf-door-mand){position:relative}
.tf-medal{display:flex;align-items:center;justify-content:center;width:200px;height:200px;border-radius:999px;background:#FFF6E6;box-shadow:0 0 0 8px rgba(255,246,230,.12),0 0 40px rgba(242,178,51,.35)}
.tf-medal img{width:160px;height:auto}
.tf-mantra{font-size:26px;color:var(--marigold);line-height:1.3;margin-top:8px}
.tf-mantra-en{font-family:var(--serif);font-style:italic;font-size:17px;color:#F0DCC0;margin-top:-6px}
.tf-diya{width:58px;margin:4px 0 2px}
.tf-flame{transform-origin:50% 100%;animation:flick 1.6s ease-in-out infinite}
.tf-door-step{width:calc(100% + 40px);height:14px;background:#C98A55;border-radius:3px;box-shadow:0 6px 0 #B5784A}
.tf-band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,243,223,.18)}
.tf-seals{display:flex;align-items:center;gap:10px;font-size:14px;color:#F0DCC0}
.tf-seals span{width:48px;height:48px;border-radius:999px;border:1.5px solid var(--marigold);color:var(--marigold);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1}
.tf-seals b{font-weight:700;margin-left:6px}
.tf-soc{display:flex;gap:10px}
.tf-soc a{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,243,223,.3);color:#FFF3DF;display:flex;align-items:center;justify-content:center}
.tf-soc a:hover{background:var(--marigold);color:var(--ink);border-color:var(--marigold)}
.tf-steps span{display:block;height:16px;margin:0 auto;background:#C98A55;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18)}
.tf-steps span:nth-child(1){width:92%;background:#B5784A}
.tf-steps span:nth-child(2){width:96%;background:#C48450}
.tf-steps span:nth-child(3){width:100%;background:#D29560}
.tf-ganga{position:relative;overflow:hidden;background:linear-gradient(180deg,#5E9C8C,#2F5E57);padding:30px 0 22px}
.tf-waves{position:absolute;left:0;top:6px;width:100%;height:60px}
.tf-float{position:absolute;top:16px;width:34px;animation:tf-bob 4s ease-in-out infinite}
.tf-float.f1{left:12%}.tf-float.f2{left:33%;animation-delay:-1s;top:24px}.tf-float.f3{left:64%;animation-delay:-2s}.tf-float.f4{left:84%;animation-delay:-3s;top:22px}
@keyframes tf-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
.tf-bar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:40px;font-size:13px;color:#E3F1EC}
.tf-bar a{color:#E3F1EC;text-decoration:none}.tf-bar a:hover{color:var(--marigold)}
.tf-bar-om{font-size:17px;color:#FFE08A}

@media (max-width:1180px){
  .tf-pillar{display:none}
  .tf-grid{grid-template-columns:1fr 1fr;gap:36px;align-items:start}
  .tf-door{grid-column:1/-1;grid-row:1;width:min(360px,100%);margin:0 auto}
  .tf-cols,.tf-right{padding-bottom:0}
  .tf-bells{padding:0 8%}
}
@media (max-width:760px){
  .tf-sky{height:150px}
  .tf-grid{grid-template-columns:1fr;padding-top:76px}
  .tf-cols{grid-template-columns:1fr 1fr;gap:20px}
  .tf-mantra{font-size:22px}
  .tf-medal{width:170px;height:170px}
  .tf-medal img{width:136px}
  .tf-bells svg:nth-child(2),.tf-bells svg:nth-child(3){display:none}
  .tf-band{flex-direction:column;align-items:flex-start}
  .tf-bar{flex-direction:column;text-align:center;justify-content:center;padding-top:58px}
}


/* footer keeps the original ashram palette */
.tf{--clay:#B5652E;--saffron:#E08A1E;--marigold:#F2B233;--forest:#24361F;--ink:#2A221C;--parch:#F8F1E4;
  --paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .32 0 0 0 0 .18 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
.tf-ganga{background:#5E2C14;padding:18px 0}
.tf-bar{padding-top:0;color:#F0DCC0}
.tf-bar a{color:#F0DCC0}
@media (max-width:760px){.tf-bar{padding-top:0}}

/* floating WhatsApp button */
.wa{position:fixed;right:22px;bottom:22px;z-index:70;width:60px;height:60px;border-radius:999px;background:#1E7E4A;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(0,0,0,.25)}