.elementor-2207 .elementor-element.elementor-element-bbbb4a9{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4d31c32 *//* =========================================
   1. DESKTOP BASE (Applies to all screens first)
========================================= */
.rogue-master-header {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 999999;
    background: #000000; border-bottom: 2px solid #4B0082; height: 90px;
    font-family: sans-serif; box-sizing: border-box;
}

.rogue-nav-container {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    max-width: 1500px; margin: 0 auto; height: 100%; padding: 0 30px;
}

.rogue-logo { flex: 0 0 auto; }
.rogue-logo img { height: 50px; width: auto; display: block; transition: 0.3s; }
.rogue-logo img:hover { transform: scale(1.05); }

/* CENTER MENU LAYOUT */
.rogue-nav-menu { flex: 1 1 auto !important; display: flex !important; justify-content: center !important; }
.rogue-main-ul { display: flex !important; flex-direction: row !important; gap: 30px; list-style: none; margin: 0; padding: 0; }

/* MAIN LINKS & LABELS (White -> Gold) */
.rogue-main-ul > li > a,
.rogue-drop-label {
    color: #ffffff !important; text-decoration: none !important; text-transform: uppercase;
    font-weight: 900 !important; font-size: 13px; letter-spacing: 1.5px; transition: 0.3s;
    cursor: pointer; display: block;
}
.rogue-main-ul > li > a:hover,
.rogue-drop-label:hover {
    background-image: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c) !important;
    -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important;
}

/* DESKTOP DROPDOWNS */
.rogue-dropdown { position: relative; }
.rogue-sub-ul {
    position: absolute; top: 100%; left: 0; background: #080808;
    border: 1px solid #222; border-top: 3px solid #4B0082;
    min-width: 260px; padding: 15px 0; margin-top: 25px;
    opacity: 0; visibility: hidden; pointer-events: none; 
    transition: 0.3s ease; border-radius: 0 0 8px 8px; list-style: none;
}
.rogue-dropdown:hover .rogue-sub-ul { opacity: 1; visibility: visible; pointer-events: auto; }

/* SUBMENU LINKS (Grey -> Teal) */
.rogue-sub-ul li a {
    color: #bbbbbb !important; text-decoration: none !important; text-transform: uppercase;
    font-weight: 700; font-size: 11px; display: block; padding: 12px 25px; border-bottom: 1px solid #111; transition: 0.3s;
}
.rogue-sub-ul li a:hover { color: #03C5C7 !important; background: #111111; }
.r-arrow { font-size: 9px; margin-left: 5px; color: #4B0082; }

/* RIGHT SIDE ACTIONS */
.rogue-actions { flex: 0 0 auto; display: flex !important; align-items: center; gap: 15px; }
.rogue-call-btn {
    background: #ffffff !important; color: #000 !important; width: 45px; height: 45px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; font-size: 20px; text-decoration: none !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.3); transition: 0.3s; flex-shrink: 0;
}
.rogue-call-btn:hover { background: #03C5C7 !important; box-shadow: 0 0 15px #03C5C7; transform: scale(1.1); }

.rogue-quote-btn {
    background: #4B0082 !important; color: #ffffff !important; padding: 12px 20px;
    font-weight: 900; font-size: 11px; border-radius: 4px; text-decoration: none !important; 
    text-transform: uppercase; box-shadow: 0 0 12px #4B0082; transition: 0.3s; white-space: nowrap;
}
.rogue-quote-btn:hover { transform: scale(1.05); }

/* Hide hamburger on desktop */
.rogue-hamburger { display: none !important; }
body { padding-top: 90px; }


/* =========================================
   2. MOBILE & TABLET OVERRIDES (Under 1024px)
========================================= */
@media (max-width: 1024px) {
    .rogue-nav-container { padding: 0 15px; }
    .rogue-logo img { height: 40px; }
    .rogue-actions { gap: 10px; }
    .rogue-call-btn { width: 40px; height: 40px; font-size: 18px; }
    .rogue-quote-btn { padding: 10px 14px; font-size: 10px; }

    /* Show Hamburger Menu */
    .rogue-hamburger { display: flex !important; flex-direction: column; justify-content: space-between; width: 28px; height: 20px; cursor: pointer; margin-left: 5px; }
    .rogue-hamburger span { display: block; height: 3px; background: #fff; border-radius: 2px; transition: 0.3s; }

    /* Hide Center Nav & Turn it into the Dropdown Overlay */
    .rogue-nav-menu {
        position: absolute !important; top: 90px; left: 0; width: 100%;
        background: #000000; border-bottom: 2px solid #4B0082;
        max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out;
        display: block !important; 
    }

    /* Open Menu when Hamburger is tapped */
    #rogue-mobile-toggle:checked ~ .rogue-nav-container .rogue-nav-menu { max-height: 100vh; overflow-y: auto; }

    /* Turn Hamburger to 'X' */
    #rogue-mobile-toggle:checked ~ .rogue-nav-container .rogue-hamburger span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    #rogue-mobile-toggle:checked ~ .rogue-nav-container .rogue-hamburger span:nth-child(2) { opacity: 0; }
    #rogue-mobile-toggle:checked ~ .rogue-nav-container .rogue-hamburger span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

    /* Stack the links vertically */
    .rogue-main-ul { flex-direction: column !important; padding: 20px 30px; }
    .rogue-main-ul > li { padding: 15px 0; border-bottom: 1px solid #1a1a1a; }
    
    /* Bump font size up for easy reading on phones */
    .rogue-main-ul > li > a, .rogue-drop-label { font-size: 15px !important; }

    /* Hide Submenus on Mobile initially */
    .rogue-sub-ul {
        position: relative; display: none; opacity: 1; visibility: visible; pointer-events: auto;
        background: transparent; border: none; border-left: 2px solid #4B0082; border-radius: 0;
        margin-top: 15px; padding: 0 0 0 15px; min-width: 100%;
    }
    
    /* Reveal Submenus ONLY when label is tapped */
    .rogue-drop-check:checked ~ .rogue-sub-ul { display: block; }

    .rogue-sub-ul li a { border: none !important; padding: 8px 0 !important; font-size: 12px; }
    .r-arrow { float: right; font-size: 12px; }
}/* End custom CSS */