/*
    * WPX Navigation & Footer Styles
    * Compiled from: _mainmenu.scss, _footer.scss, _mobile-menu.scss
    *
    * Brand variables:
    *   $brand-primary : #96004E
    *   $brand-warning : #f4d802
    */

    /* ─── Reset / Base ──────────────────────────────────────────────────── */
    :root {
        --wpx-primary:  #96004E;
        --wpx-warning:  #f4d802;
        --wpx-white:    #ffffff;
    }

    /* Force pointer cursor on all interactive nav elements */
    #mainmenu a,
    #mainmenu button,
    #mainmenu .cta-container,
    #mainmenu .cta-container * {
        cursor: pointer !important;
    }

    /* ─── Fixed site-top wrapper (offer bar + nav) ──────────────────────── */
    #wpx-site-top {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: transparent;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ─── Promo banner ──────────────────────────────────────────────────── */
    .wpx-promo-banner {
        background: #00FF00 !important;
        color: #000 !important;
        width: 100% !important;
        height: 54px !important;
        display: flex !important;
        align-items: center !important;
        box-sizing: border-box;
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpx-promo-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 12px !important;
        width: 100%;
    }

    /* "79% off" — ExtraBold + underline */
    .wpx-bold {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 800 !important;
        font-size: 18px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        text-decoration: underline !important;
        text-decoration-style: solid !important;
        text-underline-offset: 14% !important;
        text-decoration-thickness: 8% !important;
        text-decoration-skip-ink: auto !important;
        color: #000 !important;
    }

    /* "your 1st month…" — Regular + underline */
    .wpx-regular {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        text-decoration: underline !important;
        text-decoration-style: solid !important;
        text-underline-offset: 14% !important;
        text-decoration-thickness: 8% !important;
        text-decoration-skip-ink: auto !important;
        color: #000 !important;
    }

    .wpx-promo-text {
        color: #000 !important;
        text-decoration: none !important;
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    .wpx-promo-text:hover {
        opacity: 0.85;
        color: #000 !important;
    }

    /* Button */
    .wpx-code-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        height: 38px !important;
        padding: 8px 16px !important;
        background: #ffffff !important;
        color: #000 !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        cursor: pointer !important;
        flex-shrink: 0;
        transition: background 0.15s ease;
    }

    .wpx-code-btn:hover {
        background: #f0f0f0 !important;
    }

    /* "Promo code:" label */
    .wpx-code-btn span {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        color: #000 !important;
    }

    /* "SAVE79" value */
    .wpx-code-btn strong {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 800 !important;
        font-size: 18px !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
        color: #000 !important;
    }

    .wpx-code-icon {
        fill: var(--Orange, #FB5718) !important;
        flex-shrink: 0;
        display: block;
    }

    /* Keep "Promo code:" on one line */
    .wpx-code-btn span {
        white-space: nowrap !important;
    }

    .wpx-code-btn.copied {
        background: #e6f9ec !important;
    }

    @media (max-width: 767px) {
        .wpx-promo-banner {
            height: auto !important;
            padding: 12px 0 !important;
        }

        .wpx-promo-inner {
            flex-direction: column !important;
            gap: 10px !important;
            text-align: center;
        }

        .wpx-bold,
        .wpx-regular,
        .wpx-code-btn span,
        .wpx-code-btn strong {
            font-size: 15px !important;
        }

        .wpx-code-btn {
            width: auto !important;
        }
    }

    /* ─── Main menu ─────────────────────────────────────────────────────── */
    #mainmenu {
        background: #fff;
        position: relative;
        margin: 0px 0;
        z-index: 10000 !important;
    }


    #mainmenu #logo {
        display: inline-block;
        margin-right: 30px;
    }

    #mainmenu #logo a svg {
        width: 130px;
        height: 40px;
    }

    #mainmenu #logo a svg .logo-text {
        fill: #96004E;
    }

    #mainmenu #logo a svg .logo-dot {
        fill: #f4d802;
    }

    #mainmenu .navbar {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #f2f2f2;
        min-height: 54px;
        margin: 0;
        padding: 8px 0;
        transition: all ease-in-out 200ms;
    }

    #mainmenu .navbar {
        padding: 21px 0;
    }

    /* Nav links */
    #mainmenu .navbar-nav > li {
        margin-bottom: 0;
    }

    #mainmenu .navbar-nav > li > a:not(.btn) {
        border: 1px solid transparent;
        color: #000;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
        margin: 0 0 0 -1px;
        padding: 8px 21px;
    }

    #mainmenu .navbar-nav > li > a:not(.btn):hover {
        color: #96004E !important;
    }

    #mainmenu .navbar-nav > li > .cta-container {
        display: flex;
        align-items: center;
        line-height: 28px;
        margin: 0 0 0 -1px;
        padding: 3px 0 0 21px;
        pointer-events: auto;
        cursor: pointer !important;
    }

    #mainmenu .navbar-nav > li .btn-lg {
        padding: 10px 16px;
        font-size: 14px;
    }

    #mainmenu .navbar-nav > .active > a:hover {
        color: #f4d802;
    }

    /* Dropdown toggle arrow */
    #mainmenu .dropdown-toggle::after {
        content: "\f078";
        border: none;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 12px;
        vertical-align: baseline;
        margin-left: 9px;
    }

    /* Open / hover dropdown active state */
    #mainmenu .dropdown.show .dropdown-toggle,
    #mainmenu .navbar-nav > li.dropdown:hover > a.dropdown-toggle {
        color: #96004E !important;
    }

    #mainmenu .navbar-nav > li.dropdown > a:not(.btn):hover,
    #mainmenu .navbar-nav > li.dropdown:hover > a:not(.btn),
    #mainmenu .dropdown.show .dropdown-toggle {
        background: #fff;
        border: 1px solid #f2f2f2;
        border-bottom: 0;
        padding-bottom: 9px;
        z-index: 10010;
    }

    /* Dropdown menu panel */
    #mainmenu .dropdown-menu {
        background: #fff;
        border: 1px solid #f2f2f2;
        border-radius: 0 0 9px 9px;
        box-shadow: none;
        padding: 0;
        min-width: 270px;
        margin: -1px 0 0 -1px;
        z-index: 10001;
        transition: visibility 0.15s, opacity 0.15s linear, margin 0.15s linear;
        visibility: hidden;
        opacity: 0;
        display: block;
    }

    #mainmenu .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
    }

    /* ── Open dropdown on hover (desktop only) ──────────────────────── */
    @media (min-width: 992px) {
        #mainmenu .navbar-nav > li.dropdown:hover > .dropdown-menu {
            visibility: visible;
            opacity: 1;
        }
    }

    #mainmenu .dropdown-menu {
        border-top-right-radius: 6px;
    }

    #mainmenu .dropdown-menu li {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    #mainmenu .dropdown-menu li:hover {
        background: #f2f2f2;
    }

    #mainmenu .dropdown-menu li a:not(.btn) {
        display: block;
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 22.5px;
        padding: 7px 15px;
        white-space: normal;
        color: #000;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    #mainmenu .dropdown-menu li > a:hover {
        background: transparent;
        color: #FB5718;
        text-decoration: none;
    }

    #mainmenu .dropdown-menu ul {
        margin: 0;
        list-style: none;
    }

    /* ── Start Now button ───────────────────────────────────────────── */
    #mainmenu a.btn-warning,
    #mainmenu a.btn-warning:visited {
        background-color: #FB5718 !important;
        border-color: #FB5718 !important;
        color: #fff !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0.6px !important;
        line-height: 17.5px !important;
        text-align: center !important;
        text-decoration: none;
        cursor: pointer !important;
        transition: background-color 0.15s ease, border-color 0.15s ease;
    }

    #mainmenu a.btn-warning:hover,
    #mainmenu a.btn-warning:focus {
        background-color: #d54a14 !important;
        border-color: #d54a14 !important;
        color: #fff !important;
        cursor: pointer !important;
    }

    /* ── Login button (outlined) ────────────────────────────────────── */
    #mainmenu a.btn-login,
    #mainmenu a.btn-login:visited,
    #mainmenu a.btn-login:link {
        color: #FB5718 !important;
        background-color: transparent !important;
        border: 1px solid #FB5718 !important;
        border-radius: 50px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        letter-spacing: 0.6px !important;
        line-height: 17.5px !important;
        text-align: center !important;
        padding: 9px 20px;
        text-decoration: none !important;
        display: inline-block;
        cursor: pointer;
        transition: color 0.15s ease, border-color 0.15s ease;
        box-shadow: none !important;
        pointer-events: auto !important;
    }

    #mainmenu a.btn-login:hover,
    #mainmenu a.btn-login:focus,
    #mainmenu a.btn-login:active {
        color: white !important;
        border-color: #F8470F !important;
        background-color: #F8470F !important;
        box-shadow: none !important;
        cursor: pointer;
        text-decoration: none !important;
    }

    /* ── Start Now pill shape ────────────────────────────────────────── */
    #mainmenu .btn-rounded,
    #mainmenu .btn-warning.btn-rounded {
        border-radius: 50px !important;
    }

    /* Login icon fallback (mobile) */
    .btn-left-navbar {
        color: #96004E;
        text-decoration: none;
    }

    .btn-left-navbar .fa-stack .fa-circle {
        color: #96004E;
    }

    /* ─── Sticky nav scroll behaviour ──────────────────────────────────── */
    /* Add class "nav-fixed" to #mainmenu via JS when the user scrolls past the header */

    /* ─── Footer ────────────────────────────────────────────────────────── */
    .wpx-footer {
        background: #96004E;
        color: #fff;
        width: 100%;
    }

    /* Logo */
    .wpx-footer-logo {
        width: 100px;
        height: auto;
        display: block;
    }

    .wpx-footer-logo .logo-text { fill: #fff; }
    .wpx-footer-logo .logo-dot  { fill: #f4d802; }

    /* Social icons */
    .wpx-footer-socials {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .wpx-footer-socials a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #fb5718;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        transition: opacity 0.15s ease;
    }

    .wpx-footer-socials a:hover {
        opacity: 0.8;
        color: #fff;
    }

    /* Column headings */
    .wpx-footer-heading {
        color: #fff;
        display: inline;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        text-align: left;
        margin-bottom: 3px;
    }

    /* Link lists */
    .wpx-footer-links {
        margin: 3px 0 0 0;
        padding: 0;
    }

    .wpx-footer-links li {
        margin-bottom: 6px;
        line-height: 21px;
    }

    .wpx-footer-links li:last-child {
        margin-bottom: 0;
    }

    .wpx-footer-links li a {
        color: #fff;
        display: inline;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
        text-align: left;
        text-decoration: none;
        transition: color 0.15s ease;
    }

    .wpx-footer-links li a:hover {
        color: #f4d802;
    }

    /* Copyright bar */
    .wpx-footer-copy {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        color: rgba(255, 255, 255, 0.75);
        padding: 16px 0;
    }

    .wpx-footer-copy a {
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }

    .wpx-footer-copy a:hover {
        text-decoration: underline;
    }

    /* Spacing helpers used in footer */
    .mt-15,  .wpx-mt-15  { margin-top: 15px; }
    .pt-40,  .wpx-pt-40  { padding-top: 40px; }
    .pb-20,  .wpx-pb-20  { padding-bottom: 20px; }
    .mb-30,  .wpx-mb-30  { margin-bottom: 30px; }

    /* ─── Responsive: mobile nav ────────────────────────────────────────── */
    @media only screen and (max-width: 768px) {
        #mainmenu #logo a svg {
            width: 140px;
            margin-top: 7px;
            margin-left: 10px;
        }

        #mainmenu .dropdown.show .dropdown-toggle {
            border: 0;
        }

        footer li > a {
            margin: 20px 0;
            display: block;
        }

        footer li:last-child > a {
            margin-bottom: 0;
        }
    }

    @media only screen and (max-width: 991px) {
        .account-menu {
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 1200px) {
        #mainmenu > .container {
            max-width: 100%;
        }

        #mainmenu .navbar-nav > li > a {
            padding: 8px 15px;
        }

        #mainmenu .dropdown-menu li {
            margin: 5px 0;
        }

        #mainmenu .dropdown-menu li:first-child {
            margin-top: 0;
        }

        #mainmenu .dropdown-menu li:last-child {
            margin-bottom: 0;
        }
    }

    /* ─── Sticky TOC sidebar ────────────────────────────────────────────── 
    #wpx-toc-sidebar {
        position: fixed;
        top: 200px; /* sits below the fixed header */
        left: 60px;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9000;
        scrollbar-width: thin;
    }

    #wpx-toc-sidebar::-webkit-scrollbar {
        width: 4px;
    }

    #wpx-toc-sidebar::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

    .ez-toc-widget-sticky-title-toggle{
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        color: #000;
        text-decoration: none;
        transition: color 0.15s ease;
        display: block;
        margin-bottom: 10px;
    }
    .ez-toc-link{
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #000;
        text-decoration: none;
        transition: color 0.15s ease;
        display: block;
    }
    .ez-toc-widget-sticky-container{
        border-radius: 25px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    
    }
    .ez-toc-widget-sticky-list{
        list-style-type: none;
        padding-left: 0; 
    }
    */

    /* Push page content to the right so sidebar doesn't overlap */
    @media (min-width: 992px) {
        body.single #wpx-toc-sidebar,
        body.page #wpx-toc-sidebar {
            display: block;
        }

        body.single .wp-site-blocks,
        body.page .wp-site-blocks {
            padding-left: 260px !important;
        }
    }

    /* Hide sidebar on smaller screens */
    @media (max-width: 991px) {
        #wpx-toc-sidebar {
            display: none !important;
        }
    }