/* ============================================================
   Fun Venture — 2026 modern header + footer (full rebuild)
   ============================================================ */
:root{ --fv-orange:#E8730C; --fv-orange-d:#cf640a; --fv-ink:#15171a; --fv-line:rgba(255,255,255,.10); }

/* hide the old broken ElementsKit nav + original footer */
.elementor-location-header, header.elementor-location-header,
.ekit-wid-con .elementskit-navbar-nav, .elementskit-menu-container{ }
body.fv-modern .elementor-location-header{ display:none !important; }

/* ---------- HEADER ---------- */
.fvh{ position:sticky; top:0; z-index:100000; background:rgba(255,255,255,.86);
  backdrop-filter:saturate(150%) blur(12px); -webkit-backdrop-filter:saturate(150%) blur(12px);
  border-bottom:1px solid rgba(0,0,0,.06); box-shadow:0 1px 0 rgba(0,0,0,.02); }
.fvh-in{ max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:24px;
  padding:12px 24px; }
.fvh-logo{ flex:0 0 auto; display:flex; align-items:center; }
.fvh-logo img{ height:50px; width:auto; display:block; }
.fvh-nav{ display:flex; align-items:center; gap:2px; margin-left:auto; }
.fvh-nav > .fvh-item{ position:relative; }
.fvh-link{ display:flex; align-items:center; gap:6px; padding:10px 14px; border-radius:10px;
  font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fv-ink);
  text-decoration:none; white-space:nowrap; transition:color .18s, background .18s; cursor:pointer; }
.fvh-link:hover, .fvh-item.active > .fvh-link{ color:var(--fv-orange); background:rgba(232,115,12,.08); }
.fvh-link .fvh-caret{ width:14px; height:14px; opacity:.55; transition:transform .2s; }
.fvh-item:hover .fvh-caret{ transform:rotate(180deg); }
/* dropdown */
.fvh-drop{ position:absolute; top:calc(100% + 8px); left:0; min-width:248px; background:#fff;
  border:1px solid #eee; border-top:3px solid var(--fv-orange); border-radius:12px;
  box-shadow:0 20px 48px rgba(0,0,0,.14); padding:8px; list-style:none; margin:0;
  opacity:0; visibility:hidden; transform:translateY(8px); transition:.18s; }
.fvh-item:hover .fvh-drop{ opacity:1; visibility:visible; transform:translateY(0); }
.fvh-drop a{ display:block; padding:10px 14px; border-radius:8px; color:#333; font:500 14.5px/1.3 system-ui;
  text-decoration:none; transition:.15s; }
.fvh-drop a:hover{ background:rgba(232,115,12,.10); color:var(--fv-orange); padding-left:20px; }
/* CTA */
.fvh-cta{ flex:0 0 auto; }
.fvh-cta a{ display:inline-flex; align-items:center; gap:8px; background:var(--fv-orange); color:#fff;
  font:700 14.5px/1 system-ui; padding:12px 20px; border-radius:999px; text-decoration:none;
  box-shadow:0 8px 20px rgba(232,115,12,.30); transition:transform .15s, box-shadow .15s, background .15s; }
.fvh-cta a:hover{ background:var(--fv-orange-d); transform:translateY(-2px); box-shadow:0 12px 26px rgba(232,115,12,.40); }
/* hamburger */
.fvh-burger{ display:none; margin-left:auto; background:none; border:0; cursor:pointer; padding:8px; }
.fvh-burger span{ display:block; width:26px; height:3px; background:var(--fv-ink); border-radius:3px; margin:5px 0; transition:.25s; }

/* ---------- MOBILE ---------- */
@media (max-width:1080px){
  .fvh-nav{ position:fixed; inset:64px 0 auto 0; flex-direction:column; align-items:stretch; gap:0;
    background:#fff; padding:12px 16px 20px; border-bottom:1px solid #eee; box-shadow:0 20px 40px rgba(0,0,0,.12);
    transform:translateY(-120%); transition:transform .3s; max-height:80vh; overflow:auto; }
  body.fvh-open .fvh-nav{ transform:translateY(0); }
  .fvh-burger{ display:block; }
  .fvh-cta{ display:none; }
  .fvh-link{ font-size:16px; padding:14px 12px; border-radius:10px; }
  .fvh-drop{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
    border:0; border-top:0; padding:2px 0 8px 12px; min-width:0; }
  .fvh-item .fvh-caret{ margin-left:auto; }
  body.fvh-open .fvh-burger span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  body.fvh-open .fvh-burger span:nth-child(2){ opacity:0; }
  body.fvh-open .fvh-burger span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
}

/* ---------- FOOTER ---------- */
.fvf{ background:var(--fv-ink); color:#c9cdd2; margin-top:60px;
  font:400 15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.fvf-top{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:40px; padding:56px 24px 40px; }
.fvf h4{ color:#fff; font-size:15px; letter-spacing:.6px; text-transform:uppercase; margin:0 0 18px; }
.fvf-brand img{ height:54px; margin-bottom:16px; }
.fvf-brand p{ color:#9aa0a6; max-width:300px; font-size:14.5px; }
.fvf-col a{ color:#c9cdd2; text-decoration:none; display:block; padding:5px 0; transition:color .15s, padding-left .15s; font-size:14.5px; }
.fvf-col a:hover{ color:var(--fv-orange); padding-left:5px; }
.fvf-contact div{ display:flex; gap:12px; align-items:flex-start; margin-bottom:14px; font-size:14.5px; color:#c9cdd2; }
.fvf-contact svg{ flex:0 0 20px; width:20px; height:20px; fill:var(--fv-orange); margin-top:2px; }
.fvf-contact a{ color:#c9cdd2; text-decoration:none; }
.fvf-contact a:hover{ color:var(--fv-orange); }
.fvf-social{ display:flex; gap:10px; margin-top:18px; }
.fvf-social a{ width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.06);
  display:flex; align-items:center; justify-content:center; transition:.15s; }
.fvf-social a:hover{ background:var(--fv-orange); transform:translateY(-2px); }
.fvf-social svg{ width:18px; height:18px; fill:#fff; }
.fvf-bottom{ border-top:1px solid var(--fv-line); }
.fvf-bottom-in{ max-width:1240px; margin:0 auto; padding:20px 24px; display:flex; justify-content:space-between;
  flex-wrap:wrap; gap:10px; font-size:13.5px; color:#7d8389; }
.fvf-bottom-in a{ color:#7d8389; text-decoration:none; }
.fvf-bottom-in a:hover{ color:var(--fv-orange); }
@media (max-width:900px){ .fvf-top{ grid-template-columns:1fr 1fr; gap:32px; } }
@media (max-width:560px){ .fvf-top{ grid-template-columns:1fr; } }