/*
Theme Name: Hello Commerce Child
Template: hello-commerce
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Sell smart from the start with Hello Commerce. Hello Commerce is a free WordPress ecommerce theme designed to help you launch your online store quickly and professionally. Built for WooCommerce and powered by the flexibility of Elementor, it offers a lightweight, responsive foundation that’s perfect for beginners and growing businesses alike. Whether you're selling products or services, the Hello Commerce theme gives you the freedom to build your store your way, launch fast, and scale with confidence. Start strong with a guided setup, ready-made shop templates, and intuitive styling controls. Customize your storefront’s style and layout, including product grids, cart, and checkout pages, with intuitive controls, directly within the Elementor ecosystem without code. Manage your site efficiently using the dedicated Home screen that brings key tools and actions together. Why Hello Commerce? - Seamless integration with Elementor and WooCommerce - Fast, flexible, and performance-optimized - Beginner-friendly, no code or technical skills required - Complete site template kits to launch your store quickly. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here https://patchstack.com/database.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.0.3.1780774143
Updated: 2026-06-06 19:29:03

*/

/* ==========================================================================
   1. PRODUCT PAGE NAVIGATION FIX
   ========================================================================== */
/* Hide unstyled previous and next image navigation links */
.single-product .flex-direction-nav,
.single-product ul.products-nav, 
.single-product .product-images-nav {
    display: none !important;
}


/* ==========================================================================
   2. GLOBAL CART & CHECKOUT CONTAINER STYLING (DESKTOP)
   ========================================================================== */
