/* Natya Shastralaya — "For admissions" popup (shared by every page) */
:root{
  --bk-stone:#efe7d8; --bk-stone-2:#e5dbc8; --bk-ink:#2b2219; --bk-mute:#6c5f4f; --bk-line:rgba(43,34,25,.2);
  --bk-sand:#e9d3ab; --bk-deep:#1b2123; --bk-err:#9b2c1f;
  --bk-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --bk-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html.bk-lock,html.bk-lock body{overflow:hidden;}

.bk{padding:0;border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--bk-ink);
  display:none;align-items:center;justify-content:center;position:fixed;inset:0;z-index:200;}
.bk[open]{display:flex;}
.bk::backdrop{background:rgba(14,17,18,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.bk:not(:modal)[open]{background:rgba(14,17,18,.72);}
.bk-card{position:relative;width:min(720px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;overscroll-behavior:contain;
  background:var(--bk-stone);padding:clamp(24px,4vw,44px);box-shadow:0 40px 90px rgba(0,0,0,.5);font-family:var(--bk-sans);
  border-top:3px solid var(--bk-sand);animation:bkIn .35s cubic-bezier(.2,.7,.2,1);}
@keyframes bkIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.bk-card{animation:none;}}

.bk-x{position:absolute;top:16px;right:18px;background:none;border:0;cursor:pointer;font:500 13.5px var(--bk-sans);color:var(--bk-mute);display:inline-flex;gap:8px;align-items:center;padding:6px;}
.bk-x span{font-size:20px;line-height:1;}
.bk-x:hover{color:var(--bk-ink);}
.bk-head small{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--bk-mute);}
.bk-head h2,.bk-done h3{font-family:var(--bk-display);font-weight:400;font-size:clamp(30px,4.4vw,42px);line-height:1.05;margin:10px 0 0;color:var(--bk-ink);}
.bk-head h2 em,.bk-done h3 em{font-style:italic;color:#8a6a3c;}
.bk-head p,.bk-done p{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--bk-mute);max-width:52ch;}

.bk-form{margin-top:26px;}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.bk-wide{grid-column:1 / -1;}
.bk-f{display:flex;flex-direction:column;gap:7px;min-width:0;}
.bk-f span{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bk-ink);}
.bk-f input,.bk-f select,.bk-f textarea{width:100%;font:400 15.5px/1.4 var(--bk-sans);color:var(--bk-ink);background:#fbf7ef;
  border:1px solid var(--bk-line);border-radius:0;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;}
.bk-f select{padding-right:36px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232b2219' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;}
.bk-f select:invalid{color:#8f8272;}
.bk-f select option{color:var(--bk-ink);}
.bk-f textarea{resize:vertical;min-height:52px;}
.bk-f input:focus,.bk-f select:focus,.bk-f textarea:focus{border-color:#8a6a3c;box-shadow:0 0 0 3px rgba(138,106,60,.16);}
.bk-f .bk-bad{border-color:var(--bk-err);box-shadow:0 0 0 3px rgba(155,44,31,.12);}
.bk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.bk-err{margin:18px 0 0;padding:12px 14px;background:rgba(155,44,31,.08);border-left:3px solid var(--bk-err);color:var(--bk-err);font-size:14px;line-height:1.55;}
.bk-err a{color:inherit;font-weight:600;}
.bk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:24px;}
.bk-send{display:inline-flex;align-items:center;gap:16px;padding:15px 24px;background:var(--bk-ink);color:var(--bk-stone);border:1px solid var(--bk-ink);
  font:500 15px/1 var(--bk-sans);cursor:pointer;transition:background .25s;}
.bk-send:hover{background:#3b2f23;}
.bk-send[disabled]{opacity:.6;cursor:wait;}
.bk-send.busy span{display:inline-block;animation:bkSpin 1s linear infinite;}
@keyframes bkSpin{to{transform:rotate(360deg);}}
.bk-note{font-size:14px;color:var(--bk-mute);}
.bk-note a{color:var(--bk-ink);}
.bk-done{padding-top:8px;}
.bk-done .bk-send{margin-top:26px;}
.bk :focus-visible{outline:2px solid #8a6a3c;outline-offset:2px;}

@media (max-width:560px){
  .bk{align-items:flex-end;}
  .bk-card{width:100%;max-height:92%;padding:24px 16px 22px;}
  .bk-grid{grid-template-columns:1fr;gap:14px;}
  .bk-x{top:12px;right:10px;}
  .bk-send{width:100%;justify-content:center;}
}

/* ---- booking buttons placed around the site ---- */
/* home page top bar */
.book-top{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;background:var(--bk-sand);color:var(--bk-ink);text-decoration:none;
  font:500 13.5px/1 var(--bk-sans);white-space:nowrap;border:1px solid var(--bk-sand);transition:background .25s;}
.book-top:hover{background:#f3e2c2;}
.book-top .bt-s{display:none;}
@media (max-width:760px){
  .book-top{padding:10px 13px;font-size:13px;}
  .book-top .bt-l{display:none;}
  .book-top .bt-s{display:inline;}
}
/* outline button for the light stone course panels */
.btn.line-dark{background:transparent;color:var(--bk-ink);border-color:rgba(43,34,25,.45);}
.btn.line-dark:hover{background:rgba(43,34,25,.06);border-color:var(--bk-ink);}
.course-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
/* home page course drawer + menu */
.dr-book{display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:13px 18px;background:var(--bk-sand);color:var(--bk-ink);text-decoration:none;font:500 14px/1 var(--bk-sans);}
.dr-book:hover{background:#f3e2c2;}
.hero .row-book{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
