/* ==========================================================================
   DHARMIKAM — TALK TO A DOCTOR / HEALER
   The quiet call that closes the treatments band, and the sheet it opens.

   Self-contained: this sheet adds the .talk-doc and .td-* namespaces and
   nothing else. The popup itself — its surface, its fields, its validation
   and its answer — is built from css/form-kit.css, so a doctor's sheet and
   a visitor's sheet are the same piece of design.
   ========================================================================== */

/* ==========================================================================
   1. THE CALL
   A slim strip rather than a band of its own: it opens in the colour the
   treatments band finishes in, so it reads as that band's last line and not
   as a new section between it and the wellness photograph.
   ========================================================================== */
.talk-doc{
  position:relative;isolation:isolate;overflow:hidden;
  padding:0 0 clamp(58px,7vw,104px);
  text-align:center;
  background:linear-gradient(180deg,#F4F1E7 0%,#F8F3E6 100%);
}

.talk-doc .blob--talk{
  width:min(42vw,520px);aspect-ratio:1;bottom:-46%;left:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(226,200,138,.34),transparent 66%);
  opacity:.6;
}

.talk-doc__inner{position:relative;z-index:1}

/* the hairline the strip hangs from, so the call sits under the cards rather
   than floating loose between two bands */
.talk-doc__rule{
  display:block;width:min(420px,72%);height:1px;
  margin:0 auto clamp(2rem,3.4vw,3rem);
  background:linear-gradient(90deg,transparent,rgba(15,46,30,.14),transparent);
}

/* The button keeps the site's own .btn-ayur; the halo behind it is the only
   addition, exactly as the Plan Your Visit call carries one. */
.talk-doc__cta{position:relative;display:inline-flex}
.talk-doc__cta::before{
  content:"";position:absolute;z-index:-1;
  top:50%;left:50%;width:210%;aspect-ratio:1;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(45,106,79,.18),transparent 66%);
  animation:pulseGlow 10s ease-in-out infinite;
  pointer-events:none;
}

/* ==========================================================================
   2. ITS SHEET
   Wider than the visitor's sheet, because it asks more; everything else it
   wears comes from the form kit. The options and the dropdowns are laid so
   the whole conversation still fits a laptop screen without scrolling.
   ========================================================================== */
.td-modal .modal-dialog{max-width:min(880px,94vw)}

/* the four ways to be reached share a row of their own */
.td-modal .dh-choice{gap:.55rem}

@media (min-width:768px){
  /* A touch tighter than the kit's default all through, so nine fields still
     read as a calm sheet rather than a long form, and the whole conversation
     sits on a laptop screen. */
  .td-modal .dh-grid{gap:clamp(.75rem,1.3vw,1.05rem)}
  .td-modal .dh-sheet__head{margin-bottom:clamp(1.1rem,1.8vw,1.5rem)}
  .td-modal .dh-field > label,
  .td-modal .dh-field__legend{margin-bottom:.45rem}
  .td-modal .dh-input{padding-block:.82rem}
  /* the date box keeps its own height in step with the boxes beside it */
  .td-modal input.dh-input[type="date"]{min-height:calc(1.5em + 1.64rem + 2px)}
  .td-modal textarea.dh-input{min-height:92px}
  .td-modal .dh-actions{margin-top:clamp(1.1rem,1.8vw,1.5rem)}
}

/* ==========================================================================
   3. RESPONSIVE
   ========================================================================== */
@media (max-width:767.98px){
  .talk-doc{padding:0 0 clamp(44px,9vw,68px)}
  .talk-doc__rule{margin-bottom:clamp(1.6rem,6vw,2.2rem)}
  .talk-doc__cta,
  .talk-doc__cta .btn-ayur{width:100%}
}

@media (max-width:575.98px){
  .talk-doc .blob--talk{opacity:.45}
}

/* ==========================================================================
   4. PRINT
   ========================================================================== */
@media print{
  .talk-doc{background:#fff;padding:0 0 1rem}
  .talk-doc__cta{display:none}
}