/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1769078131
Updated: 2026-01-22 11:35:31

*/


/* ==========================================================================
   WooCommerce Quantity Selector with +/- buttons
   ========================================================================== */

/* Quantity wrapper styling - Override theme styles */
.woocommerce .quantity,
.quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce .quantity .qty-btn,
.quantity .qty-btn,
.quantity button.qty-btn {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    cursor: pointer !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #333 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.woocommerce .quantity .qty-btn:hover,
.quantity .qty-btn:hover {
    background-color: #f5f5f5 !important;
    border-color: #999 !important;
}

.woocommerce .quantity .qty-btn.minus,
.quantity .qty-btn.minus {
    border-right: none !important;
}

.woocommerce .quantity .qty-btn.plus,
.quantity .qty-btn.plus {
    border-left: none !important;
}

.woocommerce .quantity .qty,
.quantity .qty,
.woocommerce .quantity input.qty,
.quantity input.qty,
.woocommerce .quantity input[type="number"],
.quantity input[type="number"] {
    width: 50px !important;
    height: 36px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    margin: 0 !important;
    padding: 0 5px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: #ffffff !important;
    color: #333 !important;
    box-shadow: none !important;
    line-height: 36px !important;
}

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button,
.quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    display: none !important;
}

.woocommerce .quantity .qty:focus,
.quantity .qty:focus {
    outline: none !important;
    border-color: #999 !important;
}

/* Archive page quantity styling */
.woocommerce ul.products li.product .quantity-wrapper {
    margin-bottom: 12px;
}

.woocommerce ul.products li.product form.cart,
.woocommerce ul.products li.product form.archive-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.woocommerce ul.products li.product .quantity {
    justify-content: center;
}

/* Single product page */
.single-product .quantity {
    margin-right: 10px;
}

/* Loading state for archive buttons */
.woocommerce .ajax_add_to_cart.loading::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Cart page quantity styling */
.woocommerce-cart .woocommerce-cart-form .quantity {
    display: inline-flex !important;
    align-items: center !important;
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty-btn {
    width: 32px !important;
    height: 32px !important;
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty {
    width: 45px !important;
    height: 32px !important;
}

/* Mini-cart quantity styling */
.woocommerce-mini-cart-item .quantity {
    display: inline-flex !important;
    align-items: center !important;
}

.mini-cart-qty-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.mini-cart-qty-wrapper .qty-btn {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #333 !important;
    border-radius: 0 !important;
}

.mini-cart-qty-wrapper .qty-btn:hover {
    background-color: #f5f5f5 !important;
    border-color: #999 !important;
}

.mini-cart-qty-wrapper .qty-btn.minus {
    border-right: none !important;
}

.mini-cart-qty-wrapper .qty-btn.plus {
    border-left: none !important;
}

.mini-cart-qty-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 4px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 13px;
    text-align: center;
}

/* Elementor mini-cart quantity styling */
.elementor-menu-cart__product-quantity,
.e-cart-content .product-quantity,
.elementor-menu-cart__product .quantity {
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-menu-cart__product-quantity .mini-cart-qty-wrapper,
.qty-modified .mini-cart-qty-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.qty-times {
    margin-left: 4px;
}

/* PHP-generated mini-cart quantity styling */
.mini-cart-quantity {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0;
}

.mini-cart-quantity .mini-qty-btn {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #333 !important;
    border-radius: 0 !important;
}

.mini-cart-quantity .mini-qty-btn:hover {
    background-color: #f5f5f5 !important;
    border-color: #999 !important;
}

.mini-cart-quantity .mini-qty-btn.minus {
    border-right: none !important;
}

.mini-cart-quantity .mini-qty-btn.plus {
    border-left: none !important;
}

.mini-cart-quantity .mini-cart-qty-input {
    width: 40px !important;
    height: 24px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    background-color: #ffffff !important;
    color: #333 !important;
}

.mini-cart-quantity .mini-cart-qty-input::-webkit-outer-spin-button,
.mini-cart-quantity .mini-cart-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ==========================================================================
   Archive Product Decorative Stars
   ========================================================================== */

.archive-stars-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 10px 0;
    width: 100%;
}

.archive-star-line {
    flex: 1;
    height: 1px;
    background-color: #ddd;
    max-width: 40px;
}

.archive-stars {
    color: #ffc107;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
}