@media (min-width: 1024px) {
    body.woocommerce-cart #content,
    body.woocommerce-checkout #content,
    body.woocommerce-cart .entry-content,
    body.woocommerce-checkout .entry-content {
        max-width: 1240px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* ==========================================================================
   3. BULLETPROOF MOBILE RESPONSIVE REPAIR (MOBILE & TABLET)
   ========================================================================== */
@media (max-width: 1023px) {
    /* Reset layout wrapper constraints & force equal alignment */
    body.woocommerce-cart,
    body.woocommerce-checkout,
    body.woocommerce-cart #primary,
    body.woocommerce-checkout #primary,
    body.woocommerce-cart #content,
    body.woocommerce-checkout #content,
    body.woocommerce-cart .entry-content,
    body.woocommerce-checkout .entry-content,
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout .col-1,
    body.woocommerce-checkout .col-2 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    /* Force WooCommerce structural layout classes to behave inside the screen boundaries */
    .woocommerce, 
    .woocommerce-page,
    .woocommerce-checkout fieldset,
    .woocommerce form.checkout {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Force standard checkout rows to stack vertically, EXCLUDING the hidden invoice fields */
    .woocommerce-billing-fields__field-wrapper .form-row:not([style*="display: none"]),
    .woocommerce-shipping-fields__field-wrapper .form-row:not([style*="display: none"]),
    .woocommerce-checkout .form-row:not([style*="display: none"]),
    .woocommerce-page .form-row:not([style*="display: none"]) {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        padding: 0 !important;
        display: block !important;
        clear: both !important;
    }

    /* Force text fields, select lists, and dropdown boxes to fit perfectly inside the viewport box lines */
    .woocommerce input[type="text"],
    .woocommerce input[type="tel"],
    .woocommerce input[type="email"],
    .woocommerce select,
    .woocommerce .select2-container,
    .woocommerce-page input[type="text"],
    .woocommerce-page input[type="tel"],
    .woocommerce-page input[type="email"],
    .woocommerce-page select {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


/* Interactive & Intuitive Sortable Table Headers */
.b2b-matrix-table th.sortable-column {
    cursor: pointer !important;
    color: #1a5694 !important; /* Brand Dark Blue */
    user-select: none !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

/* Subtle background hover highlight */
.b2b-matrix-table th.sortable-column:hover {
    background-color: #e7edf5 !important;
}

/* Default neutral sort indicator arrow (visible on mobile & desktop) */
.b2b-matrix-table th.sortable-column::after {
    content: " ↕";
    font-size: 11px;
    color: #1a5694;
    opacity: 0.5;
    margin-left: 4px;
    display: inline-block;
}

/* Active ascending sort indicator */
.b2b-matrix-table th.sortable-column.asc::after,
.b2b-matrix-table th.sortable-column[data-sort="asc"]::after {
    content: " ▲";
    opacity: 1;
}

/* Active descending sort indicator */
.b2b-matrix-table th.sortable-column.desc::after,
.b2b-matrix-table th.sortable-column[data-sort="desc"]::after {
    content: " ▼";
    opacity: 1;
}


/* High-Specificity Desktop Override */
html body table.b2b-matrix-table th.sortable-column,
html body .b2b-matrix-table th.sortable-column {
    cursor: pointer !important;
    color: #1a5694 !important;
    user-select: none !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

html body table.b2b-matrix-table th.sortable-column:hover,
html body .b2b-matrix-table th.sortable-column:hover {
    background-color: #e7edf5 !important;
}

html body table.b2b-matrix-table th.sortable-column::after,
html body .b2b-matrix-table th.sortable-column::after {
    content: " ↕" !important;
    font-size: 11px !important;
    color: #1a5694 !important;
    opacity: 0.5 !important;
    margin-left: 4px !important;
    display: inline-block !important;
}

html body table.b2b-matrix-table th.sortable-column.asc::after,
html body table.b2b-matrix-table th.sortable-column[data-sort="asc"]::after {
    content: " ▲" !important;
    opacity: 1 !important;
}

html body table.b2b-matrix-table th.sortable-column.desc::after,
html body table.b2b-matrix-table th.sortable-column[data-sort="desc"]::after {
    content: " ▼" !important;
    opacity: 1 !important;
}


    /* Stack checkout review tables and payment windows smoothly on small phone glass */
    body.woocommerce-checkout #order_review,
    body.woocommerce-checkout #payment {
        width: 100% !important;
        float: none !important;
        margin: 20px 0 0 0 !important;
        box-sizing: border-box !important;
    }

    /* Convert traditional dense cart tables into single vertical block lists */
    body.woocommerce-cart table.shop_table,
    body.woocommerce-cart table.shop_table tbody,
    body.woocommerce-cart table.shop_table tr,
    body.woocommerce-cart table.shop_table td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    /* Add distinct block containment borders around the mobile responsive table entries */
    body.woocommerce-cart table.shop_table tr {
        margin-bottom: 20px !important;
        border: 1px solid #e6e6e6 !important;
        padding: 12px !important;
    }
}



@media screen and (max-width: 768px) {
    /* Convert the main actions area into a grid block */
    .woocommerce-cart table.cart td.actions {
        display: grid !important;
        grid-template-columns: 100%;
        gap: 15px;
    }

    /* Force the coupon section into a column layout */
    .woocommerce-cart table.cart td.actions .coupon {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
    }

    /* Target the update cart button to sit above the apply button */
    .woocommerce-cart table.cart td.actions > button.button {
        order: 1 !important;
        width: 100% !important;
    }

   /* Adjust order so input is at the top, but the apply button goes to the bottom */
    .woocommerce-cart table.cart td.actions .coupon input.input-text {
        order: 0 !important;
        width: 100% !important;
    }
} /* Closes @media screen and (max-width: 768px) */

    .woocommerce-cart table.cart td.actions .coupon button.button {
        order: 2 !important;
        width: 100% !important;
    }


/* Prevent horizontal scrolling on the entire cart page container */
.woocommerce-cart, 
#primary, 
#main,
.site-content {
    overflow-x: hidden !important;
}

/* Force the WooCommerce cart form and tables to respect mobile widths */
@media screen and (max-width: 768px) {
    form.woocommerce-cart-form {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    table.shop_table_responsive,
    table.woocommerce-cart-form__contents {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Make sure the container holding the coupon/update buttons doesn't spill over */
    .woocommerce-cart table.cart td.actions {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Ensure the payment title looks clean and aligned on mobile viewports */
#order_payment_heading {
    padding-left: 0px;
    color: #333;
    font-weight: 700;
}
@media (max-width: 1023px) {
    #order_payment_heading {
        padding-left: 12px !important; /* Matches your core mobile padding setup */
    }
}


/* Hide the redundant, broken duplicate search form on search results pages */
.search-results .site-main > .search-form,
.search-results .entry-content .search-form,
.search-results #primary .search-form:first-of-type {
    display: none !important;
}


/* Make "View cart" link bold on mobile shop views */
    .woocommerce a.added_to_cart,
    .woocommerce-page a.added_to_cart {
        font-weight: bold !important;
    }



/* Fix mobile horizontal scrolling and white space bleed globally */
html, 
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    position: relative;
}

/* Ensure page builder wrappers clip side-bleeding elements but EXCLUDE the header area */
#page, 
.site, 
main .elementor,
main .elementor-section,
#content .elementor,
#content .elementor-section {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* 21.10.2026 20:50 - fixed the accordeon element on category pages overlap the menu error */

/* ==========================================================================
   POWERZONE: ELEMENTOR HEADER / NAVIGATION STACKING FIX
   Purpose: Keep the expanded navigation above page content and accordions.
   ========================================================================== */

/* 1. Give the header a high stacking priority */
html body .elementor-location-header,
html body header.site-header,
html body #masthead,
html body #hfe-header,
html body .hfe-header {
    position: relative !important;
    z-index: 10000000 !important;
    overflow: visible !important;
}

/* 2. Keep Elementor navigation controls and dropdown above page content */
html body .elementor-location-header .elementor-menu-toggle,
html body .elementor-location-header .elementor-nav-menu--dropdown,
html body .elementor-location-header .elementor-nav-menu__container.elementor-nav-menu--dropdown,
html body #hfe-header .elementor-menu-toggle,
html body #hfe-header .elementor-nav-menu--dropdown,
html body .hfe-header .elementor-menu-toggle,
html body .hfe-header .elementor-nav-menu--dropdown {
    z-index: 10000001 !important;
}

/* 3. Keep category description accordions at the normal page stacking level */
html body .elementor-accordion,
html body .elementor-widget-accordion,
html body .elementor-widget-accordion .elementor-widget-container,
html body .elementor-accordion .elementor-accordion-item,
html body .elementor-accordion .elementor-tab-title,
html body .elementor-accordion .elementor-tab-content {
    z-index: auto !important;
}

/* 4. Keep the PowerZone sticky cart bar below the expanded navigation */
html body #pz-sticky-cart-bar {
    z-index: 999999 !important;
}


@media (max-width: 768px) {
    /* ==========================================================================
       1 & 2: Re-arrange Remove Button and Product Image
       ========================================================================= */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item {
        display: grid !important;
        grid-template-columns: auto 1fr !important; /* Image on left, remaining space to the right */
        align-items: center !important;
        position: relative;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    /* Reset all columns to stretch full width by default inside our new grid layout */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td {
        grid-column: 1 / -1;
    }

    /* Position Image (2) on Row 1, Column 1 (Left Side) */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: auto !important;
        display: block !important;
        border-bottom: none !important;
        padding: 5px 10px !important;
        text-align: left !important;
    }

    /* Double the size of the product image thumbnail */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-thumbnail img {
        width: 80px !important; 
        max-width: 80px !important;
        height: auto !important;
    }

    /* Position Remove X button (1) on Row 1, Column 2 (Far Right Side) */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-remove {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        display: block !important;
        border-bottom: none !important;
        padding: 5px 15px !important; 
        justify-self: end !important; /* Pushes the X container to the very right edge */
        text-align: right !important;
    }

    /* Make the X button link 30% larger */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-remove a.remove {
        font-size: 1.3em !important; /* 30% scale up from baseline size */
        display: inline-block !important;
        text-align: right !important;
    }

    /* Completely eliminate the stray colons (:) generated on the top action rows */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-remove::before,
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td.product-thumbnail::before {
        display: none !important;
        content: "" !important;
    }

    /* ==========================================================================
       3, 4, 5, 6: Add Visual Space After Colons Globally on Mobile
       ========================================================================== */
    .woocommerce-page table.shop_table_responsive tr.woocommerce-cart-form__cart-item td::before {
        margin-right: 8px !important; /* Pushes the text smoothly away from the ":" label */
        display: inline-block !important;
    }
}

/* 





/* ==========================================================================
   PRODUCT SEARCH RESULTS VISUAL REPAIR (MOBILE & DESKTOP)
   ========================================================================== */

/* Shrink the product image by 30% and keep it centered */
.search-results .type-product img,
.search-results .type-product .post-thumbnail {
    max-width: 70% !important;
    width: 70% !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
    height: auto !important;
}

/* Container spacing for the new price and button actions */
.search-product-upsell-meta {
    margin-top: 15px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #e0e0e0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Style the live pricing layout */
.search-product-upsell-meta .search-prod-price {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
}

/* Format the native WooCommerce button to adapt beautifully across views */
.search-product-upsell-meta .button.add_to_cart_button {
    background-color: #c9a054 !important; /* Matches your accent scheme */
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    border-radius: 4px !important;
    text-align: center !important;
    display: inline-block !important;
    width: max-content !important;
    min-width: 200px !important;
    transition: background-color 0.2s ease !important;
}

.search-product-upsell-meta .button.add_to_cart_button:hover {
    background-color: #a88139 !important;
}

/* Force full width button adaptation exclusively on small viewports */
@media (max-width: 768px) {
    .search-product-upsell-meta .button.add_to_cart_button {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   KILL INNER SHOP GRID SCROLLBARS (MOBILE & DESKTOP)
   ========================================================================== */
.woocommerce ul.products, 
.woocommerce-page ul.products,
.elementor-widget-woocommerce-products,
.elementor-widget-container,
#main #primary {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}





/* Increase cart totals text size by 25% */
.cart-collaterals .shop_table, 
.cart-collaterals .cart_totals,
.cart-collaterals .shipping-calculator-button {
    font-size: 115% !important;
}



/* Custom Mobile Grid Layout to Swap Checkout Modules */
@media (max-width: 1023px) {
    /* 1. Turn the checkout form into a strict mobile layout grid */
    form.woocommerce-checkout {
        display: grid !important;
        grid-template-columns: 100% !important;
    }

    /* 2. Order Review Header ("Вашата поръчка") -> Row 1 */
    #order_review_heading {
        order: 1 !important;
        grid-row: 1 !important;
    }

    /* 3. The Order Review Container -> Split and distribute contents */
    #order_review {
        display: contents !important; /* Breaks the container box so children can position independently */
    }

    /* 3a. Econt Shipping & Product Table -> Row 2 */
    #order_review .shop_table {
        order: 2 !important;
        grid-row: 2 !important;
        margin-bottom: 25px !important;
    }

    /* 4. Billing & Shipping Address Form Container -> Row 3 */
    #customer_details {
        order: 3 !important;
        grid-row: 3 !important;
        margin-bottom: 25px !important;
    }

    /* 4b. Payment Heading ("Начин на плащане") -> Row 4 (Above payment methods) */
    #order_payment_heading {
        order: 4 !important;
        grid-row: 4 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    /* 5. Payment Methods, Privacy Text, and Button Block -> Row 5 */
    #order_review #payment {
        display: flex !important;
        flex-direction: column !important;
        order: 5 !important;
        grid-row: 5 !important;
    }

    /* Keep the payment options at the top of the payment block */
    #order_review #payment ul.wc_payment_methods {
        order: 1 !important;
    }

    /* Place the privacy policy text block second to last */
    #order_review #payment .woocommerce-privacy-policy-text {
        order: 2 !important;
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    /* Place the "Поръчване" button at the very bottom */
    #order_review #payment .form-row.place-order {
        order: 3 !important;
        margin-top: 5px !important;
    }
}



