/* «فرحة» — chat widget, home ask box, hall ask card. Uses the theme's colour tokens. */
.fh-av{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f6dc8f,#a57a2c);color:#17140F;display:grid;place-items:center;font-weight:800;font-size:17px;flex:none;line-height:1}
.fh-fab{position:fixed;left:14px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:9980;display:flex;align-items:center;gap:8px;background:#17140F;color:#E8CF8A;border:1px solid rgba(232,207,138,.35);border-radius:30px;padding:7px 14px 7px 8px;font:inherit;font-weight:800;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer}
.fh-fab .fh-av{width:30px;height:30px;font-size:15px}
.single-afrah_hall .fh-fab,.single-afrah_supplier .fh-fab{bottom:calc(92px + env(safe-area-inset-bottom))}
@media(min-width:900px){.fh-fab{bottom:24px;left:24px}.single-afrah_hall .fh-fab,.single-afrah_supplier .fh-fab{bottom:24px}}
.fh-open .fh-fab{display:none}
.fh{position:fixed;inset:0;z-index:9990;display:flex;flex-direction:column;background:var(--bg,#F6F3EE);color:var(--text,#17140F);transform:translateY(100%);transition:transform .25s ease-out;visibility:hidden}
.fh.open{transform:none;visibility:visible}
@media(min-width:700px){.fh{inset:auto;left:24px;bottom:24px;width:400px;height:min(680px,calc(100vh - 48px));border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;border:1px solid var(--line,#E7E0D3)}}
.fh-h{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#17140F;color:#F5EFE3;flex:none}
.fh-h b{display:block;font-size:16px}.fh-h small{display:block;color:#cfc5b2;font-size:12px}
.fh-h .fh-sp{flex:1;min-width:0}
.fh-ib{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#F5EFE3;display:grid;place-items:center;cursor:pointer;font-size:17px;flex:none}
.fh-ib:focus-visible,.fh-send:focus-visible,.fh-chip:focus-visible{outline:2px solid var(--gold,#C9A24A);outline-offset:2px}
.fh-b{flex:1;overflow-y:auto;padding:12px 12px 6px;overscroll-behavior:contain}
.fh-m{max-width:88%;border-radius:16px;padding:9px 12px;font-size:15px;line-height:1.65;margin-bottom:8px;word-wrap:break-word}
.fh-m.u{background:#17140F;color:#F5EFE3;margin-inline-start:auto;border-bottom-left-radius:5px}
.fh-m.a{background:var(--surface,#fff);border:1px solid var(--line,#E7E0D3);border-bottom-right-radius:5px}
.fh-m.a strong{font-weight:800}
.fh-m.sys{background:#FBF6EA;border:1px solid #efdfb4;color:#5c4a1f;max-width:100%;font-size:14px}
.fh-cards{display:flex;flex-direction:column;gap:6px;margin:-2px 0 8px;max-width:92%}
.fh-card{display:flex;gap:10px;align-items:center;background:var(--surface,#fff);border:1px solid var(--line,#E7E0D3);border-radius:14px;padding:7px;color:var(--text,#17140F)!important;text-decoration:none!important}
.fh-card img,.fh-card i{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:none;background:var(--s2,#EFE9DF)}
.fh-card b{display:block;font-size:14.5px}.fh-card small{display:block;color:var(--muted,#6F6656);font-size:12.5px}
.fh-acts{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 8px}
.fh-act{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:700;background:var(--gold,#C9A24A);color:#17140F!important;text-decoration:none!important;border:0;cursor:pointer;font-family:inherit}
.fh-act.ok{background:var(--ok-bg,#E4EDDC);color:var(--ok-fg,#3F5E2E)!important}
.fh-vote{display:flex;gap:6px;margin:-4px 0 10px;align-items:center;flex-wrap:wrap}
.fh-vote button{border:1px solid var(--line,#E7E0D3);background:var(--surface,#fff);color:var(--text,#17140F);border-radius:20px;padding:1px 10px;font-size:13px;cursor:pointer;font-family:inherit}
.fh-vote button.on{background:var(--ok-bg,#E4EDDC);border-color:transparent}
.fh-vote small{color:var(--muted,#6F6656);font-size:12px}
.fh-typing{display:inline-flex;gap:4px;padding:12px 14px}.fh-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted,#6F6656);animation:fhb 1s infinite}.fh-typing i:nth-child(2){animation-delay:.15s}.fh-typing i:nth-child(3){animation-delay:.3s}
@keyframes fhb{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.fh{transition:none}.fh-typing i{animation:none;opacity:.6}}
.fh-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.fh-chip{border:1px solid var(--line,#E7E0D3);background:var(--surface,#fff);color:var(--text,#17140F);border-radius:20px;padding:5px 12px;font-size:13.5px;cursor:pointer;font-family:inherit}
.fh-hello{text-align:center;padding:14px 8px 4px}.fh-hello .fh-av{width:56px;height:56px;font-size:26px;margin:0 auto 8px}.fh-hello h3{margin:0 0 4px;font-size:20px}.fh-hello p{margin:0;color:var(--muted,#6F6656);font-size:14px}
.fh-mem{background:#FBF6EA;border:1px solid #efdfb4;color:#5c4a1f;border-radius:14px;padding:9px 12px;font-size:14px;line-height:1.6;margin:8px 0}
.fh-f{flex:none;border-top:1px solid var(--line,#E7E0D3);background:var(--surface,#fff);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.fh-form{display:flex;gap:8px;align-items:flex-end}
.fh-form textarea{flex:1;resize:none;border:1px solid var(--line,#E7E0D3);border-radius:20px;padding:9px 14px;font:inherit;font-size:16px;max-height:110px;background:var(--bg,#F6F3EE);color:var(--text,#17140F);line-height:1.4}
.fh-form textarea:focus{outline:0;border-color:var(--gold,#C9A24A)}
.fh-send{width:42px;height:42px;border-radius:50%;border:0;background:var(--gold,#C9A24A);color:#17140F;font-size:19px;font-weight:800;cursor:pointer;flex:none}
.fh-send:disabled{opacity:.5}
.fh-left{font-size:11.5px;color:var(--muted,#6F6656);text-align:center;margin-top:4px}
.fh-gate{background:var(--surface,#fff);border:1px solid var(--line,#E7E0D3);border-radius:18px;padding:14px;text-align:center;margin:6px 0}
.fh-gate h4{margin:4px 0;font-size:18px}.fh-gate p{margin:0 0 10px;color:var(--muted,#6F6656);font-size:14px}
.fh-gate .btn{margin-top:6px}
.fh-hist{display:flex;flex-direction:column;gap:6px}
.fh-hist button{text-align:start;background:var(--surface,#fff);border:1px solid var(--line,#E7E0D3);border-radius:12px;padding:9px 12px;font:inherit;color:var(--text,#17140F);cursor:pointer}
.fh-hist button small{display:block;color:var(--muted,#6F6656);font-size:12px}
.fh-link{background:none;border:0;color:var(--link,#8A6A2F);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px}
html.fh-lock{overflow:hidden}@media(min-width:700px){html.fh-lock{overflow:auto}}

/* Home: «احكيلي شو بدك» */
.fh-home{background:linear-gradient(135deg,#17140F,#3a2f1d);color:#F5EFE3;border-radius:20px;padding:16px;margin:0 0 18px}
.fh-home h2{color:#E8CF8A;margin:0 0 2px;font-size:20px;display:flex;align-items:center;gap:8px}.fh-home h2 .fh-av{width:30px;height:30px;font-size:15px}
.fh-home p{margin:0 0 10px;color:#d6ccb8;font-size:14px}
.fh-home form{display:flex;gap:8px;background:#fff;border-radius:14px;padding:5px}
.fh-home input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;padding:8px 10px;color:#17140F}
.fh-home input:focus{outline:0}
.fh-home button{border:0;background:var(--gold,#C9A24A);color:#17140F;font:inherit;font-weight:800;border-radius:10px;padding:0 16px;cursor:pointer}
.fh-home .fh-ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fh-home .fh-ex button{background:#2b241a;border:1px solid rgba(232,207,138,.35);color:#efd9a0;border-radius:20px;padding:4px 11px;font-size:12.5px;font-weight:500}

/* Hall page: «اسأل عن الصالة» */
.fh-hall{background:var(--surface,#fff);border:1px solid var(--line,#E7E0D3);border-radius:18px;padding:14px;margin:0 0 18px}
.fh-hall h2{margin:0 0 4px;font-size:18px;display:flex;align-items:center;gap:8px}.fh-hall h2 .fh-av{width:30px;height:30px;font-size:15px}
.fh-hall p{margin:0 0 8px;color:var(--muted,#6F6656);font-size:14px}
.fh-hall form{display:flex;gap:8px;margin-top:6px}
.fh-hall input{flex:1;min-width:0;border:1px solid var(--line,#E7E0D3);border-radius:12px;padding:9px 12px;font:inherit;font-size:16px;background:var(--bg,#F6F3EE);color:var(--text,#17140F)}
.fh-hall button[type=submit]{border:0;background:var(--ink,#17140F);color:var(--gold-l,#E8CF8A);border-radius:12px;padding:0 16px;font:inherit;font-weight:800;cursor:pointer}