/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */


 


/* Hide "View cart" link */
.added_to_cart.wc-forward {
    display: none !important;
}


/* =========================
   Remove border/background from Elementor Menu Cart icon
============================ */
.elementor-menu-cart__toggle_button {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.elementor-menu-cart__toggle_button .elementor-button-icon {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* =========================
   Force vertical stacking of buttons (Single Product)
============================ */
.single-product form.cart {
    display: block;
}





/* =========================
   Remove underline from price links
============================ */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price ins,
.woocommerce div.product p.price del,
.woocommerce .price a {
    text-decoration: none !important;
}

/* Keep strikethrough on old price */
.woocommerce .price del span {
    text-decoration: line-through !important;
}

/* =========================
   Hide number input spinners
============================ */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Hide the zoom icon on single product pages */
.woocommerce-product-gallery__trigger {
    display: none !important;
}




/*  ============================== */

/* Change color of "Ship to a different address?" label */
#ship-to-different-address {
    color: #111111 !important;
	font-weight:bold;
}

/* If the text is inside the label tag specifically */
#ship-to-different-address label span {
    color: #111111 !important;
}


/* ===== Elementor Mini Cart Quantity Box Style ===== */
.elementor-widget-woocommerce-menu-cart .mini-cart-qty {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #9ca3af;
    border-radius: 0px;
    height: 40px;
    overflow: hidden;
    margin-top: 10px;
}

/* Minus / Plus buttons */
.elementor-widget-woocommerce-menu-cart .mini-cart-qty button {
    width: 40px;
    height: 100%;
    border: none;
    background: transparent;
    font-size: 20px;
    color: #111827;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.elementor-widget-woocommerce-menu-cart .mini-cart-qty button:hover {
    background: #f3f4f6;
}

/* Quantity number */
.elementor-widget-woocommerce-menu-cart .mini-cart-qty input {
    width: 48px;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #111827;
    background: transparent;
    pointer-events: none;
}

/* Remove default number arrows */
.elementor-widget-woocommerce-menu-cart input[type=number]::-webkit-inner-spin-button,
.elementor-widget-woocommerce-menu-cart input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




@media (max-width: 480px) {
    .elementor-widget-woocommerce-menu-cart .mini-cart-qty {
        height: 36px;
    }

    .elementor-widget-woocommerce-menu-cart .mini-cart-qty button {
        width: 36px;
        font-size: 18px;
    }

    .elementor-widget-woocommerce-menu-cart .mini-cart-qty input {
        width: 42px;
        font-size: 15px;
    }
}






/* ================================
   1. Global Typography & Colors
================================ */
.woocommerce-order {
    color: #1a1a1a;
    line-height: 1.6;
    font-size: 15px;
}

.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order strong {
    color: #000;
    font-weight: 700;
}


/* Layout for product image in order details */
.wc-order-item-with-image {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between image and text */
}

.wc-order-item-with-image img {
    border-radius: 4px;
    border: 1px solid #eee;
    flex-shrink: 0;
}

.wc-order-item-name {
    font-weight: 600;
}

@media (max-width: 768px) {
    /* Target the Order Details table */
    .shop_table.order_details tfoot tr,
    .shop_table.customer_details tr {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

    /* Remove default borders and padding that interfere with flex */
    .shop_table.order_details tfoot th,
    .shop_table.order_details tfoot td,
    .shop_table.customer_details th,
    .shop_table.customer_details td {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        background: none !important;
        width: auto !important;
        text-align: left !important;
    }

    /* Ensure the value (price/method) aligns to the right */
    .shop_table.order_details tfoot td,
    .shop_table.customer_details td {
        text-align: right !important;
        font-weight: bold;
    }

    /* Optional: Make the label a bit lighter for better hierarchy */
    .shop_table.order_details tfoot th {
        color: #666;
        font-weight: normal;
    }
}