/* ==========================================================================
   Hide UAE Custom Header & Footer on Cart and Checkout Form Only
   (Keeps them visible on Order Received / Thank You page)
   ========================================================================== */

/* 1. Hide on Cart Page */
body.woocommerce-cart header,
body.woocommerce-cart footer,
body.woocommerce-cart #hfe-header,
body.woocommerce-cart .hfe-header,
body.woocommerce-cart #hfe-footer,
body.woocommerce-cart .hfe-footer,
body.woocommerce-cart .ehf-header,
body.woocommerce-cart .ehf-footer {
    display: none !important;
}

/* 2. Hide on Checkout Page EXCEPT on the Thank You (order-received) page */
body.woocommerce-checkout:not(.woocommerce-order-received) header,
body.woocommerce-checkout:not(.woocommerce-order-received) footer,
body.woocommerce-checkout:not(.woocommerce-order-received) #hfe-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .hfe-header,
body.woocommerce-checkout:not(.woocommerce-order-received) #hfe-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) .hfe-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) .ehf-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .ehf-footer {
    display: none !important;
}



/* Hide shipping method radio buttons on the Cart page only */
.woocommerce-cart ul#shipping_method {
    display: none !important;
}




/* ==========================================================================
   ECONT VUE MULTISELECT PLACEHOLDER OVERRIDE
   ========================================================================== */

/* 1. Force container relative positioning */
.woo-bq-multiselect .multiselect__tags {
    position: relative !important;
}

