/* Dra. Raydelis — main-site extras: language picker + virtual assistant.
   Loads after brand.css on the homepage only. Uses brand tokens. */
:root{--sans:'Jost','Noto Sans SC','Noto Sans Devanagari','Noto Sans Bengali','Noto Naskh Arabic','Noto Nastaliq Urdu',system-ui,-apple-system,sans-serif}

/* ---------- Language picker ---------- */
.langpick{position:relative;flex:none}
.lang-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--lav-200);color:var(--pur-900);border-radius:999px;padding:8px 14px;font-family:var(--sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.lang-btn:hover{border-color:var(--pur-400);box-shadow:var(--sh-card)}
.lang-btn .lflag{font-size:1.05rem;line-height:1}
.lang-btn svg{width:12px;height:12px;flex:none}
.lang-list{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 50px rgba(52,37,92,.20);padding:8px;list-style:none;z-index:90;max-height:60vh;overflow:auto}
[dir="rtl"] .lang-list{right:auto;left:0}
.lang-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:.95rem;color:var(--ink)}
.lang-list li:hover{background:var(--lav-50)}
.lang-list li.active{background:var(--lav-100);color:var(--pur-900);font-weight:600}
@media(max-width:640px){.lang-btn .lname{display:none}.lang-btn{padding:8px 11px}}

/* ---------- Virtual assistant ---------- */
.asst-toggle{position:fixed;right:20px;bottom:94px;z-index:75;display:inline-flex;align-items:center;gap:9px;background:var(--pur-700);color:#fff;border:0;border-radius:999px;padding:14px 22px;font-family:var(--sans);font-size:.95rem;font-weight:500;letter-spacing:.03em;cursor:pointer;box-shadow:0 14px 32px rgba(85,60,150,.42);transition:transform .25s,background .25s}
.asst-toggle:hover{background:var(--pur-900);transform:translateY(-2px)}
.asst-toggle svg{width:20px;height:20px;flex:none}
[dir="rtl"] .asst-toggle{right:auto;left:20px}
.asst-panel{position:fixed;right:20px;bottom:162px;z-index:80;width:min(384px,calc(100vw - 32px));height:min(560px,calc(100dvh - 190px));background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 34px 70px rgba(52,37,92,.30);display:flex;flex-direction:column;overflow:hidden}
[dir="rtl"] .asst-panel{right:auto;left:20px}
.asst-panel[hidden]{display:none}
.asst-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,var(--pur-900),var(--pur-700));color:#fff;padding:15px 18px}
.asst-title{font-family:var(--serif);font-size:1.22rem;font-weight:600;line-height:1.1}
.asst-sub{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lav-300);margin-top:3px}
.asst-close{background:rgba(255,255,255,.14);border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.25rem;line-height:1;cursor:pointer;flex:none}
.asst-close:hover{background:rgba(255,255,255,.28)}
.asst-msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;background:var(--lav-50)}
.asst-msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:.95rem;line-height:1.55;overflow-wrap:break-word}
.asst-msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--ink);align-self:flex-start;box-shadow:0 4px 14px rgba(85,60,150,.06)}
[dir="rtl"] .asst-msg.bot{border-bottom-left-radius:16px;border-bottom-right-radius:5px}
.asst-msg.bot a{color:var(--pur-500);font-weight:600;border-bottom:1.5px solid var(--lav-300)}
.asst-msg.user{background:var(--pur-700);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
[dir="rtl"] .asst-msg.user{border-bottom-right-radius:16px;border-bottom-left-radius:5px}
.asst-chips{display:flex;gap:8px;flex-wrap:wrap;padding:11px 14px;background:#fff;border-top:1px solid var(--line)}
.asst-chips:empty{display:none}
.asst-chip{display:inline-flex;align-items:center;border:1.5px solid var(--lav-300);background:#fff;color:var(--pur-700);border-radius:999px;padding:7px 14px;font-family:var(--sans);font-size:.86rem;font-weight:500;cursor:pointer;transition:.22s;text-decoration:none}
.asst-chip:hover{border-color:var(--pur-500);background:var(--lav-50)}
.asst-chip.primary{background:var(--wa);border-color:var(--wa);color:#fff}
.asst-chip.primary:hover{background:var(--wa-d);border-color:var(--wa-d)}
.asst-form{display:flex;gap:9px;padding:12px 14px;background:#fff;border-top:1px solid var(--line)}
.asst-form input{flex:1;border:1.5px solid var(--lav-200);border-radius:999px;padding:11px 16px;font-family:var(--sans);font-size:.95rem;color:var(--ink);background:var(--lav-50);min-width:0}
.asst-form input:focus{outline:none;border-color:var(--pur-400);background:#fff}
.asst-send{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--pur-700);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .22s}
.asst-send:hover{background:var(--pur-900)}
.asst-send svg{width:19px;height:19px}
[dir="rtl"] .asst-send svg{transform:scaleX(-1)}
@media(max-width:640px){
  .asst-panel{bottom:158px;height:min(520px,calc(100dvh - 180px))}
  .asst-toggle{bottom:92px;padding:13px 18px}
}

/* ---------- RTL refinements ---------- */
[dir="rtl"] .doc-quote{border-left:0;border-right:3px solid var(--lav-300);padding-left:0;padding-right:20px}
[dir="rtl"] .eyebrow::before{order:2}
[dir="rtl"] .mq-track{animation-direction:reverse}