.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   FABRICORE HEADER & MINIMALIST SLIDE-OUT MOBILE DRAWER
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GLOBAL & DESKTOP HEADER (min-width: 769px)
   -------------------------------------------------------------------------- */
.site-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #EAEAEC !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9990 !important;
    padding: 0 !important;
    min-height: unset !important;
}

/* Offset for logged-in WordPress admin bar */
.admin-bar .site-header {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px !important;
    }
}

.site-header .inside-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    height: 64px !important;
    box-sizing: border-box !important;
}

/* Desktop Logo */
.site-header .site-logo {
    margin-right: 32px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.site-header .header-image {
    max-height: 42px !important;
    width: auto !important;
    display: block !important;
}

/* Desktop Navigation Container */
@media (min-width: 769px) {
    .main-navigation {
        background: transparent !important;
        flex-grow: 1 !important;
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }

    .main-navigation .inside-navigation {
        width: 100% !important;
        padding: 0 !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-navigation .main-nav {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .main-navigation .main-nav > ul {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        gap: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        list-style: none !important;
    }

    .main-navigation .main-nav > ul > li {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .main-navigation .main-nav > ul > li > a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #282C3F !important;
        padding: 0 !important;
        height: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        position: relative !important;
        transition: color 0.2s ease !important;
    }

    /* Desktop Hover Underline Accent */
    .main-navigation .main-nav > ul > li > a::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 2.5px !important;
        background-color: #232323 !important;
        transform: scaleX(0) !important;
        transition: transform 0.2s ease-in-out !important;
        transform-origin: center !important;
    }

    .main-navigation .main-nav > ul > li:hover > a::after,
    .main-navigation .main-nav > ul > li.current-menu-item > a::after {
        transform: scaleX(1) !important;
    }

    .main-navigation .main-nav > ul > li:hover > a {
        color: #000000 !important;
    }

    /* Dropdown Arrows Tight to Text */
    .main-navigation .menu-item-has-children .dropdown-menu-toggle,
    .dropdown-menu-toggle {
        padding: 0 !important;
        margin: 0 0 0 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    .dropdown-menu-toggle .gp-icon {
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .dropdown-menu-toggle svg {
        width: 8px !important;
        height: 8px !important;
        fill: #666666 !important;
        display: block !important;
        transition: transform 0.2s ease !important;
    }

    .menu-item-has-children:hover .dropdown-menu-toggle svg {
        transform: rotate(180deg) !important;
    }

    /* Desktop Action Buttons: Cart & My Account on Far Right */
    .main-navigation .main-nav > ul > li#menu-item-75 {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 {
        margin-left: -14px !important;
        margin-right: 0 !important;
    }

    /* Cart Button */
    .main-navigation .main-nav > ul > li#menu-item-75 > a {
        background: #232323 !important;
        color: #FFFFFF !important;
        border-radius: 4px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #232323 !important;
        box-sizing: border-box !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-75 > a::after {
        display: none !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-75 > a:hover {
        background: #404040 !important;
        border-color: #404040 !important;
        color: #FFFFFF !important;
    }

    /* My Account Button */
    .main-navigation .main-nav > ul > li#menu-item-77 > a {
        background: #FFFFFF !important;
        border: 1px solid #D4D5D9 !important;
        color: #232323 !important;
        border-radius: 4px !important;
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.04em !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 > a::after {
        display: none !important;
    }

    .main-navigation .main-nav > ul > li#menu-item-77 > a:hover {
        border-color: #232323 !important;
        color: #000000 !important;
    }

    /* Hide redundant Checkout in top bar */
    .main-navigation .main-nav > ul > li#menu-item-183 {
        display: none !important;
    }

    /* Desktop Submenu Dropdown Card */
    .main-navigation ul ul {
        background-color: #FFFFFF !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
        border: 1px solid #F0F0F0 !important;
        border-top: 2px solid #232323 !important;
        border-radius: 0 0 4px 4px !important;
        padding: 10px 0 !important;
        min-width: 220px !important;
        top: 64px !important;
    }

    .main-navigation ul ul li a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #535766 !important;
        padding: 9px 22px !important;
        height: auto !important;
        text-transform: capitalize !important;
        letter-spacing: 0.02em !important;
        transition: all 0.2s ease !important;
    }

    .main-navigation ul ul li:hover > a {
        background-color: #F8F8F9 !important;
        color: #232323 !important;
        padding-left: 26px !important;
    }
}

/* --------------------------------------------------------------------------
   2. MOBILE HEADER & OFF-CANVAS LEFT DRAWER (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Mobile Header Bar */
    .site-header .inside-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 56px !important;
        padding: 0 16px !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* Hamburger on Left */
    .site-header .mobile-menu-control-wrapper {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        z-index: 5 !important;
    }

    .mobile-menu-control-wrapper .menu-toggle {
        background: transparent !important;
        border: none !important;
        padding: 8px 4px !important;
        color: #232323 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
    }

    .mobile-menu-control-wrapper .menu-toggle .gp-icon svg {
        width: 22px !important;
        height: 22px !important;
        fill: #232323 !important;
    }

    .mobile-menu-control-wrapper .menu-toggle .screen-reader-text,
    .mobile-menu-control-wrapper .menu-toggle .mobile-menu {
        display: none !important;
    }

    /* Logo Centered on Mobile */
    .site-header .site-logo {
        order: 2 !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 1 !important;
    }

    .site-header .header-image {
        max-height: 32px !important;
        width: auto !important;
    }

    /* Off-Canvas Slide-out Left Drawer */
    #site-navigation {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 300px !important;
        max-width: 82vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: #FFFFFF !important;
        z-index: 99999 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
        visibility: hidden !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        overflow-x: visible !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Admin Bar clearance for logged-in editors */
    .admin-bar #site-navigation {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
        height: calc(100dvh - 46px) !important;
    }

    /* Toggled (Open) State */
    #site-navigation.toggled {
        transform: translateX(0) !important;
        visibility: visible !important;
        box-shadow: 10px 0 35px rgba(0, 0, 0, 0.25) !important;
    }

    /* Inside Navigation Container */
    #site-navigation .inside-navigation {
        display: block !important;
        width: 100% !important;
        padding: 48px 0 0 0 !important; /* Clean space at top for close button */
        margin: 0 !important;
        background: #FFFFFF !important;
        position: relative !important;
        overflow: visible !important;
    }

    /* Close Button (✕) with NO background color */
    #site-navigation .inside-navigation > .menu-toggle {
        position: absolute !important;
        top: 10px !important;
        right: 14px !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 0 !important;
        background: transparent !important; /* NO background color */
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 100 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #site-navigation .inside-navigation > .menu-toggle .gp-icon,
    #site-navigation .inside-navigation > .menu-toggle .mobile-menu {
        display: none !important;
    }

    #site-navigation .inside-navigation > .menu-toggle::after {
        content: '✕' !important;
        color: #232323 !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
    }

    /* CLICKABLE BACKDROP OVERLAY (Closes menu when tapped outside!) */
    #site-navigation.toggled .inside-navigation > .menu-toggle::before {
        content: '' !important;
        position: fixed !important;
        top: 0 !important;
        left: 300px !important;
        right: 0 !important;
        bottom: 0 !important;
        width: calc(100vw - 300px) !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: rgba(0, 0, 0, 0.55) !important;
        cursor: pointer !important;
        z-index: 9999 !important;
        display: block !important;
        pointer-events: auto !important;
    }

    @media (max-width: 375px) {
        #site-navigation {
            width: 280px !important;
        }
        #site-navigation.toggled .inside-navigation > .menu-toggle::before {
            left: 280px !important;
            width: calc(100vw - 280px) !important;
        }
    }

    /* Main Navigation: No welcome text, no black div */
    #site-navigation .main-nav {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
    }

    #site-navigation .main-nav::before {
        display: none !important;
        content: none !important;
    }

    /* Drawer Menu List */
    #site-navigation .main-nav > ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 30px 0 !important;
        list-style: none !important;
        background: #FFFFFF !important;
    }

    /* All Standard Menu Items */
    #site-navigation .main-nav > ul > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    #site-navigation .main-nav > ul > li > a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #262626 !important;
        padding: 13px 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        text-transform: none !important;
        letter-spacing: 0.01em !important;
        border-bottom: 1px solid #F5F5F7 !important;
        background: transparent !important;
        height: auto !important;
        line-height: normal !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    #site-navigation .main-nav > ul > li > a:hover {
        background: #F8F8FA !important;
        color: #000000 !important;
    }

    #site-navigation .main-nav > ul > li > a::after {
        display: none !important;
    }

    /* Ordering */
    #site-navigation .main-nav > ul > li#menu-item-74 { order: 1 !important; }  /* Home */
    #site-navigation .main-nav > ul > li#menu-item-78 { order: 2 !important; }  /* Shop */

    /* Categories Header */
    #site-navigation .main-nav > ul > li#menu-item-83 {
        order: 10 !important; /* Jersey */
        border-top: 6px solid #F5F5F7 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-83::before {
        content: 'CATEGORIES' !important;
        display: block !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        color: #999999 !important;
        padding: 12px 20px 4px 20px !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-80 { order: 11 !important; }  /* Drop Shoulder */
    #site-navigation .main-nav > ul > li#menu-item-85 { order: 12 !important; }  /* T-shirt */
    #site-navigation .main-nav > ul > li#menu-item-84 { order: 13 !important; }  /* Polos */

    /* My Account Header */
    #site-navigation .main-nav > ul > li#menu-item-75 {
        order: 20 !important; /* Cart */
        border-top: 6px solid #F5F5F7 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-75::before {
        content: 'MY ACCOUNT' !important;
        display: block !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        color: #999999 !important;
        padding: 12px 20px 4px 20px !important;
    }

    /* My Account Clean Link (Order 21) */
    #site-navigation .main-nav > ul > li#menu-item-77 {
        order: 21 !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-77 > a::before,
    #site-navigation .main-nav > ul > li#menu-item-77 > a::after {
        display: none !important;
        content: none !important;
    }

    #site-navigation .main-nav > ul > li#menu-item-183 {
        display: none !important;
    }

    /* Submenu Accordion on Mobile */
    #site-navigation .menu-item-has-children .dropdown-menu-toggle {
        margin-left: auto !important;
        padding: 4px 8px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #site-navigation .dropdown-menu-toggle svg {
        width: 10px !important;
        height: 10px !important;
        fill: #999999 !important;
        transform: rotate(-90deg) !important;
        transition: transform 0.2s ease !important;
    }

    #site-navigation .menu-item-has-children.sfHover > a .dropdown-menu-toggle svg,
    #site-navigation .menu-item-has-children.toggled > a .dropdown-menu-toggle svg {
        transform: rotate(0deg) !important;
        fill: #232323 !important;
    }

    #site-navigation ul.sub-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: unset !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        display: none !important;
        background: #F8F8FA !important;
    }

    #site-navigation .menu-item-has-children.sfHover > ul.sub-menu,
    #site-navigation .menu-item-has-children.toggled > ul.sub-menu,
    #site-navigation ul.sub-menu.toggled-on {
        display: block !important;
        position: static !important;
    }

    #site-navigation ul.sub-menu li a {
        font-family: 'Poppins', sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #555555 !important;
        padding: 10px 20px 10px 32px !important;
        border-bottom: 1px solid #EEEEF1 !important;
        background: transparent !important;
    }
}/* End custom CSS */