/* 2. Force Vue's placeholder container to be visible & positioned */
.woo-bq-multiselect .multiselect__placeholder {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #666666 !important;
    font-size: 14px !important;
    line-height: normal !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* 3. Hide any default child text generated by Econt (like 'Търси адрес') */
.woo-bq-multiselect .multiselect__placeholder span {
    display: none !important;
}

/* 4. Inject 'Избери от тук!' via pseudo-element */
.woo-bq-multiselect .multiselect__placeholder::after {
    content: "Избери от тук!" !important;
    color: #666666 !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
}

/* 5. Hide placeholder when an office/address IS selected */
.woo-bq-multiselect .multiselect__single ~ .multiselect__placeholder {
    display: none !important;
}

/* 6. Hide placeholder while user is actively typing/searching */
.woo-bq-multiselect.multiselect--active .multiselect__placeholder {
    display: none !important;
}


/* 23.07.2026 17:05
/* ==========================================================================
   POWERZONE: MOBILE CHECKOUT COUPON STACKED LAYOUT (PRESERVES TOGGLE)
   ========================================================================== */
@media screen and (max-width: 768px) {

    /* Allow the main coupon form container to wrap flex items onto new lines */
    body.woocommerce-checkout form.checkout_coupon,
    body.woocommerce-checkout form.woocommerce-form-coupon {
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Force input row and button row into full-width stacked blocks */
    body.woocommerce-checkout .checkout_coupon .form-row,
    body.woocommerce-checkout .checkout_coupon .form-row-first,
    body.woocommerce-checkout .checkout_coupon .form-row-last,
    body.woocommerce-checkout form.woocommerce-form-coupon p.form-row {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    /* Full-width promo code input field on top */
    body.woocommerce-checkout .checkout_coupon #coupon_code,
    body.woocommerce-checkout form.woocommerce-form-coupon input[name="coupon_code"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 10px !important;
        min-height: 48px !important; /* Easy touch target */
        font-size: 16px !important;  /* Prevents mobile Safari/Chrome auto-zoom */
    }

    /* Full-width 'Apply Promo Code' button directly underneath */
    body.woocommerce-checkout .checkout_coupon button[name="apply_coupon"],
    body.woocommerce-checkout form.woocommerce-form-coupon button[name="apply_coupon"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        min-height: 48px !important;
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   POWERZONE: UNIVERSAL "UPDATE CART" BUTTON (#CC3366 + SHAKE ANIMATION)
   ========================================================================== */

/* Active State: Red color (#CC3366) + 4s Shake (Triggers when quantity is changed) */
button[name="update_cart"]:not(:disabled):not(.disabled),
.woocommerce button[name="update_cart"]:not(:disabled):not(.disabled),
.e-woocommerce-cart button[name="update_cart"]:not(:disabled):not(.disabled) {
    background-color: #CC3366 !important;
    border-color: #CC3366 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    animation: powerzoneShake 4s infinite ease-in-out !important;
    cursor: pointer !important;
}

/* Shake Animation Keyframes (Triggers every 4s) */
@keyframes powerzoneShake {
    0%, 88%, 100% { transform: translateX(0); }
    90% { transform: translateX(-5px); }
    92% { transform: translateX(5px); }
    94% { transform: translateX(-5px); }
    96% { transform: translateX(5px); }
    98% { transform: translateX(0); }
}

/* Inactive/Disabled State: Default gray on page load before quantity change */
button[name="update_cart"]:disabled,
button[name="update_cart"].disabled,
.woocommerce button[name="update_cart"]:disabled,
.woocommerce button[name="update_cart"].disabled {
    background-color: #e5e5e5 !important;
    border-color: #e5e5e5 !important;
    color: #888888 !important;
    animation: none !important;
    opacity: 0.6 !important;
}



/* 19/08/2026  19:39 

/* Move search button to the right & adjust input padding */
form.search-form {
    position: relative;
}

form.search-form button[type="submit"],
form.search-form input[type="submit"] {
    left: auto !important;
    right: 0 !important;
}

form.search-form input[type="search"],
form.search-form input[type="text"] {
    padding-left: 15px !important;
    padding-right: 55px !important;
}


/* 19/08/2026  20:32 

/* Product Grid: Out of stock text styling */
.pz-grid-out-of-stock {
    color: #8b0000; /* Dark Red */
    font-size: 1em; /* Matches price size */
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 6px;
}

/* Single Product Page: Make "Изчерпан" larger, bold, and dark red */
.single-product .stock.out-of-stock,
.single-product p.out-of-stock {
    color: #8b0000 !important;
    font-size: 1.33rem !important; /* Increased size by 1/3 */
    font-weight: 700 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}



/* 30.08.2026 16:34

/* ======================================================
   1. Global Rules (Desktop + Mobile)
   ====================================================== */

/* Product link wrapper */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Image: Centered with rounded corners */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
    border-radius: 14px !important;
    overflow: hidden;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/* Product Titles: Bold font & Left-aligned */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-weight: 700 !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

/* Prices General: Bold typography */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price * {
    font-weight: 700 !important;
}

/* Buttons: Rounded corners & Bold text */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    border-radius: 20px !important;
    text-align: center !important;
    font-weight: 700 !important;
}

/* ======================================================
   2. Mobile-Only Adjustments (Screens below 768px)
   ====================================================== */
@media screen and (max-width: 767px) {
    /* 1-Column Container with Side Padding */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1em !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    /* Single full-width product item */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 35px !important;
        box-sizing: border-box !important;
    }

    /* Full-width image display */
    .woocommerce ul.products li.product a img,
    .woocommerce ul.products li.product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto 12px auto !important;
    }

    /* Prices (Mobile Only): Single-line display & Right-aligned */
    .woocommerce ul.products li.product .price {
        display: block !important;
        text-align: right !important;
        width: 100% !important;
        white-space: nowrap !important;
        margin-left: auto !important;
    }

    .woocommerce ul.products li.product .price * {
        display: inline !important;
        white-space: nowrap !important;
    }

    /* Stretched full-width button on mobile */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px 16px !important;
        margin-top: 10px !important;
    }
}


/* 30.08.2026 17:48

/* ======================================================
   POWERZONE: GRID STYLING, SINGLE-LINE PRICE & CART LINK
   ====================================================== */

/* 1. Global Single-Line Price Formatting (Desktop & Mobile) */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .single_variation_wrap .woocommerce-variation-price {
    display: block !important;
    text-align: right !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    margin-bottom: 8px !important;
}

.woocommerce ul.products li.product .price *,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price bdi,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce ul.products li.product .single_variation_wrap .woocommerce-variation-price * {
    display: inline !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
}

/* 2. Global Product Grid & Card Alignment */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
    border-radius: 14px !important;
    overflow: hidden;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-weight: 700 !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

/* 3. Clean Variations Form & Completely Remove Empty Label Table Header Box */
.woocommerce ul.products li.product form.variations_form,
.woocommerce ul.products li.product table.variations,
.woocommerce ul.products li.product table.variations tbody,
.woocommerce ul.products li.product table.variations tr {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 0 6px 0 !important;
    display: block !important;
    width: 100% !important;
}

/* Hide th header cell, td label, raw select box, quantity, and reset links */
.woocommerce ul.products li.product table.variations th,
.woocommerce ul.products li.product table.variations th.label,
.woocommerce ul.products li.product table.variations td.label,
.woocommerce ul.products li.product table.variations label,
.woocommerce ul.products li.product .quantity,
.woocommerce ul.products li.product form.variations_form .quantity,
.woocommerce ul.products li.product .reset_variations,
.woocommerce ul.products li.product select,
.woocommerce ul.products li.product select.pz-pills-done {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Expand the pill container cell across full width */
.woocommerce ul.products li.product table.variations td,
.woocommerce ul.products li.product table.variations td.value {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}


/* 4. Pill Buttons Styling */
.pz-pill-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    border: none !important;
    background: transparent !important;
}

.pz-pill-btn {
    background-color: #f2f2f2 !important;
    color: #222222 !important;
    border: 1.5px solid #dcdcdc !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    outline: none !important;
    box-shadow: none !important;
}

.pz-pill-btn:hover {
    border-color: #000000 !important;
    background-color: #e8e8e8 !important;
}

.pz-pill-btn.active {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* 5. Add to Cart Buttons Styling */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .single_add_to_cart_button,
.woocommerce ul.products li.product form.variations_form .single_add_to_cart_button,
.woocommerce ul.products li.product .woocommerce-variation-add-to-cart {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: 10px !important;
}

/* 6. "Преглед на количката" (View Cart) Link Styling */
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product .added_to_cart {
    display: block !important;
    text-align: center !important;
    margin-top: 8px !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
    color: #8b2b52 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce ul.products li.product a.added_to_cart:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* 7. Mobile Layout (Screens below 768px) */
@media screen and (max-width: 767px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1em !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 35px !important;
        box-sizing: border-box !important;
    }

    .woocommerce ul.products li.product a img,
    .woocommerce ul.products li.product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto 12px auto !important;
    }
}


/* 31.08.2026  11:49

/* ======================================================
   POWERZONE: SINGLE PRICE DISPLAY FIX & TYPOGRAPHY
   ====================================================== */

/* 1. Global Product Titles (Uppercase & Font Size) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    text-transform: uppercase !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-align: left !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

/* 2. Simple Products Price Display */
.woocommerce ul.products li.product:not(.product-type-variable) .price {
    display: block !important;
    text-align: right !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    margin-bottom: 8px !important;
    font-size: 1.1rem !important;
}

.woocommerce ul.products li.product:not(.product-type-variable) .price * {
    display: inline !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

/* 3. Hide Default/Native WooCommerce Price Elements on Variable Products */
.woocommerce ul.products li.product.product-type-variable > .price,
.woocommerce ul.products li.product.product-type-variable > a > .price,
.woocommerce ul.products li.product.product-type-variable .woocommerce-loop-product__link .price,
.woocommerce ul.products li.product.product-type-variable .woocommerce-LoopProduct-link .price,
.woocommerce ul.products li.product.product-type-variable .single_variation_wrap .woocommerce-variation-price {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Single Custom Price Display Below Swatches */
.pz-variation-price-display {
    display: block !important;
    text-align: right !important;
    width: 100% !important;
    white-space: nowrap !important;
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.pz-variation-price-display *,
.pz-variation-price-display .price,
.pz-variation-price-display .price *,
.pz-variation-price-display .amount,
.pz-variation-price-display .woocommerce-Price-currencySymbol {
    display: inline !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}


/* 20.09.2026 20:41

/* ==========================================================================
   POWERZONE: HIDE CATEGORY TITLES ONLY (KEEP ACCORDION/DESCRIPTION)
   ========================================================================== */

/* Target and hide title elements specifically */
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.woocommerce-products-header__title,
.tax-product_cat .page-header-title,
.tax-product_cat h1.page-title {
    display: none !important;
}

/* Ensure header wrapper and category description remain visible */
.woocommerce-products-header,
.woocommerce-products-header .term-description,
.tax-product_cat .term-description,
.archive-description {
    display: block !important;
}



/* 06.09.2026  01:02

/* Reduce Privacy Policy notice font size on the login/register page */
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p {
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #666666 !important;
}


/* 06.09.2026 20:34 - LOGIN/LOGOUT icon

/* Stack icon and label vertically */
.custom-account-icon .account-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    text-align: center;
    line-height: 1.1;
}

/* Icon size to match the cart icon */
.custom-account-icon i {
    font-size: 28px;
    margin-bottom: 3px;
}

/* Compact text below the icon */
.custom-account-icon .account-label {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

/* Active logged-in icon color */
.custom-account-icon.logged-in i {
    color: #27ae60;
}


/* Reset default Elementor shortcode widget spacing and align flex item */
.elementor-widget-shortcode {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    align-self: center;
}

/* Fine-tune vertical position of the account icon block on desktop */
@media (min-width: 769px) {
    .custom-account-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-4px); /* Fine-tune this px value if you need a higher/lower shift */
    }
}


/* 13/09/2026 18:30

/* Remove title-case capitalization from all buttons across the store */
button,
input[type="submit"],
input[type="button"],
.button,
a.button,
.single_add_to_cart_button,
.added_to_cart,
.pz-pill-btn {
    text-transform: none !important;
}



/* 18.09.2026 21:55

/* Continue Shopping Button (Cart Page) */
.pz-continue-shopping-btn {
    background-color: transparent !important;
    color: #333333 !important;
    border: 1px solid #cccccc !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    margin-right: 10px;
}

.pz-continue-shopping-btn:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #999999 !important;
}


/* 19.09.2026 01:47

/* ==========================================================================
   POWERZONE: FLOATING TOP CART BAR STYLES (FIXED)
   ========================================================================== */

/* Scope suppression strictly to loop/grid buttons so cart/checkout buttons remain visible */
.woocommerce ul.products li.product .added_to_cart,
.woocommerce .product .added_to_cart {
    display: none !important;
}

/* Floating Bar Container */
#pz-top-floating-cart-bar,
#pz-bottom-floating-cart-bar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    z-index: 999999 !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.3s ease;
    box-sizing: border-box !important;
}

/* Active State Trigger */
/* Floating Bar Container - Anchored to Bottom */
#pz-top-floating-cart-bar,
#pz-bottom-floating-cart-bar {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    z-index: 999999 !important;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(100%) !important;
    opacity: 0;
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0.3s ease;
    box-sizing: border-box !important;
}

