.elementor-9909 .elementor-element.elementor-element-50f22ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9909 .elementor-element.elementor-element-db8f0be{margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for shortcode, class: .elementor-element-db8f0be *//* =========================================
   ANAAM STATIC GLASS HEADER & SEARCH
   ========================================= */

.anaam-fixed-header {
    position: fixed !important;
    top: 25px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: transparent !important;
}

.anaam-header-container {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 100px !important;
    
    max-width: 1400px !important;
    width: 95% !important;
    margin: 0 auto !important;
    padding: 8px 35px !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.05) !important;
}

/* --- Left Zone --- */
.header-zone-left { display: flex !important; align-items: center !important; }

.desktop-primary-menu ul {
    display: flex !important;
    gap: 30px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.desktop-primary-menu a {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #111 !important;
    text-decoration: none !important;
    text-transform: capitalize !important;
}

.mobile-hamburger-trigger { display: none !important; }

/* --- Center Zone (Logo) --- */
.header-zone-center { display: flex !important; justify-content: center !important; }
.logo-wrapper img { max-height: 48px !important; width: auto !important; display: block !important; }

/* --- Right Zone --- */
.header-zone-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 16px !important;
}

/* --- Tighten Header Icons for Mobile Screens Only (Logo Lock Fix) --- */
@media (max-width: 1024px) {
    /* Freeze the layout grid tracks so the logo cannot shift or move */
    .anaam-header-container {
        grid-template-columns: 1fr auto 1fr !important;
    }

    /* Tighten the gap between the search, cart, and account icons */
    .header-zone-right {
        gap: 1px !important; 
    }

    /* Shrink the invisible outer click boxes of the icons only */
    .header-zone-right a,
    .header-zone-right button,
    .header-zone-right .header-cart-link {
        width: 24px !important;  
        height: 24px !important;
    }
}

/* --- GUARANTEED SEARCH STYLING --- */
.anaam-search-module {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.anaam-search-icon {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
}

/* The Search Popup Box */
.anaam-search-dropdown {
    position: absolute !important;
    top: 50px !important;
    right: 0 !important;
    width: 320px !important;
    background: #ffffff !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    border: 1px solid #ebebeb !important;
    display: none;
    z-index: 100000 !important;
}

.anaam-search-dropdown form { display: flex !important; margin: 0 !important; width: 100% !important; }

.anaam-search-dropdown input[type="search"] {
    flex: 1 !important;
    padding: 12px 15px !important;
    border: 1px solid #ddd !important;
    border-right: none !important;
    border-radius: 4px 0 0 4px !important;
    outline: none !important;
    font-size: 14px !important;
}

.anaam-search-dropdown button[type="submit"] {
    background: #e84c3d !important; /* ANAAM Red */
    color: #fff !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 0 4px 4px 0 !important;
    cursor: pointer !important;
    font-weight: bold !important;
}

/* =========================================
   TRUE FULL-PAGE SEARCH BLUR OVERLAY
   ========================================= */

.anaam-fullscreen-search {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999999 !important;
    background: rgba(255, 255, 255, 0.15) !important; 
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    display: none;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 15vh !important;
    box-sizing: border-box !important;
}

.anaam-close-search {
    position: absolute !important;
    top: 30px !important;
    right: 40px !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    color: #000 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
}

.anaam-close-search:hover {
    transform: rotate(90deg) !important;
}

.anaam-search-form-wrapper {
    width: 90% !important;
    max-width: 650px !important;
    background: #ffffff !important;
    border-radius: 50px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
}

.anaam-search-form-wrapper form {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    margin: 0 !important;
    align-items: center !important;
}

.anaam-search-form-wrapper input[type="search"] {
    flex: 1 !important;
    padding: 20px 5px 20px 30px !important;
    border: none !important;
    font-size: 16px !important;
    outline: none !important;
    background: transparent !important;
    color: #333 !important;
}

.anaam-search-form-wrapper button[type="submit"] {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    color: transparent !important; 
    border: none !important;
    font-size: 0 !important; 
    width: 65px !important;
    height: 60px !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
}

.anaam-search-form-wrapper button[type="submit"]:hover {
    opacity: 0.6 !important;
}

@media (max-width: 768px) {
    .anaam-close-search {
        top: 25px !important;
        right: 25px !important;
    }
    .anaam-fullscreen-search {
        padding-top: 100px !important;
    }
}

/* =========================================
   LIVE AJAX SEARCH RESULTS STYLING
   ========================================= */

.anaam-ajax-results {
    width: 90% !important;
    max-width: 650px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    margin-top: 15px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
    display: none;
    overflow: hidden !important;
    border: 1px solid #f0f0f0 !important;
}

.anaam-live-search-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.anaam-live-result-item {
    display: flex !important;
    padding: 15px 20px !important;
    align-items: center !important;
    border-bottom: 1px solid #f5f5f5 !important;
    text-decoration: none !important;
    transition: background 0.2s ease !important;
}

.anaam-live-result-item:hover {
    background: #fafafa !important;
}

.anaam-live-result-item img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-right: 20px !important;
    border: 1px solid #eee !important;
}

.anaam-item-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.anaam-item-title {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #1a1a1a !important;
}

.anaam-item-price {
    color: #e84c3d !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.anaam-item-price del { display: none !important; }

.anaam-view-all a {
    display: block !important;
    padding: 15px !important;
    text-align: center !important;
    background: #fdfdfd !important;
    color: #e84c3d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.anaam-view-all a:hover {
    background: #f7f7f7 !important;
}

.anaam-loading, 
.anaam-no-results {
    padding: 25px !important;
    text-align: center !important;
    color: #666 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* --- Force Uniform Icon Sizes & Black Coloring (Search, Account, Cart) --- */
.header-zone-right a,
.header-zone-right button,
.header-zone-right .header-cart-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 32px !important;  
    height: 32px !important;
}

.header-zone-right i, 
.header-zone-right svg,
.header-zone-right [class^="bookory-icon-"],
.header-zone-right .header-cart-link i {
    font-size: 20px !important;  
    width: 20px !important;       
    height: 20px !important;      
    line-height: 1 !important;
    color: #000000 !important;
    stroke: #000000 !important;
    fill: transparent !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Hide Prices in Cart */
.native-cart-module .woocommerce-Price-amount, 
.native-cart-module .amount,
.native-cart-module .cart-amount { 
    display: none !important; 
}

.native-cart-module { 
    position: relative !important; 
    display: flex !important;
    align-items: center !important;
}

/* --- Dynamic Badge: Hide completely when empty class is applied --- */
.native-cart-module .anaam-empty-badge,
.native-cart-module [class*="count"].anaam-empty-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Premium Red Badge Styling */
.native-cart-module .count, 
.native-cart-module .cart-count,
.native-cart-module .header-cart-link [class*="count"] {
    position: absolute !important;
    top: -4px !important;     
    right: -4px !important;    
    background-color: #e84c3d !important;
    background: #e84c3d !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: bold !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99 !important;
    line-height: 1 !important;
}

/* --- Mobile Layout (1080x1920 Match) --- */
@media (max-width: 1024px) {
    .anaam-fixed-header { top: 15px !important; }
    
    .anaam-header-container { width: 92% !important; padding: 10px 20px !important; }

    .desktop-primary-menu { display: none !important; } 
    .mobile-hamburger-trigger { display: block !important; }
    
    .logo-wrapper img { max-height: 36px !important; }
    
    .anaam-search-dropdown {
        position: fixed !important;
        top: 80px !important;
        left: 5% !important;
        right: 5% !important;
        width: 90% !important;
    }
}/* End custom CSS */