/* ============================================================
   1W2R — Canonical Navigation + Site Stylesheet  (v7)
   Loaded via the WPCode snippet on every page:
   <link rel="stylesheet" href="https://www.1w2r.com/wp-content/uploads/2026/05/1w2r-nav.css?v=7">
   v6 adds site-wide normalization (frosted form buttons, clean
   event-rental glass, no spinning edge, clean heading, dropdown-open)
   so every page matches the event-rental look without per-page edits.
   ============================================================ */

/* --- top nav bar: frosted glass so the hero never leaks through bare --- */
#main-nav{ position:fixed !important; top:0; left:0; right:0; z-index:1000; height:80px; display:flex; align-items:center;
  background:rgba(12,13,16,.78) !important; background-color:rgba(12,13,16,.78) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2); backdrop-filter:blur(20px) saturate(1.2);
  border-bottom:1px solid rgba(255,255,255,.10); transition:background .3s ease; }
#main-nav.scrolled{ background:rgba(10,11,14,.90) !important; background-color:rgba(10,11,14,.90) !important; }
#main-nav .nav-inner{ max-width:1600px; margin:0 auto; width:100%; padding:0 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
#main-nav .nav-logo{ display:flex; align-items:center; gap:.5rem; text-decoration:none; } #main-nav .nav-logo img{ height:40px; width:auto; } #main-nav .nav-logo span{ font-size:1.4rem; font-weight:900; letter-spacing:-.03em; color:#d4af37; }

/* --- desktop link row (hidden on mobile/tablet, flex on desktop) --- */
#main-nav .nav-links{ display:none; align-items:center; gap:1.5rem; }
#main-nav .nav-links > a{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#e2e2e2; text-decoration:none; transition:color .2s; }
#main-nav .nav-links > a:hover, #main-nav .nav-links > a.active{ color:#d4af37; }
#main-nav .nav-links .financing-link{ display:flex; align-items:center; gap:.35rem; color:#d4af37; }

/* --- Products dropdown --- */
#main-nav .nav-dd{ position:relative; }
#main-nav .nav-dd::after{ content:''; position:absolute; top:100%; left:-16px; right:-16px; height:28px; }
#main-nav .nav-dd .dd-toggle{ display:flex; align-items:center; gap:.25rem; cursor:pointer; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#e2e2e2; }
#main-nav .nav-dd:hover .dd-toggle{ color:#d4af37; }
#main-nav .nav-dd .dd-caret{ font-size:16px; transition:transform .25s; }
#main-nav .nav-dd:hover .dd-caret, #main-nav .nav-dd.open .dd-caret{ transform:rotate(180deg); }

#main-nav .dd-menu{ position:absolute !important; top:calc(100% + 14px); left:50%; transform:translateX(-50%) translateY(8px);
  min-width:268px; padding:.55rem; border-radius:16px;
  max-height:min(72vh, 580px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
  background:linear-gradient(150deg, rgba(26,27,33,.62), rgba(15,16,21,.66)) !important;
  -webkit-backdrop-filter:blur(34px) saturate(1.35); backdrop-filter:blur(34px) saturate(1.35);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 60px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.14);
  opacity:0 !important; visibility:hidden !important; pointer-events:none;
  transition:opacity .25s cubic-bezier(.16,1,.3,1), transform .25s cubic-bezier(.16,1,.3,1), visibility .25s; }
/* keep open on hover OR when the script adds .open */
#main-nav .nav-dd:hover .dd-menu, #main-nav .dd-menu:hover, #main-nav .nav-dd.open .dd-menu{ opacity:1 !important; visibility:visible !important; pointer-events:auto; transform:translateX(-50%) translateY(0); }
#main-nav .dd-menu a{ display:block; padding:.6rem .85rem; border-radius:9px; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:none; color:#f4f3ef !important; white-space:nowrap; text-decoration:none; }
#main-nav .dd-menu a:hover{ background:rgba(212,175,55,.20); color:#fff !important; }
#main-nav .dd-menu a .dd-sub{ display:block; font-size:10px; font-weight:400; letter-spacing:.02em; text-transform:none; color:#9a978c; margin-top:2px; }
#main-nav .dd-menu::-webkit-scrollbar{ width:8px; } #main-nav .dd-menu::-webkit-scrollbar-thumb{ background:rgba(212,175,55,.45); border-radius:8px; } #main-nav .dd-menu::-webkit-scrollbar-track{ background:transparent; }

