.elementor-2683 .elementor-element.elementor-element-72a91519{--display:flex;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;overflow:visible;}.elementor-2683 .elementor-element.elementor-element-110282b{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) 0%;text-align:center;}.elementor-2683 .elementor-element.elementor-element-cc3627a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Product Sans", Sans-serif;font-size:18px;font-weight:400;letter-spacing:1.6px;fill:#FFFFFF;color:#FFFFFF;}.elementor-2683 .elementor-element.elementor-element-cc3627a{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;}@media(max-width:767px){.elementor-2683 .elementor-element.elementor-element-2cbb6887{width:100%;max-width:100%;padding:0% 2% 0% 2%;}.elementor-2683 .elementor-element.elementor-element-cc3627a .elementor-button{font-size:15px;}}@media(min-width:768px){.elementor-2683 .elementor-element.elementor-element-72a91519{--content-width:1003px;}}/* Start custom CSS for text-editor, class: .elementor-element-2cbb6887 *//* Target the exact checkout button in WooCommerce blocks */
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-cart__submit-container a.wc-block-components-button {
    background-color: #009688 !important;
    color: white !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Hover effect */
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-container a.wc-block-components-button:hover {
    background-color: #00796b !important; /* Slightly darker teal on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Active/click effect */
.wc-block-cart__submit-button:active,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:active,
.wc-block-cart__submit-container a.wc-block-components-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Target the text inside the button */
.wc-block-components-button__text {
    color: white !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72a91519 *//* Main cart layout and container styling */
.wc-block-cart,
.wc-block-components-sidebar-layout.wc-block-cart,
.wp-block-woocommerce-cart {
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Cart items main section */
.wc-block-cart__main,
.wc-block-components-main.wc-block-cart__main {
    width: 100% !important;
    padding: 20px !important;
}

/* Cart sidebar/totals section */
.wc-block-components-sidebar.wc-block-cart__sidebar {
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
}

/* Button styling for all cart buttons */
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.contained,
.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-components-totals-coupon__button {
    background-color: #0B4D4A !important; /* Deep teal background */
    color: #FFFFFF !important; /* White text */
    border: none !important;
    border-radius: 50px !important; /* Rounded corners */
    padding: 12px 25px !important; /* Proper padding */
    font-weight: 600 !important; /* Semi-bold text */
    text-transform: uppercase !important; /* Uppercase text */
    transition: background-color 0.3s ease !important;
    box-shadow: none !important;
    width: 100% !important; /* Full width for mobile */
    max-width: 300px !important; /* Maximum width */
    height: auto !important;
    margin: 10px auto !important; /* Center the button */
    display: block !important;
}

/* Hover state for all buttons */
.wc-block-components-checkout-place-order-button:hover:not(:disabled),
.wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.wc-block-components-totals-coupon__button:hover:not(:disabled) {
    background-color: #0e615e !important; /* Slightly lighter teal on hover */
    color: #FFFFFF !important;
}

/* Button text styling */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text,
.wc-block-components-checkout-place-order-button__text,
.wc-block-cart__submit-button .wc-block-components-button__text,
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
}

/* Fix container alignment for submit buttons */
.wc-block-cart__submit-container,
.wc-block-cart__submit-container--sticky {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px !important;
    background-color: transparent !important;
}

/* Cart totals title styling */
.wc-block-cart__totals-title {
    text-align: center !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

/* Responsive layout for larger screens */
@media (min-width: 768px) {
    .wc-block-components-sidebar-layout.wc-block-cart {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    
    .wc-block-cart__main {
        flex: 1 1 65% !important;
        margin-right: 5% !important;
    }
    
    .wc-block-cart__sidebar {
        flex: 1 1 30% !important;
    }
    
    .wc-block-cart__submit-container {
        padding: 20px 0 !important;
    }
}

/* Fix for disabled state of buttons */
.wc-block-components-totals-coupon__button:disabled {
    background-color: #0B4D4A !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}






/* Apply button styling to match CONTINUE SHOPPING button */
.wc-block-components-totals-coupon__button {
    background-color: #0B4D4A !important; /* Deep teal background */
    color: #FFFFFF !important; /* White text */
    border: none !important;
    border-radius: 50px !important; /* Rounded corners */
    padding: 12px 25px !important; /* Proper padding */
    font-weight: 600 !important; /* Semi-bold text */
    text-transform: uppercase !important; /* Uppercase text */
    transition: background-color 0.3s ease !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    font-family: inherit !important;
}

/* Hover state */
.wc-block-components-totals-coupon__button:hover:not(:disabled) {
    background-color: #0e615e !important; /* Slightly lighter teal on hover */
    color: #FFFFFF !important;
}

/* Button text */
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
    color: #FFFFFF !important;
    font-size: 14px !important;
}

/* Fix for disabled state */
.wc-block-components-totals-coupon__button:disabled {
    background-color: #0B4D4A !important;
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}/* End custom CSS */
/* Start custom CSS *//* Improve empty cart message */
.wc-block-cart__empty-cart__title,
.wp-block-heading.has-text-align-center.with-empty-cart-icon {
    font-size: 28px !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    position: relative !important;
}

/* Remove sad face icon if present */
.wc-block-cart__empty-cart__title:before,
.wp-block-heading.has-text-align-center.with-empty-cart-icon:before,
.wc-block-components-empty-cart__icon,
.woocommerce-cart p.cart-empty img,
.woocommerce-cart p.return-to-shop img,
.woocommerce-cart .woocommerce-notices-wrapper img,
.wc-block-cart .wc-block-cart__empty-cart__image {
    display: none !important;
}

/* Add a welcoming message after the empty cart text */
.wc-block-cart__empty-cart__title:after,
.wp-block-heading.has-text-align-center.with-empty-cart-icon:after {
    content: "Explore our products and find something perfect for you" !important;
    display: block !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    font-weight: normal !important;
    color: #666 !important;
}

/* Add a Shop The Catalog button at the top */
.wp-block-separator.has-alpha-channel-opacity.is-style-dots {
    position: relative !important;
    margin-bottom: 40px !important;
}

.wp-block-separator.has-alpha-channel-opacity.is-style-dots:after {
    content: "" !important;
    display: block !important;
    text-align: center !important;
    margin: 20px auto 0 !important;
}

/* Fix the overly spaced out discover text */
.wp-block-separator.has-alpha-channel-opacity.is-style-dots:before {
    content: "Discover our full collection" !important;
    display: block !important;
    text-align: center !important;
    margin: 20px auto 15px !important;
    font-size: 16px !important;
    color: #555 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-transform: none !important;
    font-weight: normal !important;
}

/* Remove any widely spaced text */
[style*="letter-spacing"], 
div[style*="letter-spacing"],
span[style*="letter-spacing"],
div[data-content*="iscover"],
div[data-content*="ollection"],
.wp-block-cart__empty-cart__subtitle,
.wc-block-cart__empty-cart__subtitle,
.spaced-text {
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

/* Add Shop The Catalog button */
.wp-block-separator.has-alpha-channel-opacity.is-style-dots:after {
    content: "Shop The Catalog" !important;
    display: inline-block !important;
    background-color: #009688 !important;
    color: white !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    max-width: 250px !important;
}

/* Make it actually clickable */
.wp-block-separator.has-alpha-channel-opacity.is-style-dots {
    cursor: pointer !important;
}

.wp-block-separator.has-alpha-channel-opacity.is-style-dots:hover:after {
    background-color: #00796b !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Style the product Add to Cart buttons */
.wc-block-grid__product-add-to-cart .wp-block-button__link.add_to_cart_button,
.add_to_cart_button,
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-components-product-button .wp-block-button__link {
    background-color: #009688 !important;
    color: white !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    text-align: center !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link.add_to_cart_button:hover,
.add_to_cart_button:hover,
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-components-product-button .wp-block-button__link:hover {
    background-color: #00796b !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Add some spacing to New in Store heading */
.wp-block-heading.has-text-align-center:not(.with-empty-cart-icon) {
    margin: 40px 0 30px !important;
    font-size: 24px !important;
    color: #333 !important;
}

/* Enhance product titles */
.wc-block-grid__product-title {
    font-weight: 500 !important;
    color: #333 !important;
    font-size: 16px !important;
    margin-top: 10px !important;
}

/* Make product cards more attractive */
.wc-block-grid__product {
    transition: all 0.3s ease !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

.wc-block-grid__product:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-3px) !important;
}

/* Style the Proceed to Checkout button */
.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-cart__submit-container a.wc-block-components-button {
    background-color: #009688 !important;
    color: white !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border: none !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Hover effect */
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-container a.wc-block-components-button:hover {
    background-color: #00796b !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Target the text inside the button */
.wc-block-components-button__text {
    color: white !important;
}

/* Style category tabs as vertical stack */
.eael-cat-tab {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    max-width: 250px !important;
}

.eael-cat-tab li {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.eael-cat-tab li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 20px !important;
    background-color: white !important;
    color: #333 !important;
    border: 1px solid #eaeaea !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    text-align: left !important;
}

.eael-cat-tab li a:hover {
    background-color: #f8f8f8 !important;
}

.eael-cat-tab li a.active {
    background-color: #f5f5f5 !important;
    font-weight: 500 !important;
}/* End custom CSS */