/* Active State Trigger - Slide Up from Bottom */
#pz-top-floating-cart-bar.pz-active,
#pz-bottom-floating-cart-bar.pz-active {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Layout Wrapper */
.pz-cart-bar-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.pz-cart-bar-info {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #e0e0e0;
}

.pz-cart-bar-info strong {
    color: #ffffff;
    font-weight: 700;
}

.pz-cart-divider {
    color: #555555;
}

/* Action Button */
.pz-cart-review-btn {
    background-color: #ffffff !important;
    color: #111111 !important;
    padding: 8px 18px !important;
    border-radius: 4px;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.pz-cart-review-btn:hover {
    background-color: #e2e2e2 !important;
    color: #000000 !important;
}

/* Mobile & Tablet Optimizations */
@media (max-width: 768px) {
    .pz-cart-bar-container {
        padding: 8px 12px;
    }
    
    .pz-cart-bar-info {
        font-size: 12px;
        gap: 6px;
    }

    .pz-cart-review-btn {
        padding: 6px 12px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .pz-cart-divider {
        display: none;
    }

    .pz-cart-bar-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        line-height: 1.2;
    }
}


/* 20.09.2026 20:59


/* ==========================================================================
   POWERZONE: CART TABLE SALE PRICE STYLING
   ========================================================================== */

/* Strikethrough for original price */
.woocommerce-cart-form .product-price del.pz-cart-old-price,
.woocommerce-cart-form .product-price del {
    color: #888888 !important;
    text-decoration: line-through !important;
    font-size: 0.9em;
    margin-right: 6px;
    display: inline-block;
}

/* Underline for discounted sale price */
.woocommerce-cart-form .product-price ins.pz-cart-sale-price,
.woocommerce-cart-form .product-price ins {
    color: #111111 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    background: transparent !important;
    display: inline-block;
}



/* 20.09.2026 22:03

/* Native Cart Coupon Form */
.pz-native-cart-coupon {
    margin-bottom: 20px;
    padding: 12px;
    background-color: #f9f9f9;
    border: 1px dashed #cccccc;
    border-radius: 4px;
}

.pz-coupon-input-group {
    display: flex;
    gap: 8px;
}

.pz-coupon-input-group input#pz_coupon_code {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    margin: 0 !important;
}