/* --- right side: phone + CTA + hamburger --- */
#main-nav .nav-right{ display:flex; align-items:center; gap:1rem; }
#main-nav .nav-phone{ display:none; align-items:center; gap:.4rem; color:#d4af37; text-decoration:none; font-size:14px; font-weight:700; }
#main-nav .nav-cta{ display:inline-flex; align-items:center; color:#fff !important; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.15em; padding:.7rem 1.4rem; text-decoration:none; white-space:nowrap; background:rgba(255,255,255,.10) !important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.22) !important; border-radius:999px !important; box-shadow:0 0 18px rgba(212,175,55,.18); transition:all .3s; }
#main-nav .nav-cta:hover{ background:rgba(255,255,255,.2) !important; box-shadow:0 0 34px rgba(212,175,55,.45); }
#main-nav #mobile-menu-btn{ background:transparent; border:none; color:#d4af37; cursor:pointer; padding:.5rem; display:flex; z-index:1001; }

/* --- mobile slide-down menu --- */
#mnav{ position:fixed; top:80px; left:0; width:100%; height:calc(100vh - 80px); background:rgba(10,10,10,.97); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); z-index:990; display:none; flex-direction:column; overflow-y:auto; }
#mnav.open{ display:flex; }
#mnav a{ font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; padding:18px; text-align:center; border-bottom:1px solid rgba(255,255,255,.06); color:#e2e2e2; text-decoration:none; }
#mnav a.sub{ font-size:11px; color:#bdbab0; text-transform:none; letter-spacing:.04em; padding:13px; background:rgba(255,255,255,.02); }

/* --- floating call button: consistent frosted-glass round --- */
.float-call, .floating-call{ position:fixed !important; right:22px; bottom:22px; z-index:950; width:60px !important; height:60px !important;
  border-radius:50% !important; display:flex !important; align-items:center; justify-content:center;
  color:#f2ca50 !important; text-decoration:none;
  background:rgba(255,255,255,.12) !important; -webkit-backdrop-filter:blur(18px) saturate(1.2); backdrop-filter:blur(18px) saturate(1.2);
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.4), 0 0 22px rgba(212,175,55,.25) !important; }
.float-call:hover, .floating-call:hover{ box-shadow:0 8px 36px rgba(0,0,0,.5), 0 0 40px rgba(212,175,55,.5) !important; transform:scale(1.06); }
.float-call .material-symbols-outlined, .floating-call .material-symbols-outlined{ font-size:26px !important; color:#f2ca50 !important; }
.float-call svg, .floating-call svg{ width:26px !important; height:26px !important; }

/* desktop breakpoint: show link row + phone, hide hamburger */
@media(min-width:1024px){
  #main-nav .nav-links{ display:flex !important; }
  #main-nav .nav-phone{ display:flex !important; }
  #main-nav #mobile-menu-btn{ display:none !important; }
}

/* ============================================================
   v6 — SITE-WIDE NORMALIZATION (match the event-rental look everywhere)
   ============================================================ */

/* frosted-glass 2-step form buttons (was solid gold) */
#lead-next, #lead-send{
  width:100% !important; background:rgba(255,255,255,.1) !important;
  -webkit-backdrop-filter:blur(16px) !important; backdrop-filter:blur(16px) !important;
  color:#fff !important; border:1px solid rgba(255,255,255,.22) !important;
  border-radius:999px !important; box-shadow:0 0 26px rgba(212,175,55,.32) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.5) !important; }
#lead-next:hover, #lead-send:hover{ background:rgba(255,255,255,.2) !important; border-color:rgba(255,255,255,.4) !important; box-shadow:0 0 42px rgba(212,175,55,.55) !important; }

/* clean event-rental glass on every card + remove the spinning colored edge */
.glass{
  background:rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1) !important; backdrop-filter:blur(22px) saturate(1.1) !important;
  border:1px solid rgba(255,255,255,.2) !important;
  box-shadow:0 8px 40px rgba(0,0,0,.3), 0 0 22px rgba(212,175,55,.12) !important; }
.glass:hover{ border-color:rgba(255,255,255,.32) !important; box-shadow:0 16px 50px rgba(0,0,0,.4), 0 0 42px rgba(212,175,55,.45) !important; }
.glass::before{ display:none !important; }
.glass::after{ display:none !important; }

/* clean gold heading sweep (kill the dark text-shadow cast) */
.gold-text{ text-shadow:none !important; }

/* ============================================================
   v7 — injected continuous photo background (pages that lack one)
   ============================================================ */
.page-bg{ position:fixed; inset:0; z-index:-2; }
.page-bg img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 2s ease; }
.page-bg img.bg-active{ opacity:1; }
.page-bg-overlay{ position:fixed; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(10,11,11,.5), rgba(10,11,11,.62)),
             radial-gradient(circle at 50% 38%, rgba(10,11,11,.32), rgba(10,11,11,.66)); }
/* only the pages where the script injected a background go transparent */
html.onew2r-bg, html.onew2r-bg body{ background:transparent !important; background-color:transparent !important; }