/*
Theme Name: Lake Ozark Jeep Visual Editor Glow
Theme URI: https://example.com/
Author: Midwest Horizons Marketing, LLC
Description: Neon WordPress theme built for easy visual editing with editable main menu and editable footer settings.
Version: 3.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: lake-ozark-jeep-visual-editor-glow
*/

:root{
  --bg:#04050a;--bg2:#0a0b12;--text:#ffffff;--muted:rgba(255,255,255,.82);
  --red:#ff3b3b;--blue:#2e7bff;--cyan:#18e7ff;--pink:#ff43d0;--lime:#b8ff37;--orange:#ff9a1f;
  --panel:rgba(255,255,255,.07);--border:rgba(255,255,255,.12);--radius:28px;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,59,59,.24), transparent 18%),
    radial-gradient(circle at 80% 12%, rgba(24,231,255,.22), transparent 18%),
    radial-gradient(circle at 60% 55%, rgba(255,67,208,.14), transparent 22%),
    radial-gradient(circle at 25% 80%, rgba(184,255,55,.10), transparent 18%),
    linear-gradient(180deg,var(--bg2),var(--bg));
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.5;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.site-bg-grid{
  position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:40px 40px;
}
.orb{
  position:fixed;border-radius:999px;filter:blur(60px);opacity:.55;pointer-events:none;z-index:0;
  background:radial-gradient(circle, rgba(255,67,208,.95) 0%, rgba(24,231,255,.7) 38%, rgba(255,154,31,.35) 58%, rgba(0,0,0,0) 76%);
}
.orb-1{left:-8rem;top:4rem;width:18rem;height:18rem}
.orb-2{right:-5rem;top:6rem;width:26rem;height:26rem}
.orb-3{left:22%;bottom:-4rem;width:26rem;height:26rem}
.orb-4{right:14%;bottom:10%;width:22rem;height:22rem}

.wrap{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:24px 16px 110px}
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border:1px solid rgba(24,231,255,.35);
  background:linear-gradient(135deg, rgba(255,67,208,.12), rgba(24,231,255,.08), rgba(184,255,55,.06));
  backdrop-filter:blur(18px);
  border-radius:999px;padding:8px 14px;
  box-shadow:0 0 30px rgba(24,231,255,.18), 0 0 50px rgba(255,67,208,.12);
  position:sticky;top:16px;z-index:40;
}
.brand{display:flex;align-items:center;gap:12px}
.brand-badge{
  width:44px;height:44px;border-radius:999px;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(255,67,208,.35), rgba(24,231,255,.22));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 0 22px rgba(255,67,208,.22),0 0 22px rgba(24,231,255,.18);
  font-size:17px
}
.brand-kicker{font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#9ff6ff;text-shadow:0 0 16px rgba(24,231,255,.45)}
.brand-title{font-weight:800}
.desktop-nav{display:none;gap:16px;align-items:center}
.desktop-nav a,.desktop-nav .menu > li > a{
  font-size:14px;color:rgba(255,255,255,.92);padding:10px 14px;border-radius:999px;
  transition:.2s ease;display:inline-block
}
.desktop-nav a:hover,.desktop-nav .menu > li > a:hover{
  background:rgba(24,231,255,.12);box-shadow:0 0 18px rgba(24,231,255,.18);color:#fff
}
.desktop-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.desktop-nav li{position:relative}
.desktop-nav .sub-menu{
  display:none;position:absolute;top:100%;left:0;min-width:220px;padding:10px;
  background:rgba(10,11,18,.95);border:1px solid rgba(255,255,255,.12);border-radius:18px;
  box-shadow:0 0 22px rgba(24,231,255,.12);backdrop-filter:blur(18px)
}
.desktop-nav li:hover > .sub-menu{display:block}
.desktop-nav .sub-menu li{display:block}
.desktop-nav .sub-menu a{display:block}

.register-button{
  display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
  width:210px;height:50px;border-radius:999px;
  border:1px solid rgba(255,90,90,.72);
  background:linear-gradient(135deg, rgba(255,59,59,.24), rgba(255,67,208,.18));
  box-shadow:0 0 20px rgba(255,59,59,.38),0 0 36px rgba(255,67,208,.22), inset 0 0 14px rgba(255,255,255,.08);
  color:#fff;font-weight:900;letter-spacing:.24em;text-transform:uppercase;font-size:13px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.register-button:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(255,59,59,.48),0 0 42px rgba(255,67,208,.28)}
.register-button .label{position:relative;z-index:3}
.register-button .jeep{
  position:absolute;left:0;top:50%;transform:translate(-100px,-50%);font-size:32px;
  transition:transform .85s cubic-bezier(.22,1,.36,1);z-index:4;
}
.register-button:hover .jeep,.register-button.drive .jeep{transform:translate(160px,-50%)}
.register-button::after{
  content:"";position:absolute;left:-25%;top:0;width:35%;height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transform:skewX(-20deg);opacity:.0;
}
.register-button.drive::after{animation:registershine 1.2s ease-out .12s 1}
@keyframes registershine{0%{left:-25%;opacity:0}20%{opacity:1}100%{left:115%;opacity:0}}

.jeep-toggle{
  border:1px solid rgba(24,231,255,.5);background:linear-gradient(135deg, rgba(24,231,255,.14), rgba(255,67,208,.12));
  color:#d5f9ff;border-radius:999px;width:176px;height:48px;position:relative;overflow:hidden;cursor:pointer;
  font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;box-shadow:0 0 22px rgba(24,231,255,.14);
}
.jeep-toggle .jeep{position:absolute;left:0;top:50%;transform:translate(-110px,-50%);font-size:34px;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.jeep-toggle.open .jeep{transform:translate(126px,-50%)}
.mobile-menu{display:none;width:100%;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.mobile-menu.open{display:grid;gap:8px}
.mobile-menu a{padding:14px 16px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,.05)}

.card,.panel{
  border:1px solid var(--border);background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  backdrop-filter:blur(18px);border-radius:var(--radius);box-shadow:0 0 26px rgba(24,231,255,.06)
}
.page-hero{padding:32px 0 24px}
.page-box{padding:32px}
.page-copy,.page-copy p{color:var(--muted);line-height:1.7}
.page-copy h1,.page-copy h2,.page-copy h3,.page-copy h4{color:#fff}

.site-footer{padding:0 0 36px}
.footer-shell{
  display:grid;gap:18px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg, rgba(255,67,208,.12), rgba(24,231,255,.08), rgba(184,255,55,.05));
  border-radius:32px;padding:28px;box-shadow:0 0 32px rgba(255,67,208,.10), 0 0 24px rgba(24,231,255,.08)
}
.footer-title{
  margin:0;font-size:clamp(26px,4vw,42px);font-weight:900;
  background:linear-gradient(90deg, #ff8ee6, #ffffff, #91f5ff, #d7ff8a);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(24,231,255,.24))
}
.footer-text{color:var(--muted);font-size:15px;line-height:1.7}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.10);padding-top:16px}
.footer-nav,.footer-nav ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.footer-nav a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.footer-nav a:hover{box-shadow:0 0 16px rgba(255,67,208,.16),0 0 16px rgba(24,231,255,.14)}
.footer-meta{font-size:13px;color:rgba(255,255,255,.64)}

.mobile-dock{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;width:min(92vw,760px);
  padding:8px;border-radius:999px;border:1px solid var(--border);background:rgba(0,0,0,.58);backdrop-filter:blur(16px);
  box-shadow:0 0 35px rgba(24,231,255,.12)
}
.mobile-dock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.75)}