.pz-coupon-input-group button[name="apply_coupon"] {
    background-color: #111111 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer;
}


/* 20.09.2026 23:34

/* ==========================================================================
   POWERZONE: CART COUPON TOGGLE STYLES
   ========================================================================== */

/* Hide standard label */
.woocommerce-cart-form .coupon label[for="coupon_code"] {
    display: none !important;
}

/* Base Coupon Container */
.woocommerce-cart-form .coupon {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    float: left;
}

/* Toggle Link Styling */
.pz-coupon-toggle-link {
    font-weight: 600;
    color: #111111 !important;
    text-decoration: underline !important;
    cursor: pointer;
    font-size: 18px;
    display: inline-block;
    transition: color 0.2s ease;
}

.pz-coupon-toggle-link:hover {
    color: #555555 !important;
}

/* Input Field Styling */
.woocommerce-cart-form .coupon input#coupon_code {
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 18px;
    box-sizing: border-box;
}

/* Apply Coupon Button Styling */
.woocommerce-cart-form .coupon button[name="apply_coupon"] {
    height: 42px;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    padding: 0 18px !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   Mobile Responsive Alignment
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .woocommerce-cart-form .coupon {
        float: none;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 10px;
        margin-bottom: 15px;
    }

    .pz-coupon-toggle-link {
        text-align: center;
        width: 100%;
    }

    .woocommerce-cart-form .coupon input#coupon_code,
    .woocommerce-cart-form .coupon button[name="apply_coupon"] {
        width: 100% !important;
        max-width: 100%;
        text-align: center;
    }
}



/* 22.09.2026 17:32

/* ==========================================================================
   POWERZONE: CUSTOM AJAX SEARCH & RESULTS GRID STYLES
   ========================================================================== */

/* 1. Header Search Bar Field & Inline Icon (Absolute Positioned & 20% Smaller) */
.pz-search-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.pz-search-form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 40px !important; /* Scaled down ~20% */
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.pz-search-form input[type="text"]#pz-search-input {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 2px 36px 2px 8px !important; /* Right padding preserves room for button */
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 18px !important; /* ~20% smaller font */
    background: transparent !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

.pz-search-form button.pz-search-submit {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 40px !important; /* ~20% smaller button width */
    height: 100% !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
}

.pz-search-form button.pz-search-submit svg {
    stroke: #ffffff !important;
    width: 14px !important; /* ~20% smaller icon */
    height: 14px !important;
}

/* 2. Live AJAX Search Dropdown Preview */
.pz-search-results-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
    max-height: 320px;
    overflow-y: auto;
}

.pz-search-results-dropdown.active {
    display: block;
}

.pz-search-result-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    text-decoration: none !important;
    border-bottom: 1px solid #f7fafc;
    transition: background 0.2s ease;
}

.pz-search-result-item:last-child {
    border-bottom: none;
}

.pz-search-result-item:hover {
    background: #f8fafc;
}

.pz-search-result-item img {
    width: 38px;
    height: 38px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.pz-search-item-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pz-search-item-title {
    font-size: 13px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.2;
}

.pz-search-item-price {
    font-size: 12px;
    color: #2b6cb0;
    font-weight: 500;
}

.pz-search-loading,
.pz-search-no-results {
    padding: 12px;
    text-align: center;
    font-size: 12px;
    color: #718096;
}

/* 3. Search Page Layout Fix (Vertical Stacking) */
.search-results #primary,
.search-results #main,
.search-results #content,
.search-results .site-main,
.search-results .content-area,
.search-results div.woocommerce,
body.search #primary,
body.search #main,
body.search .site-main,
body.search div.woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    flex: 0 0 100% !important;
    margin: 0 auto !important;
}

.search-results #secondary,
.search-results .sidebar,
body.search #secondary {
    display: none !important;
}

/* 4. Breadcrumb & Title Position (Above Results) */
.search-results .woocommerce-breadcrumb,
.search-results .page-title,
.search-results header.page-header,
body.search .woocommerce-breadcrumb,
body.search .page-title {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}

/* Hide Extra Sorting Dropdowns / Result Count */
.search-results .woocommerce-result-count,
.search-results .woocommerce-ordering,
body.search .woocommerce-result-count,
body.search .woocommerce-ordering {
    display: none !important;
}

/* 5. Product Grid Layout (Order 2 - Middle) */
.search-results ul.products,
.woocommerce.search-results ul.products,
body.search ul.products {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
    clear: both !important;
}

.search-results ul.products::before,
.search-results ul.products::after {
    display: none !important;
}

.search-results ul.products li.product,
.woocommerce.search-results ul.products li.product,
body.search ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    border: 1px solid #f0f0f0 !important;
    text-align: center !important;
}

