/* VayK site extras — FAQ, map, Google reviews, experts, floating WhatsApp, language menu, RTL. Added Oct 2026. */
.faq-question{cursor:pointer}
.faq-question:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.faq-item.open .faq-answer{display:block}
.faq-toggle{transition:transform .2s ease;display:inline-block}
.faq-item.open .faq-toggle{transform:rotate(45deg)}

/* Map */
.vk-map{max-width:840px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid var(--gray-200);box-shadow:0 8px 40px rgba(0,0,0,.08);background:var(--gray-100)}
.vk-map img{display:block;width:100%;height:auto}

/* Google reviews */
.vk-g-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 20px;border:1px solid var(--gray-200);border-radius:100px;background:#fff;color:var(--gray-700);text-decoration:none;font-weight:600;font-size:14px;transition:border-color .2s,color .2s}
.vk-g-link:hover{border-color:var(--accent);color:var(--accent)}
.vk-g-link svg{width:20px;height:20px;flex-shrink:0}
.vk-rev-group{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);margin:0 0 16px}
.vk-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:44px}
.vk-rev-grid.vk-two{grid-template-columns:repeat(2,1fr)}
.vk-rev{background:#fff;border:1px solid var(--gray-200);border-radius:14px;padding:28px;display:flex;flex-direction:column}
.vk-stars{color:#F4B400;letter-spacing:2px;font-size:17px;line-height:1;margin-bottom:14px}
.vk-rev-text{font-size:15px;color:var(--gray-600);line-height:1.75;margin-bottom:20px;flex:1}
.vk-rev-name{font-weight:700;color:var(--gray-900);font-size:15px}
.vk-rev-meta{font-size:13px;color:var(--gray-400);margin-top:2px}
.vk-rev-note{font-size:12px;color:var(--gray-400);font-style:italic;margin-top:6px}
.vk-rev-cta{text-align:center}

/* Experts / we speak your language */
.vk-experts-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
.vk-expert{background:#fff;border:1px solid var(--gray-200);border-radius:18px;padding:36px 28px 32px;text-align:center;width:320px;max-width:100%;box-shadow:0 4px 24px rgba(0,0,0,.05)}
.vk-avatar{width:128px;height:128px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(135deg,var(--brand-light),var(--brand-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif;font-size:48px;font-weight:600;overflow:hidden;box-shadow:0 0 0 6px var(--brand-pale)}
.vk-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.vk-expert-name{font-size:21px;font-weight:700;color:var(--gray-900);margin-bottom:14px}
.vk-flags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.vk-flag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--gray-600);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:100px;padding:4px 11px 4px 6px}
.vk-flag img{width:20px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1DB954;color:#fff;transform:translateY(-1px)}
.btn-wa svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.vk-experts .vk-sub{color:var(--gray-500);margin:14px auto 0;max-width:560px;font-size:17px}

/* Floating WhatsApp */
.vk-fab{position:fixed;right:22px;bottom:22px;z-index:1500;font-family:'Inter',sans-serif}
.vk-fab-btn{width:62px;height:62px;border-radius:50%;background:#25D366;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.25);position:relative;animation:vkBob 3.2s ease-in-out infinite}
.vk-fab-btn::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;z-index:-1;animation:vkPulse 2.2s ease-out infinite}
.vk-fab-btn svg{width:33px;height:33px;fill:#fff}
.vk-fab-btn .vk-x{display:none;color:#fff;font-size:30px;line-height:1}
.vk-fab.open .vk-fab-btn{animation:none}
.vk-fab.open .vk-fab-btn::before{animation:none;opacity:0}
.vk-fab.open .vk-fab-btn svg{display:none}
.vk-fab.open .vk-fab-btn .vk-x{display:block}
.vk-fab-menu{position:absolute;bottom:76px;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 44px rgba(0,0,0,.18);padding:8px;min-width:250px;display:none}
.vk-fab.open .vk-fab-menu{display:block;animation:vkIn .18s ease-out}
.vk-fab-menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--gray-900);text-decoration:none;font-size:15px;font-weight:600}
.vk-fab-menu a:hover{background:var(--gray-50)}
.vk-fab-ico{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}
.vk-fab-ico.wa{background:#25D366}
.vk-fab-ico.wa svg{width:21px;height:21px;fill:#fff}
.vk-fab-ico.calc{background:var(--accent-pale)}
@keyframes vkPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.75);opacity:0}}
@keyframes vkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes vkIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.vk-fab-btn,.vk-fab-btn::before{animation:none}}

/* Language menu */
.nav-links li.vk-lang>a{font-size:13px;font-weight:700;color:var(--gray-700);letter-spacing:.04em}
.vk-lang .dropdown{left:auto;right:-14px;min-width:170px}
.vk-lang .dropdown a.is-active{color:var(--accent)!important;font-weight:700!important}

@media (max-width:920px){
.vk-rev-grid,.vk-rev-grid.vk-two{grid-template-columns:1fr}
.vk-lang .dropdown{margin:0 16px}
}
@media (max-width:600px){
.vk-fab{right:16px;bottom:16px}
.vk-fab-btn{width:56px;height:56px}
.vk-avatar{width:112px;height:112px;font-size:42px}
}

/* RTL (Arabic) */
html[dir=rtl] body,html[dir=rtl] .btn,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea,html[dir=rtl] button{font-family:'Tajawal','Inter',sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{font-family:'Tajawal','Inter',sans-serif;font-weight:700;letter-spacing:0}
html[dir=rtl] .section-label{letter-spacing:0}
html[dir=rtl] .vk-fab{right:auto;left:22px}
html[dir=rtl] .vk-fab-menu{right:auto;left:0}
html[dir=rtl] .dropdown{left:auto;right:-16px}
html[dir=rtl] .vk-lang .dropdown{right:auto;left:-14px}
html[dir=rtl] .testimonial-card::before{left:auto;right:26px}
html[dir=rtl] .faq-toggle{margin-left:0;margin-right:16px}
html[dir=rtl] .nav-links{right:auto;left:0}
@media (max-width:920px){html[dir=rtl] .dropdown{border-left:0;border-right:2px solid var(--gray-200);padding:0 8px 4px 0}}
@media (max-width:600px){html[dir=rtl] .vk-fab{left:16px}}

/* tweaks 1 */
.vk-fab-menu a{white-space:nowrap}
.vk-expert{display:flex;flex-direction:column}
.vk-flags{flex:1;align-content:flex-start}