/* Front-end only override for global header */
/* GHOST PROTOCOL: Target Native Widgets Specifically */

/* 1. Search Widget */
.rey-siteHeader .elementor-widget-reycore-header-search,
.rey-siteHeader .rey-headerSearch-toggle,
.rey-siteHeader .js-rey-headerSearch-toggle,
/* 2. Account Widget */
.rey-siteHeader .elementor-widget-reycore-header-account,
.rey-siteHeader .rey-headerAccount-btn,
.rey-siteHeader .js-rey-headerAccount,
/* 3. Cart Widget */
.rey-siteHeader .elementor-widget-reycore-header-cart,
.rey-siteHeader .rey-headerCart-btn,
/* 4. Menu/Nav Widget */
.rey-siteHeader .elementor-widget-reycore-header-navigation,
.rey-siteHeader .elementor-widget-nav-menu {
    opacity: 0.01 !important;
    visibility: visible !important;
    /* MUST BE VISIBLE FOR JS TO CLICK */
    pointer-events: auto !important;
    /* MUST BE AUTO FOR JS TO CLICK */
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    z-index: -9999 !important;
    /* Send to back */
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* MANUAL GHOST UTILITY CLASS (User applies this in Elementor) */
.blis-ghost-widget {
    opacity: 0.01 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: -9999 !important;
}

/* Force Rey Panels above Blis Drawer Backdrop */
.rey-searchPanel,
.rey-accountPanel-wrapper,
.rey-cartPanel-wrapper {
    z-index: 99999999 !important;
    /* Maximum Z-Index */
}

/* EXCEPTION: BLIS Custom Triggers (Must remain visible) */
.blis-smart-header .blis-menu-trigger,
.blis-smart-header .blis-cart-trigger,
.blis-smart-header .blis-logo-link {
    /* ADDED LOGO LINK */
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    width: auto !important;
    z-index: auto !important;
}

.blis-smart-header-spacer {
    height: 0px;
}

/* Smart Header Styles */
.blis-smart-header,
.blis-smart-header * {
    box-sizing: border-box;
    /* Fix width calc */
}

/* =================================================================== */
/* BLIS: REVIEWS SKIN (System Protocol)
/* =================================================================== */
#reviews {
    font-family: 'Roboto Mono', monospace !important;
}

/* Header / Title */
#reviews .woocommerce-Reviews-title {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border-bottom: 1px dashed #000 !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    display: block;
}

/* Review List Item */
#reviews .commentlist li .comment_container {
    border-bottom: 1px dotted #ccc !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

/* Author & Meta */
#reviews .comment_container .woocommerce-review__author {
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#reviews .comment_container .woocommerce-review__dash,
#reviews .comment_container .woocommerce-review__published-date {
    font-size: 11px !important;
    opacity: 0.6;
}

/* Stars */
#reviews .star-rating {
    float: right !important;
    color: #D9E028 !important;
    /* Citron Stars */
}

/* Form / Inputs (Data Entry Look) */
#review_form_wrapper {
    margin-top: 30px;
    border: 1px solid #000;
    padding: 20px;
}

#reply-title {
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #777 !important;
    border-radius: 0 !important;
    font-family: 'Roboto Mono', monospace !important;
    padding-left: 0 !important;
    box-shadow: none !important;
}

#review_form input:focus,
#review_form textarea:focus {
    border-bottom: 2px solid #D9E028 !important;
    /* Citron Highlight */
    outline: none !important;
}

/* Submit Button */
#review_form #submit,
#review_form .submit {
    background-color: #000 !important;
    color: #D9E028 !important;
    font-family: 'Roboto Mono', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-radius: 0 !important;
    border: 1px solid #000 !important;
    margin-top: 20px !important;
}

#review_form #submit:hover,
#review_form .submit:hover {
    background-color: #D9E028 !important;
    color: #000 !important;
}

/* =================================================================== */
/* BLIS: PRODUCT SKIN (System Protocol)
/* =================================================================== */