/* 6. Infinite Scroll / Load More Banner (Order 3 - Bottom) */
.search-results .woocommerce-pagination,
.search-results .load-more-button,
.search-results .infinite-scroll,
.search-results .pagination-wrapper,
.search-results [class*="load-more"],
.search-results [class*="pagination"],
.search-results [class*="infinite"],
body.search [class*="load-more"],
body.search [class*="pagination"],
body.search [class*="infinite"] {
    order: 3 !important;
    width: 100% !important;
    clear: both !important;
    display: block !important;
    text-align: center !important;
    margin: 30px auto 10px auto !important;
    float: none !important;
}

/* 7. Responsive Breakpoints */
/* Tablet (2 columns) */
@media (max-width: 991px) {
    .search-results ul.products,
    .woocommerce.search-results ul.products,
    body.search ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile (1 column strictly) */
@media (max-width: 767px) {
    .search-results ul.products,
    .woocommerce.search-results ul.products,
    body.search ul.products {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .search-results ul.products li.product,
    .woocommerce.search-results ul.products li.product,
    body.search ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* 28.09.2026 17:27

/* ==========================================================================
   HIDE PRODUCT TAGS ON SINGLE PRODUCT PAGES
   ========================================================================== */
.single-product .product_meta .tagged_as {
    display: none !important;
}



/* 06.10.2026 23:40  updated on: 08.10.2026 18:03 */

/* ==========================================================================
   POWERZONE: ROTATING TOP ANNOUNCEMENT BANNER
   Products + Product Categories only
   Updated: 08.10.2026
   ========================================================================== */

/* 30-day cookie closed state */
html.pz-promo-banner-session-closed #pz-promo-announcement-banner {
    display: none !important;
}

/* Main banner */
#pz-promo-announcement-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(15deg, #000000 0%, #000000 20%, #CF3366 100%);
    color: #ffffff;
    z-index: 999999999 !important;
    padding: 10px 50px 10px 15px;
    box-sizing: border-box !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.20);
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
    will-change: transform, opacity;
}

/* Close animation */
#pz-promo-announcement-banner.pz-promo-banner-closing {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/* Banner content */
.pz-promo-banner-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

/* Slider */
.pz-promo-slider {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
}

/* Individual slides */
.pz-slide {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateX(100%);
    text-align: center;
    pointer-events: none;
    visibility: hidden;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease;
}

/* Active slide */
.pz-slide.active {
    position: relative;
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    visibility: visible;
}

/* Previous slide exits left */
.pz-slide.exit {
    position: absolute;
    opacity: 0;
    transform: translateX(-100%);
    pointer-events: none;
    visibility: hidden;
}

/* Message text */
.pz-promo-banner-text {
    display: inline-block;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
}

/* Bold/highlighted text */
.pz-promo-banner-text strong {
    color: #FFD700;
    font-weight: 700;
}

/* Close button */
#pz-promo-banner-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 400;
    cursor: pointer;
    padding: 5px !important;
    margin: 0 !important;
    opacity: 0.75;
    z-index: 2;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Close button hover */
#pz-promo-banner-close:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

/* Keyboard accessibility */
#pz-promo-banner-close:focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px;
}

/* Dynamic banner height */
:root {
    -pz-promo-banner-height: 0px;
}

/* Push normal page content below the banner */
body.pz-promo-banner-active {
    padding-top: var(--pz-promo-banner-height) !important;
}

/* Mobile */
@media (max-width: 768px) {
    #pz-promo-announcement-banner {
        padding: 8px 42px 8px 12px;
    }

    .pz-promo-banner-text {
        font-size: 13px;
        line-height: 1.35;
    }

    #pz-promo-banner-close {
        right: 8px;
        font-size: 23px !important;
    }

    .pz-promo-slider {
        min-height: 21px;
    }
}

/* Very small phones */
@media (max-width: 380px) {
    #pz-promo-announcement-banner {
        padding-left: 10px;
        padding-right: 38px;
    }

    .pz-promo-banner-text {
        font-size: 12px;
    }

    #pz-promo-banner-close {
        right: 6px;
        font-size: 21px !important;
    }
}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    #pz-promo-announcement-banner,
    .pz-slide,
    #pz-promo-banner-close {
        transition: none !important;
    }
}



/* ==========================================================================
   Layout Offset & Responsive Behavior
   ========================================================================== */

body:not(.promo-banner-closed) {
    margin-top: 42px;
}

@media (max-width: 768px) {
    #pz-promo-announcement-banner {
        padding: 8px 35px 8px 12px;
    }
    
    .pz-promo-banner-text {
        font-size: 12px;
    }

    body:not(.promo-banner-closed) {
        margin-top: 50px;
    }
}


/* 28.09.2026 23:01


/* ==========================================================================
   POWERZONE CHECKOUT NOTICE BANNER
   ========================================================================== */