.fireworks{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.burst{position:absolute;width:150px;height:150px;opacity:0;animation:burst 2.1s ease-out forwards}
.burst::before,.burst::after{content:"";position:absolute;inset:0;border-radius:999px}
.burst::before{
  background:
    radial-gradient(circle, rgba(255,255,255,.98) 0 4%, transparent 5% 100%),
    repeating-conic-gradient(from 0deg, rgba(255,67,208,.96) 0deg 8deg, transparent 8deg 20deg, rgba(24,231,255,.96) 20deg 30deg, transparent 30deg 42deg, rgba(184,255,55,.92) 42deg 48deg, transparent 48deg 60deg);
  mask:radial-gradient(circle, transparent 0 18%, #000 19% 74%, transparent 75% 100%);
  filter:blur(1px) drop-shadow(0 0 12px rgba(24,231,255,.88))
}
.burst::after{
  background:radial-gradient(circle, rgba(255,255,255,.98), rgba(255,67,208,.4), rgba(24,231,255,.25), transparent 65%);
  transform:scale(.16);animation:core 1.8s ease-out forwards
}
@keyframes burst{0%{transform:scale(.1);opacity:0}18%{opacity:1}100%{transform:scale(1.55);opacity:0}}
@keyframes core{0%{transform:scale(.08);opacity:0}25%{opacity:1}100%{transform:scale(1.12);opacity:0}}

.header-jeep-run{
  position:fixed;left:-180px;top:28px;z-index:60;font-size:56px;pointer-events:none;opacity:0;
  filter:drop-shadow(0 0 16px rgba(24,231,255,.35)) drop-shadow(0 0 22px rgba(255,67,208,.22));
}
.header-jeep-run.run{animation:headerjeep 2.8s cubic-bezier(.22,1,.36,1) .25s 1 forwards}
.header-smoke{
  position:fixed;left:-120px;top:44px;z-index:55;width:120px;height:60px;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 30% 50%, rgba(255,255,255,.55), rgba(24,231,255,.18), rgba(255,255,255,0) 70%);
  filter:blur(16px);
}
.header-smoke.run{animation:headersmoke 2.2s ease-out .35s 1 forwards}
@keyframes headerjeep{
  0%{transform:translateX(0) rotate(-2deg);opacity:0}
  8%{opacity:1}
  100%{transform:translateX(calc(100vw + 280px)) rotate(0deg);opacity:0}
}
@keyframes headersmoke{
  0%{transform:translateX(0) scale(.4);opacity:0}
  15%{opacity:.8}
  100%{transform:translateX(260px) scale(2.4);opacity:0}
}

.home-editor-shell{padding:32px}
.home-editor-shell > * + *{margin-top:24px}
.home-editor-shell .wp-block-group,.home-editor-shell .wp-block-columns,.home-editor-shell .wp-block-cover,.home-editor-shell .wp-block-media-text,.home-editor-shell .wp-block-image,.home-editor-shell .wp-block-buttons{margin-bottom:24px}
.home-editor-shell h1{
  margin:16px 0 0;font-size:clamp(58px,10vw,118px);line-height:.84;font-weight:900;
  background:linear-gradient(90deg, #ff67d7, #ffffff, #83f7ff, #d0ff6e);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(24,231,255,.5))
}
.home-editor-shell h2{margin:8px 0 0;font-size:clamp(32px,5vw,56px);font-weight:900;color:#fff}
.home-editor-shell h3,.home-editor-shell h4{color:#fff}
.home-editor-shell p{color:rgba(255,255,255,.82);line-height:1.8}
.home-editor-shell .wp-block-button__link{border-radius:999px;padding:16px 24px;font-weight:800;text-decoration:none}
.home-editor-shell .wp-block-button.is-style-neon-red .wp-block-button__link,.home-editor-shell .is-style-neon-red .wp-block-button__link{
  background:linear-gradient(135deg, rgba(255,67,208,.22), rgba(255,59,59,.18));
  border:1px solid rgba(255,67,208,.45);box-shadow:0 0 26px rgba(255,67,208,.18), 0 0 26px rgba(255,59,59,.12);color:#fff
}
.home-editor-shell .wp-block-button.is-style-neon-blue .wp-block-button__link,.home-editor-shell .is-style-neon-blue .wp-block-button__link{
  background:linear-gradient(135deg, rgba(24,231,255,.16), rgba(46,123,255,.14));
  border:1px solid rgba(24,231,255,.4);box-shadow:0 0 26px rgba(24,231,255,.14), 0 0 16px rgba(46,123,255,.12);color:#e7fdff
}
.home-editor-shell .wp-block-button.is-style-neon-lime .wp-block-button__link,.home-editor-shell .is-style-neon-lime .wp-block-button__link{
  background:linear-gradient(135deg, rgba(184,255,55,.18), rgba(255,154,31,.12));
  border:1px solid rgba(184,255,55,.38);box-shadow:0 0 22px rgba(184,255,55,.14);color:#f5ffdb
}
.home-editor-shell .wp-block-group.is-style-neon-panel,.home-editor-shell .is-style-neon-panel{
  border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  backdrop-filter:blur(18px);border-radius:28px;padding:24px;box-shadow:0 0 22px rgba(24,231,255,.06)
}
.home-editor-shell img{border-radius:22px;box-shadow:0 0 24px rgba(24,231,255,.10)}
.home-editor-shell hr{border:none;border-top:1px solid rgba(255,255,255,.10);margin:28px 0}

.editor-styles-wrapper{background:#0a0b12;color:#fff}
.editor-styles-wrapper .wp-block{max-width:1100px}
.editor-styles-wrapper h1{background:linear-gradient(90deg, #ff67d7, #ffffff, #83f7ff, #d0ff6e);-webkit-background-clip:text;background-clip:text;color:transparent}
.editor-styles-wrapper .wp-block-button.is-style-neon-red .wp-block-button__link{background:linear-gradient(135deg, rgba(255,67,208,.22), rgba(255,59,59,.18));border:1px solid rgba(255,67,208,.45);color:#fff}
.editor-styles-wrapper .wp-block-button.is-style-neon-blue .wp-block-button__link{background:linear-gradient(135deg, rgba(24,231,255,.16), rgba(46,123,255,.14));border:1px solid rgba(24,231,255,.4);color:#e7fdff}
.editor-styles-wrapper .wp-block-button.is-style-neon-lime .wp-block-button__link{background:linear-gradient(135deg, rgba(184,255,55,.18), rgba(255,154,31,.12));border:1px solid rgba(184,255,55,.38);color:#f5ffdb}
.editor-styles-wrapper .wp-block-group.is-style-neon-panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:28px;padding:24px}

@media (min-width:900px){
  .wrap{padding-left:32px;padding-right:32px}
  .desktop-nav{display:flex}
  .footer-shell{grid-template-columns:1.15fr .85fr}
  .mobile-dock{display:none}
}
.brand{
text-decoration:none;
color:inherit;
display:flex;
align-items:center;
gap:12px;
}