/* 1. Mobile Add to Cart Button - Tighten Padding */
@media (max-width: 767px) {

    .single-product div.product form.cart .button,
    button.single_add_to_cart_button {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Reduce Gap between Quantity and Button */
    .woocommerce .rey-cartBtnQty {
        --inline-distance: 10px !important;
    }
}

/* 404 PAGE MOBILE FIX (Prevent Button Overlap) */
@media (max-width: 767px) {

    body.error404 .elementor-widget-button,
    body.error404 .btn,
    body.error404 .elementor-button {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        position: relative !important;
        z-index: 10 !important;
        clear: both !important;
    }

    /* Ensure container has space */
    body.error404 .elementor-widget-wrap {
        row-gap: 20px !important;
    }
}

/* 2. Product Details Accordion / Tabs */
.elementor-widget-accordion .elementor-accordion-title,
.woocommerce-tabs .rey-accordion-title,
.rey-tabs-list li a {
    font-family: 'Roboto Mono', monospace !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

:root {
    --blis-header-h-static: 80px;
    --blis-header-h-sticky: 60px;
    --blis-header-w-max: 1385px;
    /* 1385px Max Width */
}

/* Viewport Breakout Strategy */
.blis-smart-header {
    position: absolute;
    top: 0px;
    /* Standard Positioning */
    left: 0;
    width: 100%;

    z-index: 99999;
    /* Reduced Padding */
    /* Increased Padding to Float Down */
    padding: 20px 0 !important;

    transition: transform 0.2s ease, padding 0.2s ease, top 0.2s ease;
    background-color: transparent;
    font-family: 'Roboto Mono', monospace;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #D9E028;
    pointer-events: none;
}

.blis-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    max-width: var(--blis-header-w-max, 1385px);
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
    height: 100%;
}

/* Fix Mobile Override to ensure gutter persists */
@media (max-width: 768px) {
    .blis-smart-header {
        /* Mobile Breakout: Counteract parent padding */
        width: 100% !important;
        /* margin-left: -20px !important; REMOVED per user request */
        height: 60px !important;
        /* Enforce height */
    }

    .blis-header-inner {
        padding: 0 20px !important;
        /* Restore inner gutter */
    }
}

/* Typography & Links */
.blis-menu-trigger,
.blis-cart-trigger {
    color: #D9E028;
    text-decoration: none;
    font-weight: 700 !important;
    /* Enforce Bold */
    font-size: 17.6px !important;
    /* Specific Size matching site */
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
}

.blis-menu-trigger:hover,
.blis-cart-trigger:hover {
    color: #D9E028 !important;
    /* Force Citron on Hover */
}

/* LOGO IMAGE STYLES */
/* --- DESKTOP SPECIFIC ALIGNMENT --- */
/* Ensure Logo doesn't shift when flex container changes height */
.blis-logo-link {
    display: block;
    height: 18px;
    /* Reduced from 20px via Task */
    width: auto;
    position: relative;
    top: 2px;
    /* Moved down 2px via Task */
    transform: translateY(0);
    /* Reset */
}

.blis-logo-mask {
    width: 180px;
    /* Increased from 164px */
    height: 100%;
    background-color: #D9E028;
    -webkit-mask-image: var(--blis-logo-url);
    mask-image: var(--blis-logo-url);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left center;
    mask-position: left center;
    transition: background-color 0.2s ease;
}

/* Hover Effect: Ensure color stays correct */
.blis-logo-link:hover .blis-logo-mask {
    background-color: #D9E028;
}

/* Solid State Override */
.blis-smart-header.is-solid .blis-logo-mask {
    background-color: #000000;
}

.blis-smart-header.is-solid .blis-logo-link:hover .blis-logo-mask {
    background-color: #000000;
}

/* TRIGGER RESET (Button) */
.blis-cart-trigger {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #D9E028;
    transition: color 0.2s ease;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
}

.blis-header-right {
    display: flex;
    align-items: center;
    gap: 40px;
    /* Reduced from 90px to match internal header */
}

.blis-cart-count {
    background: #D9E028;
    color: #000;
    font-size: 10px;
    padding: 2px 4px;
    margin-left: 20px;
    /* Increased from 6px */
    min-width: 18px;
    text-align: center;
    border-radius: 0;
    font-weight: 700;
}

/* States */
.blis-smart-header.is-hidden {
    transform: translateY(-100%);
}

.blis-smart-header.is-solid {
    /* Lock to top when scrolling up */
    position: fixed !important;
    /* Force sticky */
    top: 0 !important;

    /* Glassmorphism Effect */
    background-color: rgba(250, 249, 240, 0.70);
    /* Brand Beige @ 70% */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: none !important;
    /* No shadow as requested */

    /* Adjusted to EXACTLY 60px height */
    height: var(--blis-header-h-sticky, 60px) !important;
    padding: 0 !important;
    /* display: flex removed to prevent layout breakage */
    pointer-events: auto;

    /* Solid Text: Black */
    color: #000000;

    /* Ensure visibility */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* FORCE BLACK MENU ICON ON SOLID STATE */
.blis-smart-header.is-solid .blis-menu-trigger {
    color: #000000 !important;
}

/* KEEP BRACKETS CITRON ON SOLID STATE */
.blis-smart-header.is-solid .sys-pulse-bracket {
    color: #D9E028;
    /* !important REMOVED to allow Animation to cycle to White */
    /* Ensure animation still works - animation changes color self */
    animation: blisBracketPulse 2s infinite ease-in-out;
}

.blis-smart-header.is-solid .blis-header-inner {
    height: 100%;
    /* Force fill to center items vertically */
}

/* Desktop Specific Overrides for Solid State */
@media (min-width: 769px) {

    /* Force padding reset on solid */
    .blis-smart-header.is-solid {
        padding: 0 !important;
    }

    /* Ensure Brackets turn Black on Solid? NO, USER WANTS CITRON PULSE? 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    Actually user didn't specify, but usually branding implies Citron.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    If logic needed later, add here.
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  */
}

@media (min-width: 769px) {
    .blis-smart-header {
        /* JS Transport Protocol: Desktop Alignment */
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        margin: 0 !important;

        padding: 20px 0 !important;
        /* Vertical Padding only (Inner handles horizontal) */
    }

    .blis-logo-mask {
        width: 180px !important;
        height: 18px !important;
        background-color: #D9E028 !important;
        /* Force Citron */
    }

    .blis-logo-link {
        position: relative;
        top: 2px;
        /* Move down 2px */
    }

    .blis-smart-header.is-solid .blis-logo-mask {
        background-color: #000000 !important;
    }

    /* Full Width Desktop Inner */
    .blis-header-inner {
        height: 100%;
        align-items: center;
        max-width: 100% !important;
        /* "Pull it out" */
        padding: 0 20px !important;
        /* 20px Gutters Left/Right */
    }

    /* Reduce gap slightly */
    .blis-header-right {
        gap: 40px;
    }

    /* Ensure Cart Color is correct */
    .blis-cart-trigger {
        color: #D9E028 !important;
        /* Force Citron on Desktop Default */
    }

    /* FORCE RESET FOR NON-SOLID STATE (Fixes "60px shadow" issue) */
    .blis-smart-header:not(.is-solid) {
        box-shadow: none !important;
        background: transparent !important;
        top: 0px !important;
        /* Update to 0px */
    }
}

/* --- MOBILE/TABLET SPECIFIC OVERRIDES (< 769px) --- */
@media (max-width: 768px) {
    .blis-smart-header {
        /* JS Transport Protocol Enabled: Clean Positioning */
        width: 100% !important;
        max-width: 100% !important;

        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        margin: 0 !important;

        box-sizing: border-box !important;
        padding: 20px 0 !important;
        /* Force Mobile Float Down */
    }

    /* FORCE ROW ALIGNMENT ON MOBILE */
    .blis-header-inner {
        display: flex !important;
        align-items: center !important;
        height: 100%;
    }

    .blis-header-right {
        gap: 20px !important;
    }

    /* Mobile Sticky Side Padding Removal */
    .blis-smart-header.is-solid {
        padding: 0 !important;
    }

    .blis-desk-text {
        display: none !important;
    }

    .blis-mob-text {
        display: inline-block !important;
        /* Changed from inline to inline-block for transform */
        font-size: 24px;
        /* Ensure Hamburger is visible/sized */
        line-height: 1;
        position: relative;
        top: -2px;
        /* Down 1px (-3px -> -2px) */
    }

    /* Brackets alignment for mobile */
    .blis-menu-trigger .sys-pulse-bracket {
        position: relative;
        top: -1px;
        /* Brackets UP 1px */
    }
}

/* Fix for Mobile Sticky Height Override */
@media (max-width: 768px) {
    .blis-smart-header.is-solid {
        padding: 0 !important;
        height: var(--blis-header-h-sticky, 60px) !important;
        /* display: flex removed here too for consistency */
    }

    .blis-smart-header.is-solid .blis-header-inner {
        height: 100%;
    }
}

/* Mobile Logo Adjustments */
@media (max-width: 768px) {
    .blis-logo-link {
        height: 20px !important;
        /* Match Desktop 20px */
        position: relative;
        top: 0px;
        /* Final Adjustment: 0px */
        transform: none !important;
        /* Remove lift */
    }

    .blis-logo-mask {
        height: 20px !important;
        width: 164px !important;
    }
}

/* --- DESKTOP DEFAULTS (Robust - 769px+) --- */
@media (min-width: 769px) {
    .blis-desk-text {
        display: inline-block !important;
    }

    .blis-mob-text {
        display: none !important;
    }
}

/* Fix: Ensure CART text is Black when header is Solid (Scrolled) */
.blis-smart-header.is-solid .blis-cart-trigger .blis-desk-text {
    color: #000000 !important;
}

/* DYNAMIC CART COUNT SIZING & DIMENSIONS */
.blis-cart-count {
    font-size: 12px;
    /* Base Size */
}

.blis-cart-count.blis-count-dbl {
    font-size: 10px;
    /* Double Digit */
}

/* Mobile Specific Constraints for "Seamless Bar" link */
@media (max-width: 768px) {
    .blis-cart-count {
        height: 20px !important;
        min-width: 20px !important;
        line-height: 20px !important;
        padding: 0 !important;
        /* Remove padding to lock height */
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative;
        top: -1px;
        /* Optical adjustment to match brackets baseline */
    }
}

/* --- SYSTEM PULSE DOT CSS --- */
/* --- SYSTEM PULSE BRACKETS CSS --- */


/* Brackets */
.sys-pulse-bracket {
    display: inline-block;
    color: #D9E028;
    font-weight: 700;
    animation: blisBracketPulse 2s infinite ease-in-out;
    margin: 0 10px;
    /* Increased to 10px to match [ VIEW ALL ] spacing */
    will-change: color, text-shadow;
    /* Hint to browser */
}

/* Remove outer margins for alignment */
.sys-pulse-bracket:first-child {
    margin-left: 0;
}

.sys-pulse-bracket:last-child {
    margin-right: 0;
}

/* Webkit Prefix for Safari/iOS */
@-webkit-keyframes blisBracketPulse {
    0% {
        color: #D9E028;
        text-shadow: none;
    }

    50% {
        color: #FFFFFF;
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
    }

    100% {
        color: #D9E028;
        text-shadow: none;
    }
}

/* Standard Syntax */
@keyframes blisBracketPulse {
    0% {
        color: #D9E028;
        text-shadow: none;
    }

    50% {
        color: #FFFFFF;
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
    }

    100% {
        color: #D9E028;
        text-shadow: none;
    }
}

/* PULSE DOT ANIMATION (CITRON -> WHITE -> CITRON) */
@keyframes blisPulse {
    0% {
        color: #D9E028;
        text-shadow: none;
    }

    50% {
        color: #FFFFFF;
        text-shadow: 0 0 8px rgba(255, 255, 255, 0.9);
    }

    100% {
        color: #D9E028;
        text-shadow: none;
    }
}

.sys-upgraded {
    font-family: 'Roboto Mono', monospace !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- STATIC MODE OVERRIDES (Internal Pages) --- */
.blis-static-mode {
    position: relative !important;
    /* Sit in flow */
    top: auto !important;
    /* No overlap */
    left: auto !important;
    transform: none !important;

    /* Visuals */
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 2px solid transparent;
    /* Optional: could add border if needed, keeping transparent for now */

    /* Spacing */
    padding: 0 !important;
    /* Padding moved to inner */
    width: 100% !important;

    /* Text Color: Black */
    color: #000000 !important;
    z-index: 9999 !important;
    /* Ensure visibility */
}

/* HIDE GRADIENT IN STATIC MODE */
.blis-static-mode .blis-page-gradient {
    display: none !important;
}

/* [VSCODE-INTELLIGENCE] STATIC MODE STRUCTURAL FIXES */
/* Removed fragile PHP check, relying on CSS scoping or :has(.blis-static-mode) */


/* 1. Force Theme Header to be RELATIVE (Not Overlay) and FULL WIDTH */
/* 1. Force Theme Header to be RELATIVE (Not Overlay) and FULL WIDTH */
/* DISABLED BY BLIS PROTOCOL: This block was fighting with Elementor Layouts (Top Bar)
body:has(.blis-static-mode) .rey-siteHeader,
body:has(.blis-static-mode) .rey-siteHeader.header-pos--absolute,
body:has(.blis-static-mode) .rey-siteHeader.header-pos--fixed {
    position: relative !important;
    background-color: var(--body-bg-color, #FAF9F0) !important;
    box-shadow: none !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Lock Dimensions to prevent Theme JS Loop * /
    height: var(--blis-header-h-static, 80px) !important;
    min-height: var(--blis-header-h-static, 80px) !important;
    /* max-height: 80px !important; * /
    overflow: visible !important;
}
*/

/* 2. Fix "Blank Page" / Spacer Issues */
/* Mobile Helper Nuke ONLY - Scoped to Static Mode */
/* Removed global nuke to fix desktop layout drift */

/* Double-tap for Mobile: Ensure it is absolutely dead below 1025px */
@media (max-width: 1025px) {

    body:has(.blis-static-mode) .rey-siteHeader-helper,
    body:has(.blis-static-mode) #rey-siteHeader-helper {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =================================================================== */
/* BLIS: MINI CART PROTOCOL (System Standardization)
/* =================================================================== */

/* 1. Reset Buttons (Prevent "Jumping" on Large Screens) */
/* The theme applies flex-basis: 60-68% which can look huge on wide drawers.
   We force a standard size and "System" padding. */

.rey-cartPanel .woocommerce-mini-cart__buttons {
    display: flex !important;
    gap: 10px !important;
    padding: 20px 0 !important;
}

.rey-cartPanel .woocommerce-mini-cart__buttons .btn,
.rey-cartPanel .woocommerce-mini-cart__buttons .button {
    font-family: 'Roboto Mono', monospace !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;

    height: 45px !important;
    /* SYS-STD: 45px Height */
    padding: 0 20px !important;
    /* Standardized Padding */
    line-height: normal !important;
    border-radius: 0px !important;

    /* Reset Flex Behavior */
    flex: 1 1 auto !important;
    /* Allow growth but share space evenly */
    flex-basis: auto !important;
    /* Kill the 68% jump */
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* Box Model */
    border: 1px solid #000 !important;
    transition: all 0.2s ease;
}

/* 2. Primary Action: CHECKOUT (Citron) */
.rey-cartPanel .woocommerce-mini-cart__buttons .btn.checkout {
    background-color: #D9E028 !important;
    /* Citron */
    color: #000 !important;
    height: 45px !important;
    /* SYS-STD */
}

.rey-cartPanel .woocommerce-mini-cart__buttons .btn.checkout:hover {
    background-color: #000 !important;
    color: #D9E028 !important;
}

/* 3. Secondary Action: VIEW CART (Black/White) */
.rey-cartPanel .woocommerce-mini-cart__buttons .btn:not(.checkout) {
    background-color: transparent !important;
    color: #000 !important;
}

.rey-cartPanel .woocommerce-mini-cart__buttons .btn:not(.checkout):hover {
    background-color: #000 !important;
    color: #fff !important;
}

/* 4. Fix Mini Cart Item Padding (Optional Polish) */
.rey-cartPanel li.mini_cart_item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2b. NUKE STUCK OVERLAY (The "Funny Load" 1073px Gap Fix) */
body:has(.blis-static-mode) .rey-overlay,
body:has(.blis-static-mode) .rey-overlay--site {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
}

/* 2c. FIX HEADER INTERNAL ALIGNMENT (The "Gone" Header Fix) */
/* Ensure the Shortcode sits at 0,0 inside the 80px container */
body:has(.blis-static-mode) .rey-siteHeader .elementor-widget-container,
body:has(.blis-static-mode) .rey-siteHeader .elementor-container,
body:has(.blis-static-mode) .rey-siteHeader .elementor-column-wrap,
body:has(.blis-static-mode) .rey-siteHeader .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* 3. Force Mobile Visibility (Overriding Elementor Setting) */
/* Use :has() to target the parent Elementor widget that might be hidden */
@media (max-width: 1023px) {

    .elementor-element.elementor-hidden-mobile:has(.blis-smart-header),
    .elementor-element.elementor-hidden-tablet:has(.blis-smart-header),
    .elementor-element.elementor-hidden-phone:has(.blis-smart-header) {
        display: block !important;
    }
}


/* 4. Fix "Squished" Alignment - Use 100% Width to avoid Scrollbar Indent */
.blis-static-mode {
    width: 100% !important;
    max-width: 100% !important;

    /* Reset positioning - let it flow naturally in the full-width container */
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    height: var(--blis-header-h-static, 80px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    /* Padding moved to inner container */
    box-sizing: border-box !important;
}

/* Force Inner to Fill */
.blis-static-mode .blis-header-inner {
    width: 100% !important;
    max-width: var(--blis-header-w-max, 1385px) !important;
    /* 1370 + 40px PAD */
    height: 100% !important;
    justify-content: space-between !important;
    margin: 0 auto !important;
    padding: 0 !important;
    /* GLOBAL PADDING */
}

/* 5. NUKE PARENT PADDING (The "Gap" Fix) */
/* Target the Elementor Container wrapping this */
.elementor-element:has(.blis-static-mode),
.e-con:has(.blis-static-mode) {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    --gap: 0px !important;
    /* Kill Flex Gap */
}

/* 6. RESET SITE CONTENT PADDING (The "Double Gap" Fix) */
/* When static header is present, remove the theme's default top padding */
body:has(.blis-static-mode) .rey-siteContent,
body:has(.blis-static-mode) .rey-siteContainer {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Specific fix for Product Page Global CSS which adds 100px */
body.single-product:has(.blis-static-mode) .rey-siteContent {
    padding-top: 20px !important;
    /* Small breathing room only */
}

/* 7. Force Parent Shortcode Container to Full Width */
.elementor-widget-shortcode:has(.blis-static-mode),
.elementor-shortcode:has(.blis-static-mode) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* --- STATIC MODE VISUALS (FINAL) --- */

/* 1. BLACK LOGO (Desktop & Mobile) - Stronger Specificity */
.blis-static-mode .blis-logo-mask,
body:has(.blis-static-mode) .blis-logo-mask {
    background-color: #000000 !important;
    filter: none !important;
    /* Reset any white filters */
}

.blis-static-mode .blis-logo-link:hover .blis-logo-mask {
    background-color: #000000 !important;
}

/* Mobile Logo Specifics for Static Mode */
@media (max-width: 767px) {
    .blis-static-mode .blis-logo-mask {
        width: 164px !important;
        /* Force correct width */
        height: 20px !important;
        background-color: #000000 !important;
    }
}

/* --- FINAL PADDING OVERRIDE --- */
/* Must be at bottom to beat specificity */
@media (max-width: 1023px) {

    .blis-header-inner,
    .blis-static-mode .blis-header-inner {
        padding: 0 18px !important;
    }
}

.blis-static-mode .blis-logo-link {
    top: 0px !important;
}


/* 2. BLACK TEXT TRIGGERS */
.blis-static-mode .blis-menu-trigger,
.blis-static-mode .blis-cart-trigger {
    color: #000000 !important;
}

/* CART COUNTER STYLE: 45 Degree Cut */
.blis-cart-count {
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 6px),
            calc(100% - 6px) 100%,
            0 100%) !important;
    border-radius: 0 !important;
    /* Reset existing radius if any */
}

/* 3. PULSE BRACKETS (Custom Black-to-Grey Pulse for Light BG) */
@keyframes blisBracketsPulseBlack {
    0% {
        color: #D9E028;
        text-shadow: none;
    }

    50% {
        color: #000000;
        text-shadow: none;
    }

    /* Pulse to Black */
    100% {
        color: #D9E028;
        text-shadow: none;
    }
}

.blis-static-mode .sys-pulse-bracket {
    color: #D9E028;
    /* Start Citron */
    /* Override standard animation with the black-pulse version */
    animation: blisBracketsPulseBlack 2s infinite ease-in-out !important;
}