.pz-checkout-notice {
    display: flex;
    align-items: center;
    background-color: #fff9c4; /* Soft high-visibility yellow */
    border: 1px solid #fbc02d;  /* Muted gold border */
    border-left: 5px solid #f57f17; /* Strong amber accent strip on the left */
    border-radius: 4px;
    padding: 14px 18px;
    margin-bottom: 20px;
    color: #2c2c2c;
    font-size: 14.5px;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.pz-checkout-notice-icon {
    font-size: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    line-height: 1;
}

.pz-checkout-notice-text {
    flex-grow: 1;
}

.pz-checkout-notice-text strong {
    color: #000000;
    font-weight: 700;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .pz-checkout-notice {
        padding: 12px 14px;
        font-size: 13.5px;
        margin-bottom: 15px;
    }
    
    .pz-checkout-notice-icon {
        font-size: 18px;
        margin-right: 10px;
    }
}

/* 02.10.2026 16:19 */

.my-custom-button a {
    background-color: #ffffff !important;
    color: #cc0000 !important;
    border-radius: 4px;
}

.my-custom-button a:hover {
    background-color: #ffffff !important;
    color: #8b0000 !important;
}


/* 05.10.2026 23:40 */


/* Remove top margin and top padding from all Elementor header containers */
.elementor-location-header,
.elementor-location-header .elementor-section:first-child,
.elementor-location-header .elementor-container:first-child,
.elementor-location-header .e-con:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* 08.10.2026 18:41 */ 

.page-id-1823 .site-navigation {
    display: none !important;
}

/* 14.10.2026 21:20

/* Single Product Packaging Disclaimer Styling */
.pz-product-disclaimer {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background-color: #f0f7f4; /* Soft light sage green background */
    border: 1px solid #cce5dc; /* Subtle green border */
    border-radius: 6px;
    padding: 10px 14px;
    margin: 15px 0;
    color: #2e5246; /* Deep muted green text for high readability */
    font-size: 15px;
    line-height: 1.4;
}

.pz-product-disclaimer .pz-disclaimer-icon {
    flex-shrink: 0;
    margin-top: 2px;
    stroke: #3b7a66; /* Accent green color for the info icon */
}

/* 18.10.2026 17:18

/* PowerZone B2B Landing Form Custom Styling */
.powerzone-landing-b2b-form-wrapper {
    max-width: 520px;
    margin: 0 auto;
    padding: 30px 25px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    font-family: inherit;
}

.powerzone-landing-b2b-form-wrapper .pz-form-row {
    margin-bottom: 18px;
    text-align: left;
}

.powerzone-landing-b2b-form-wrapper label {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 6px;
}

.powerzone-landing-b2b-form-wrapper label .required {
    color: #e53e3e;
}

.powerzone-landing-b2b-form-wrapper input[type="text"],
.powerzone-landing-b2b-form-wrapper input[type="email"],
.powerzone-landing-b2b-form-wrapper input[type="tel"],
.powerzone-landing-b2b-form-wrapper input[type="password"] {
    width: 100% !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    color: #2d3748 !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out;
}

.powerzone-landing-b2b-form-wrapper input:focus {
    outline: none !important;
    border-color: #0073e6 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.15) !important;
}

.powerzone-landing-b2b-form-wrapper .pz-field-help {
    font-size: 12px;
    color: #64748b;
    display: block;
    margin-top: 5px;
}

/* Primary Electric Blue Button Matching Page CTAs */
.powerzone-landing-b2b-form-wrapper .pz-submit-row {
    margin-top: 25px;
    margin-bottom: 0;
}

.powerzone-landing-b2b-form-wrapper button[type="submit"] {
    width: 100% !important;
    background-color: #0073e6 !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 4px 12px rgba(0, 115, 230, 0.25) !important;
}

.powerzone-landing-b2b-form-wrapper button[type="submit"]:hover {
    background-color: #005bb5 !important;
}

.powerzone-landing-b2b-form-wrapper button[type="submit"]:active {
    transform: scale(0.99);
}

.powerzone-landing-b2b-form-wrapper button[type="submit"]:disabled {
    background-color: #94a3b8 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}


/* 26.10.2026 12:29 */

/* ==========================================================================
   POWERZONE: INLINE GRID QUANTITY CONTROLLER  [ - ] [ 1 ] [ + ]   (v2, 25.10.2026)
   REPLACES the previous v1 block completely. Pairs with pz_gq_* in functions.php.
   Shown only on cards with .pz-in-cart. Plain CSS values only, no CSS variables.
   ========================================================================== */
/* Controller: hidden by default. Same look as the cart page selector: light border, white centre, blue-grey sides */
.woocommerce ul.products li.product .pz-gq {
    position: relative;
    display: none;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    min-height: 46px;
    margin-top: 10px;
    box-sizing: border-box;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    overflow: hidden;
}
/* In cart: show controller, hide the standard button and the "view cart" link */
.woocommerce ul.products li.product.pz-in-cart .pz-gq {
    display: flex;
}
.woocommerce ul.products li.product.pz-in-cart a.add_to_cart_button,
.woocommerce ul.products li.product.pz-in-cart .added_to_cart {
    display: none !important;
}
/* Minus / plus cells (reset the theme's default button look) */
.woocommerce ul.products li.product .pz-gq .pz-gq-btn {
    flex: 0 0 31%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    background: #f1f5f9 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1a5694 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}
.woocommerce ul.products li.product .pz-gq .pz-gq-btn:active:not(:disabled) {
    background: #cbd5e1 !important;
}
.woocommerce ul.products li.product .pz-gq .pz-gq-btn:focus-visible {
    outline: 2px solid #1a5694;
    outline-offset: -3px;
}
.woocommerce ul.products li.product .pz-gq .pz-gq-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
@media (hover: hover) {
    .woocommerce ul.products li.product .pz-gq .pz-gq-btn:hover:not(:disabled) {
        background: #e2e8f0 !important;
    }
}
/* Quantity number (white centre cell) */
.woocommerce ul.products li.product .pz-gq .pz-gq-qty {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #2d3748;
    font-size: 16px;
    font-weight: 600;
    user-select: none;
}
/* Loading spinner: sits exactly over the quantity number while the cart is updating */
.woocommerce ul.products li.product .pz-gq .pz-gq-spin {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='none' stroke-width='22'%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%2333cccc'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%2333cccc' transform='rotate(45 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(90 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(135 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(180 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(225 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(270 256 256)'/%3E%3Crect x='232' y='11' width='48' height='99' rx='24' stroke='%23000000' transform='rotate(315 256 256)'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events: none;
}
.woocommerce ul.products li.product .pz-gq.is-loading .pz-gq-qty {
    color: transparent;
}
.woocommerce ul.products li.product .pz-gq.is-loading .pz-gq-spin {
    display: block;
    animation: pzGqSpin 0.8s steps(8) infinite;
}
@keyframes pzGqSpin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
/* Short fade/scale when the card swaps between button and controller (only on user action, not on page load) */
@keyframes pzGqIn {
    from { opacity: 0; transform: scale(0.94); }
    to   { opacity: 1; transform: scale(1); }
}
.woocommerce ul.products li.product.pz-gq-anim .pz-gq,
.woocommerce ul.products li.product.pz-gq-anim a.add_to_cart_button {
    animation: pzGqIn 0.2s ease-out;
}
@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product.pz-gq-anim .pz-gq,
    .woocommerce ul.products li.product.pz-gq-anim a.add_to_cart_button,
    .woocommerce ul.products li.product .pz-gq.is-loading .pz-gq-spin {
        animation: none !important;
    }
}
/* Mobile: slightly larger touch targets */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .pz-gq {
        min-height: 48px;
    }
    .woocommerce ul.products li.product .pz-gq .pz-gq-btn {
        font-size: 22px !important;
    }
}