/* "Talk now" on a tutor card and on a tutor page.
 *
 * Every state the visitor can be shown lives here, because the card is drawn
 * from a poll that may be seconds out of date: available, in a call, and the
 * ringing sheet with its own three endings (answered, declined, no answer).
 * No inline style attributes — these pages are served with a strict CSP.
 */
.lcall{display:flex;flex-direction:column;gap:4px;margin-top:2px}
.lcall:empty{display:none}
/* On a listing card the control sits over the foot of the photo, so a tutor
   who is free to talk has exactly the same card height as one who is not —
   a taller card pushed every row below it down the page. */
.lcover{position:absolute;left:7px;right:7px;bottom:7px;margin:0;gap:5px;z-index:3}
.lcover .talknow{padding:10px 8px;font-size:13.5px;gap:6px;border-radius:9px;
  box-shadow:0 6px 16px -6px rgba(8,50,30,.55)}
.lcover .lcbusybtn,.lcover .lctell{padding:9px 8px;font-size:12.5px;border-radius:9px}
.lcover .lcbusybtn{background:rgba(255,255,255,.94)}
.lcover .lctell{background:rgba(255,255,255,.94)}
/* the small green presence dot would sit under the pill */
.tphotowrap:has(.lcover:not(:empty)) .tphoto .on{display:none}
.talknow{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;
  background:#0f7b4f;color:#fff;border:none;border-radius:8px;padding:13px;
  font-weight:800;font-size:15px;cursor:pointer;transition:filter .15s}
.talknow:hover{filter:brightness(1.07)}
.talknow .lcbeat{width:9px;height:9px;border-radius:50%;background:#7ff0b5;
  box-shadow:0 0 0 0 rgba(127,240,181,.7);animation:lcbeat 1.8s infinite}
@keyframes lcbeat{
  0%{box-shadow:0 0 0 0 rgba(127,240,181,.7)}
  70%{box-shadow:0 0 0 7px rgba(127,240,181,0)}
  100%{box-shadow:0 0 0 0 rgba(127,240,181,0)}
}
@media(prefers-reduced-motion:reduce){ .talknow .lcbeat{animation:none} }
.lcnote{font-size:12.5px;color:#6f6047;text-align:center;line-height:1.35}
.lcbusybtn{width:100%;background:#f3f0e8;color:#6f6047;border:1.4px solid #ded7c7;
  border-radius:8px;padding:13px;font-weight:800;font-size:14.5px;cursor:not-allowed}
.lctell{width:100%;background:#fff;border:1.6px solid #d4d4d4;border-radius:8px;
  padding:9px;font-weight:700;font-size:13.5px;color:#241a0e;cursor:pointer}
.lctell:hover{background:#faf8f3}
.lctell[disabled]{color:#6f6047;cursor:default;border-style:dashed}

/* the ringing sheet */
.lcback{position:fixed;inset:0;background:rgba(20,14,6,.55);z-index:9000;
  display:flex;align-items:center;justify-content:center;padding:18px}
.lcsheet{background:#fff;border-radius:16px;max-width:380px;width:100%;
  padding:26px 22px;box-shadow:0 22px 60px rgba(0,0,0,.28);text-align:center}
.lcsheet h3{margin:0 0 6px;font-size:20px;color:#241a0e}
.lcsheet p{margin:0 0 14px;font-size:14px;color:#6f6047;line-height:1.5}
.lcsheet .lcwave{display:flex;gap:5px;justify-content:center;margin:14px 0 18px;height:26px;align-items:flex-end}
.lcsheet .lcwave i{display:block;width:5px;height:10px;border-radius:3px;background:#0f7b4f;
  animation:lcwave 1s infinite ease-in-out}
.lcsheet .lcwave i:nth-child(2){animation-delay:.12s}
.lcsheet .lcwave i:nth-child(3){animation-delay:.24s}
.lcsheet .lcwave i:nth-child(4){animation-delay:.36s}
.lcsheet .lcwave i:nth-child(5){animation-delay:.48s}
@keyframes lcwave{0%,100%{height:9px;opacity:.55}50%{height:24px;opacity:1}}
@media(prefers-reduced-motion:reduce){ .lcsheet .lcwave i{animation:none;height:16px} }
.lcsheet label{display:block;text-align:left;font-size:13px;font-weight:700;color:#241a0e;margin:0 0 5px}
.lcsheet input[type=email],.lcsheet input[type=text]{width:100%;box-sizing:border-box;
  border:1.6px solid #d4d4d4;border-radius:8px;padding:11px;font-size:15px;margin-bottom:12px}
.lcsheet .lcgo{width:100%;background:#0f7b4f;color:#fff;border:none;border-radius:8px;
  padding:13px;font-weight:800;font-size:15px;cursor:pointer}
.lcsheet .lcoff{width:100%;background:#fff;border:1.6px solid #d4d4d4;border-radius:8px;
  padding:11px;font-weight:700;font-size:14px;color:#241a0e;margin-top:9px;cursor:pointer}
.lcsheet .lcerr{color:#a3301b;font-size:13.5px;margin:0 0 10px}
.lcsheet .lccount{font-weight:800;color:#241a0e}