/* FamilyVisa.ae — central layout stylesheet (header · sticky bar · footer). Edit /site-data/layout/*.html + this file, then Admin → Layout → Apply. */
#fvl-header{position:sticky!important;top:0!important;left:0;right:0;z-index:990!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0!important;border-bottom:3px solid #E01E37!important;box-shadow:none!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;transform:none!important;transition:none!important;width:auto!important;text-align:start}
#fvl-header[data-fixed="1"]{position:fixed!important}
#fvl-header .fvl-nav{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:61px;padding:0 20px;gap:10px}
#fvl-header .fvl-brand{font-weight:800;font-size:1.62rem;letter-spacing:-.02em;text-decoration:none;color:#000;line-height:1.15;white-space:nowrap;display:inline-block;padding:0;margin:0}
@media(min-width:768px){#fvl-header .fvl-brand{font-size:1.8rem}}
#fvl-header .fvl-brand b{color:#e01e37;font-weight:800}
#fvl-header .fvl-cta{display:flex;gap:8px;align-items:center}
#fvl-header .fvl-menu{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e7e9ee;color:#111827;font-weight:700;border-radius:10px;padding:9px 13px;font-size:.85rem;white-space:nowrap;cursor:pointer;font-family:inherit;line-height:1.2;margin:0;text-transform:none;letter-spacing:0;box-shadow:none}
#fvl-header .fvl-menu svg{width:15px;height:15px;stroke:currentColor}
#fvl-header .icon-chev{width:12px;height:12px;opacity:.65}
#fvl-header .fvl-calc{display:none;align-items:center;gap:8px;background:linear-gradient(135deg,#c8102e,#e01e37);color:#fff;border:none;font-weight:700;border-radius:10px;padding:10px 14px;font-size:.85rem;white-space:nowrap;cursor:pointer;text-decoration:none;line-height:1.2;box-shadow:0 6px 18px rgba(200,16,46,.28)}
#fvl-header .fvl-calc svg{width:15px;height:15px}
#fvl-header .fvl-wa{display:none;width:36px;height:36px;border-radius:11px;background:#25d366;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.32);flex:none;text-decoration:none}
#fvl-header .fvl-wa svg{width:19px;height:19px}
@media(min-width:768px){#fvl-header .fvl-calc{display:inline-flex}#fvl-header .fvl-wa{display:inline-flex}}
#fvl-header .langsel{position:relative;display:inline-flex}
#fvl-header .langsel-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:#6b7280;font-family:inherit;font-size:.7rem;font-weight:700;padding:8px 4px;letter-spacing:.02em;margin:0;box-shadow:none}
#fvl-header .langsel-btn svg{width:15px;height:15px}
#fvl-header .langsel-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border:1px solid #e7e9ee;border-radius:14px;box-shadow:0 18px 40px -18px rgba(17,24,39,.35);padding:6px;min-width:176px;display:none;z-index:995;text-align:start}
#fvl-header .langsel.open .langsel-menu{display:block}
#fvl-header .langsel-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:9px;font-size:.92rem;font-weight:600;color:#374151;text-decoration:none}
#fvl-header .langsel-menu a .nat{color:#9aa3b2;font-size:.72rem;font-weight:700}
#fvl-header .langsel-menu a:hover{background:#f7f8fa;color:#111827}
#fvl-header .langsel-menu a[aria-current="true"]{background:#fde7ea;color:#c8102e}
@media(max-width:767px){#fvl-header .fvl-menu{background:linear-gradient(135deg,#c8102e,#e01e37);border:none;color:#fff;box-shadow:0 5px 14px rgba(200,16,46,.32);padding:10px 15px;border-radius:11px}#fvl-header .fvl-menu svg{stroke:#fff}#fvl-header .icon-chev{display:none}#fvl-header .btn-label{display:none}#fvl-header .m-label{display:inline;font-weight:700;font-size:.86rem}#fvl-header .langsel-btn{color:#9aa3b2;font-size:.64rem;padding:8px 2px}#fvl-header .langsel-btn svg{width:13px;height:13px}}
@media(min-width:768px){#fvl-header .m-label{display:none}}
/* --- footer --- */
footer.fvl-footer{background:#111827!important;color:#9ca3af!important;padding:44px 0 118px!important;font-size:.83rem!important;margin:52px 0 0!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:start;line-height:1.55;display:block!important;border:0!important}
@media(min-width:768px){footer.fvl-footer{padding-bottom:44px!important}}
footer.fvl-footer .wrap{max-width:1120px;margin:0 auto;padding:0 20px;display:block}
footer.fvl-footer .f-brand{color:#fff;font-weight:800;font-size:1.1rem}
footer.fvl-footer .f-brand .tld{color:#e01e37}
footer.fvl-footer .operated-by{display:block;font-size:.68rem;letter-spacing:.06em;margin-top:3px;font-weight:400}
footer.fvl-footer .operated-by .ob-sub{color:#9E9E9E}footer.fvl-footer .operated-by .ob-red{color:#e01e37;font-weight:800}footer.fvl-footer .operated-by .ob-black{color:#fff;font-weight:800}footer.fvl-footer .operated-by .ob-llc{color:#9E9E9E;font-weight:700;font-size:.7em}
footer.fvl-footer p{margin:6px 0;color:#9ca3af;font-size:.83rem;line-height:1.55}
footer.fvl-footer .f-tag{color:#d1d5db;font-weight:600}
footer.fvl-footer .f-disclaimer{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:16px 18px;margin:18px 0;line-height:1.6;font-size:.8rem}
footer.fvl-footer .f-disclaimer b{color:#e5e7eb}
footer.fvl-footer .f-disclaimer a{color:#f0c24a;text-decoration:none}
footer.fvl-footer .f-contact{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0}
footer.fvl-footer .f-contact a{color:#d1d5db;text-decoration:none}
footer.fvl-footer .f-legal{border-top:1px solid rgba(255,255,255,.1);margin-top:18px;padding-top:16px;font-size:.76rem}
footer.fvl-footer .f-legal a{color:#9ca3af}
/* --- mobile sticky bar; legacy bars are removed from the pages and hidden here as a safety net --- */
.tabbar,.sticky-bar{display:none!important}
.fvl-sticky{position:fixed;bottom:0;left:0;right:0;z-index:960;background:linear-gradient(135deg,#c8102e,#e01e37);box-shadow:0 -8px 28px rgba(200,16,46,.38);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:9px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.fvl-sticky a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;padding:13px 10px;font-size:.9rem;text-decoration:none;line-height:1.2}
.fvl-sticky .fvl-c{background:#fff;color:#e01e37}
.fvl-sticky .fvl-w{background:#25d366;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.fvl-sticky svg{width:18px;height:18px;flex:none}
@media(min-width:768px){.fvl-sticky{display:none}}
