/* ============================================================
   KPOPLUV WooCommerce Branding — Brand Consistency Overrides
   Brand Colors: Hot Pink #E91E8B, Dark Navy #1a1a2e
   Typography: Roboto
   ============================================================ */

/* -------------------------------------------------------
   #1 - Product "Add to Cart" button (single product page)
   ------------------------------------------------------- */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover {
    background-color: #C4167A !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(233, 30, 139, 0.4) !important;
}

/* -------------------------------------------------------
   #2 - Add-to-cart notification / WooCommerce messages
   ------------------------------------------------------- */
.woocommerce-message,
.woocommerce-info {
    border-top-color: #E91E8B !important;
    background-color: #FFF0F7 !important;
    color: #333333 !important;
    font-family: "Roboto", sans-serif !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #E91E8B !important;
}

.woocommerce-message a.button,
.woocommerce-message a.restore-item,
.woocommerce-info a.button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    border: none !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
}

.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover {
    background-color: #C4167A !important;
}

.woocommerce-error {
    border-top-color: #E91E8B !important;
}

.woocommerce-error::before {
    color: #E91E8B !important;
}

/* -------------------------------------------------------
   #3 - Shop grid "Add to Cart" buttons
   ------------------------------------------------------- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background-color: transparent !important;
    color: #E91E8B !important;
    border: 2px solid #E91E8B !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(233, 30, 139, 0.3) !important;
}

/* "Added to cart" checkmark state */
.woocommerce ul.products li.product .added_to_cart {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
}

/* -------------------------------------------------------
   #4 - Cart "Proceed to Checkout" button
   ------------------------------------------------------- */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.wc-block-cart__submit-button a,
.wc-block-cart__submit-button .wc-block-components-button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.wc-block-cart__submit-button a:hover,
.wc-block-cart__submit-button .wc-block-components-button:hover {
    background-color: #C4167A !important;
    box-shadow: 0 4px 20px rgba(233, 30, 139, 0.4) !important;
}

/* Cart update button */
.woocommerce table.cart td.actions .button,
.woocommerce input.button[name="update_cart"] {
    background-color: #1a1a2e !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.woocommerce table.cart td.actions .button:hover,
.woocommerce input.button[name="update_cart"]:hover {
    background-color: #E91E8B !important;
}

/* -------------------------------------------------------
   #5 - Product prices
   ------------------------------------------------------- */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price .woocommerce-Price-amount,
.woocommerce div.product span.price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
}

/* Sale prices */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
    color: #999999 !important;
    opacity: 0.7;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
    color: #E91E8B !important;
    font-weight: 700 !important;
}

/* Sale badge */
.woocommerce span.onsale {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
}

/* -------------------------------------------------------
   #6 - Checkout "Place Order" button
   ------------------------------------------------------- */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions_row .wc-block-components-button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease !important;
    width: 100%;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-checkout__actions_row .wc-block-components-button:hover {
    background-color: #C4167A !important;
    box-shadow: 0 4px 20px rgba(233, 30, 139, 0.4) !important;
}

/* Checkout coupon/return to cart buttons */
.woocommerce form.checkout_coupon .button,
.woocommerce .return-to-shop .button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.woocommerce form.checkout_coupon .button:hover,
.woocommerce .return-to-shop .button:hover {
    background-color: #C4167A !important;
}

/* -------------------------------------------------------
   #7 - Cart/checkout product links
   ------------------------------------------------------- */
.woocommerce-cart .product-name a,
.woocommerce-checkout .product-name a,
.woocommerce table.cart .product-name a {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce-cart .product-name a:hover,
.woocommerce-checkout .product-name a:hover,
.woocommerce table.cart .product-name a:hover {
    color: #E91E8B !important;
}

/* Shop product title links */
.woocommerce ul.products li.product a .woocommerce-loop-product__title {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: color 0.3s ease !important;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
    color: #E91E8B !important;
}

/* Single product title */
.woocommerce div.product .product_title {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 800 !important;
}

/* Related products heading */
.woocommerce div.product .related.products h2 {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 800 !important;
}

/* -------------------------------------------------------
   #8 - Form focus states
   ------------------------------------------------------- */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce-page form .form-row select:focus,
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="number"]:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce-account input:focus,
.woocommerce-account select:focus {
    border-color: #E91E8B !important;
    box-shadow: 0 0 0 2px rgba(233, 30, 139, 0.15) !important;
    outline: none !important;
}

/* Standard form fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-family: "Roboto", sans-serif !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* -------------------------------------------------------
   #9 - Breadcrumbs
   ------------------------------------------------------- */
.woocommerce .woocommerce-breadcrumb {
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    color: #999999 !important;
    margin-bottom: 20px !important;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #999999 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce .woocommerce-breadcrumb a:hover {
    color: #E91E8B !important;
}

/* -------------------------------------------------------
   #10 - Page titles
   ------------------------------------------------------- */
.woocommerce-page .entry-title,
.woocommerce-page .page-title,
.woocommerce-products-header__title,
.woocommerce-page h1,
.woocommerce-account h1,
.woocommerce-cart h1,
.woocommerce-checkout h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
}

/* Section headings */
.woocommerce h2,
.woocommerce-page h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* -------------------------------------------------------
   #12 - Product tab active indicator
   ------------------------------------------------------- */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #666666 !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #E91E8B !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #E91E8B !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #E91E8B !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #eee !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom-color: #eee !important;
}

/* Tab content */
.woocommerce div.product .woocommerce-tabs .panel {
    font-family: "Roboto", sans-serif !important;
    color: #333333 !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* -------------------------------------------------------
   #13 - Quantity selector
   ------------------------------------------------------- */
.woocommerce .quantity .qty {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    text-align: center !important;
    padding: 8px !important;
    width: 60px !important;
    transition: border-color 0.3s ease !important;
}

.woocommerce .quantity .qty:focus {
    border-color: #E91E8B !important;
    box-shadow: 0 0 0 2px rgba(233, 30, 139, 0.15) !important;
    outline: none !important;
}

/* Quantity +/- buttons (if theme adds them) */
.woocommerce .quantity .plus,
.woocommerce .quantity .minus {
    background-color: #f5f5f5 !important;
    color: #1a1a2e !important;
    border: 1px solid #ddd !important;
    transition: all 0.3s ease !important;
}

.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border-color: #E91E8B !important;
}

/* -------------------------------------------------------
   #14 - "View cart" link
   ------------------------------------------------------- */
.woocommerce a.added_to_cart,
.woocommerce .wc-forward,
a.added_to_cart.wc-forward {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woocommerce a.added_to_cart:hover,
a.added_to_cart.wc-forward:hover {
    color: #C4167A !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------
   My Account page styles
   ------------------------------------------------------- */
.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-register .woocommerce-button,
.woocommerce-account .woocommerce-Button,
.woocommerce .woocommerce-form-login__submit,
.woocommerce button.woocommerce-button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-button:hover,
.woocommerce-account .woocommerce-form-register .woocommerce-button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce .woocommerce-form-login__submit:hover,
.woocommerce button.woocommerce-button:hover {
    background-color: #C4167A !important;
    box-shadow: 0 4px 15px rgba(233, 30, 139, 0.4) !important;
}

/* My Account navigation */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #E91E8B !important;
}

/* Lost password link */
.woocommerce .lost_password a,
.woocommerce-account .lost_password a {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    transition: color 0.3s ease !important;
}

.woocommerce .lost_password a:hover,
.woocommerce-account .lost_password a:hover {
    color: #C4167A !important;
}

/* -------------------------------------------------------
   WooCommerce Block styles (Cart/Checkout blocks)
   ------------------------------------------------------- */
.wc-block-components-button:not(.is-link) {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-button:not(.is-link):hover {
    background-color: #C4167A !important;
}

/* Block form inputs */
.wc-block-components-text-input input:focus,
.wc-block-components-text-input input:active {
    border-color: #E91E8B !important;
    box-shadow: 0 0 0 2px rgba(233, 30, 139, 0.15) !important;
}

.wc-block-components-text-input.is-active label {
    color: #E91E8B !important;
}

/* Block links */
.wc-block-components-totals-coupon a,
.wc-block-components-order-summary a {
    color: #E91E8B !important;
}

/* Block prices */
.wc-block-components-product-price .wc-block-components-product-price__value,
.wc-block-grid__product-price .wc-block-grid__product-price__value {
    color: #E91E8B !important;
}

/* Cart block total */
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax-value,
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    color: #E91E8B !important;
    font-weight: 700 !important;
}

/* Remove item link in cart */
.wc-block-cart-item__remove-link {
    color: #E91E8B !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #C4167A !important;
}

/* -------------------------------------------------------
   General WooCommerce link styling
   ------------------------------------------------------- */
.woocommerce a:not(.button):not(.add_to_cart_button):not(.elementor-item),
.woocommerce-page .entry-content a:not(.button) {
    transition: color 0.3s ease !important;
}

/* Category links */
.woocommerce .product_meta a,
.woocommerce .posted_in a,
.woocommerce .tagged_as a {
    color: #E91E8B !important;
    text-decoration: none !important;
}

.woocommerce .product_meta a:hover,
.woocommerce .posted_in a:hover,
.woocommerce .tagged_as a:hover {
    color: #C4167A !important;
    text-decoration: underline !important;
}

/* Star rating color */
.woocommerce .star-rating span::before {
    color: #E91E8B !important;
}

/* Product result count and ordering */
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering select {
    font-family: "Roboto", sans-serif !important;
    color: #666666 !important;
}

/* Cart totals table */
.woocommerce .cart_totals h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
}

/* Coupon input */
.woocommerce .coupon .input-text {
    border-radius: 8px 0 0 8px !important;
}

.woocommerce .coupon .button {
    border-radius: 0 8px 8px 0 !important;
    background-color: #1a1a2e !important;
    color: #FFFFFF !important;
    border: none !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.woocommerce .coupon .button:hover {
    background-color: #E91E8B !important;
}

/* -------------------------------------------------------
   #5 - Responsive overrides
   ------------------------------------------------------- */
@media (max-width: 768px) {
    /* Full-width buttons on mobile */
    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce .wc-proceed-to-checkout a.checkout-button,
    .woocommerce #payment #place_order,
    .wc-block-components-button:not(.is-link) {
        width: 100% !important;
        text-align: center !important;
    }

    /* Stack quantity and add-to-cart on mobile */
    .woocommerce div.product form.cart {
        flex-wrap: wrap !important;
    }

    .woocommerce div.product form.cart .quantity {
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .woocommerce div.product form.cart .quantity .qty {
        width: 100% !important;
    }

    /* Smaller page titles on mobile */
    .woocommerce-page .entry-title,
    .woocommerce-page .page-title,
    .woocommerce-products-header__title {
        font-size: 28px !important;
    }

    /* Shop grid: 2 columns on mobile */
    .woocommerce ul.products[class*="columns-"] li.product {
        width: 48% !important;
    }

    /* Full-width My Account buttons */
    .woocommerce-account .woocommerce-form-login .woocommerce-button,
    .woocommerce-account .woocommerce-Button {
        width: 100% !important;
        text-align: center !important;
    }
}

@media (max-width: 375px) {
    /* Single column on very small screens */
    .woocommerce ul.products[class*="columns-"] li.product {
        width: 100% !important;
    }

    .woocommerce-page .entry-title,
    .woocommerce-page .page-title {
        font-size: 24px !important;
    }
}

/* -------------------------------------------------------
   Homepage regression fix: "SHOP NOW" button on pink CTA
   The accent color changed to pink, making button invisible
   on the pink (#E91E8B) CTA section. Force white bg.
   ------------------------------------------------------- */
.elementor-element-92b8217 .elementor-button {
    background-color: #FFFFFF !important;
    color: #1a1a2e !important;
}

.elementor-element-92b8217 .elementor-button:hover,
.elementor-element-92b8217 .elementor-button:focus {
    background-color: #1a1a2e !important;
    color: #FFFFFF !important;
}

/* -------------------------------------------------------
   WooCommerce Block Cart enhancements
   ------------------------------------------------------- */
.wc-block-cart .wc-block-components-quantity-selector__button {
    color: #E91E8B !important;
    transition: all 0.3s ease !important;
}

.wc-block-cart .wc-block-components-quantity-selector__button:hover {
    color: #C4167A !important;
    background-color: #FFF0F7 !important;
}

.wc-block-cart .wc-block-cart-item__product-name {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
}

.wc-block-cart .wc-block-cart-item__product-name:hover {
    color: #E91E8B !important;
}

/* Block cart/checkout prices */
.wc-block-cart .wc-block-cart-item__prices .wc-block-components-product-price__value,
.wc-block-checkout .wc-block-components-order-summary-item__total-price {
    color: #E91E8B !important;
    font-weight: 700 !important;
}

/* Block checkout submit button refinement */
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
    background-color: #C4167A !important;
    box-shadow: 0 4px 20px rgba(233, 30, 139, 0.4) !important;
}

/* Block checkout form input focus */
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-combobox .components-combobox-control input:focus {
    border-color: #E91E8B !important;
    box-shadow: 0 0 0 1px #E91E8B !important;
}

/* Block checkout active/floating labels */
.wc-block-components-text-input.is-active label,
.wc-block-components-combobox.is-active label {
    color: #E91E8B !important;
}

/* Block checkout headings */
.wc-block-checkout .wc-block-components-title,
.wc-block-checkout h2,
.wc-block-cart h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* Block checkout links */
.wc-block-checkout a,
.wc-block-cart a:not(.wc-block-components-button) {
    color: #E91E8B !important;
}

.wc-block-checkout a:hover,
.wc-block-cart a:not(.wc-block-components-button):hover {
    color: #C4167A !important;
}

/* Block Proceed to Checkout button (cart page) */
.wc-block-cart .wc-block-cart__submit-button .wc-block-components-button {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border-radius: 50px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.wc-block-cart .wc-block-cart__submit-button .wc-block-components-button:hover {
    background-color: #C4167A !important;
    box-shadow: 0 4px 20px rgba(233, 30, 139, 0.4) !important;
}

/* -------------------------------------------------------
   Responsive Block Cart/Checkout
   ------------------------------------------------------- */
@media (max-width: 768px) {
    .wc-block-cart .wc-block-cart__submit-button .wc-block-components-button,
    .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
        width: 100% !important;
        padding: 15px 20px !important;
    }
}

/* -------------------------------------------------------
   Elementor Menu Cart — Slide-out Side Cart Branding
   ------------------------------------------------------- */

/* Header right column: icons side by side */
.elementor-element-54a0fa0 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
}

.elementor-element-54a0fa0 > .elementor-widget-wrap > .elementor-widget {
    width: auto !important;
    flex-shrink: 0 !important;
}

/* Cart toggle button */
.elementor-menu-cart__toggle .elementor-button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.elementor-menu-cart__toggle .elementor-button-icon {
    color: #555 !important;
    font-size: 22px !important;
    transition: color 0.3s ease !important;
}

.elementor-menu-cart__toggle .elementor-button:hover .elementor-button-icon {
    color: #E91E8B !important;
}

/* Item count badge */
.elementor-menu-cart__toggle .elementor-button-icon-qty {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    border-radius: 50% !important;
}

/* Hide badge when cart empty */
.elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter="0"],
.elementor-menu-cart__toggle .elementor-button-icon-qty:empty {
    display: none !important;
}

/* Subtotal text in toggle - hide for cleaner look */
.elementor-menu-cart__toggle .elementor-button-text {
    display: none !important;
}

/* -------------------------------------------------------
   Side Cart Panel
   ------------------------------------------------------- */
.elementor-menu-cart__container {
    font-family: "Roboto", sans-serif !important;
}

/* Side cart header / title */
.elementor-menu-cart__main .elementor-menu-cart__close-button {
    color: #333 !important;
    transition: color 0.3s ease !important;
}

.elementor-menu-cart__main .elementor-menu-cart__close-button:hover {
    color: #E91E8B !important;
}

/* Product list in side cart */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.elementor-menu-cart__product-name a:hover {
    color: #E91E8B !important;
}

/* Product price in side cart */
.elementor-menu-cart__product-price {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
}

.elementor-menu-cart__product-price .woocommerce-Price-amount {
    color: #E91E8B !important;
}

/* Remove item button */
.elementor-menu-cart__product-remove a {
    color: #999 !important;
    transition: color 0.3s ease !important;
}

.elementor-menu-cart__product-remove a:hover {
    color: #E91E8B !important;
}

/* Subtotal row */
.elementor-menu-cart__subtotal {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    border-top: 1px solid #eee !important;
    padding-top: 15px !important;
}

.elementor-menu-cart__subtotal .woocommerce-Price-amount {
    color: #E91E8B !important;
}

/* View Cart button */
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart {
    color: #E91E8B !important;
    border: 2px solid #E91E8B !important;
    background: transparent !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover {
    background: #E91E8B !important;
    color: #FFFFFF !important;
}

/* Checkout button */
.elementor-menu-cart__footer-buttons a.elementor-button--checkout {
    background-color: #E91E8B !important;
    color: #FFFFFF !important;
    border: 2px solid #E91E8B !important;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
}

.elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover {
    background-color: #C4167A !important;
    border-color: #C4167A !important;
}

/* Empty cart message */
.elementor-menu-cart__empty-message {
    font-family: "Roboto", sans-serif !important;
    color: #666 !important;
}

/* Quantity display */
.elementor-menu-cart__product .quantity {
    color: #666 !important;
    font-family: "Roboto", sans-serif !important;
}

/* Side cart overlay */
.elementor-menu-cart__container.elementor-lightbox {
    background: rgba(0, 0, 0, 0.5) !important;
}


/* ============================================================
   QA ROUND FIXES - Issues found during visual walkthrough
   ============================================================ */

/* -------------------------------------------------------
   QA-A: Cart block product name link - default blue to dark navy
   ------------------------------------------------------- */
.wc-block-cart .wc-block-cart-item__product a,
.wc-block-cart-item__product-name a,
.wc-block-cart .wc-block-components-product-name {
    color: #1a1a2e !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wc-block-cart .wc-block-cart-item__product a:hover,
.wc-block-cart-item__product-name a:hover,
.wc-block-cart .wc-block-components-product-name:hover {
    color: #E91E8B !important;
}

/* -------------------------------------------------------
   QA-B: Cart Remove item link - default to pink
   ------------------------------------------------------- */
.wc-block-cart .wc-block-cart-item__remove-link,
.wc-block-cart-item__remove-link,
.wc-block-cart a.wc-block-cart-item__remove-link {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wc-block-cart .wc-block-cart-item__remove-link:hover,
.wc-block-cart-item__remove-link:hover {
    color: #C4167A !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------
   QA-C: Mobile cart layout overflow fix
   ------------------------------------------------------- */
@media (max-width: 768px) {
    .wc-block-cart {
        overflow-x: hidden !important;
    }

    .wc-block-cart .wp-block-woocommerce-cart-line-items-block,
    .wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
    .wc-block-cart .wc-block-cart__main,
    .wc-block-cart .wc-block-cart__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    .wc-block-cart .wc-block-cart-items,
    .wc-block-cart .wc-block-cart-items table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .wc-block-cart .wc-block-cart-items td {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .wc-block-cart .wc-block-components-totals-wrapper,
    .wc-block-cart .wc-block-components-totals-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .woocommerce-cart .entry-content,
    .woocommerce-cart .content-area,
    .woocommerce-cart .site-main {
        overflow-x: hidden !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* -------------------------------------------------------
   QA-D: Cart block quantity +/- buttons
   ------------------------------------------------------- */
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    color: #1a1a2e !important;
    border-color: #ddd !important;
    background: #f9f9f9 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
    color: #FFFFFF !important;
    background: #E91E8B !important;
    border-color: #E91E8B !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    border-color: #ddd !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input:focus {
    border-color: #E91E8B !important;
    box-shadow: 0 0 0 1px #E91E8B !important;
}

/* -------------------------------------------------------
   QA-E: Checkout Return to Cart link
   ------------------------------------------------------- */
.wc-block-checkout__actions_row a,
.wc-block-checkout .wc-block-components-checkout-return-to-cart-button,
a.wc-block-components-checkout-return-to-cart-button {
    color: #E91E8B !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wc-block-checkout__actions_row a:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
    color: #C4167A !important;
}

/* -------------------------------------------------------
   QA-F: Mobile header - tighten icon row spacing
   ------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-element-54a0fa0 > .elementor-widget-wrap {
        justify-content: flex-end !important;
        gap: 2px !important;
    }

    .elementor-element-54a0fa0 .elementor-widget {
        margin-bottom: 0 !important;
    }

    .elementor-element-00aa9cd {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .elementor-element-54a0fa0 .elementor-widget-html {
        margin-bottom: 0 !important;
    }
}

/* -------------------------------------------------------
   Block Cart/Checkout page title consistency
   ------------------------------------------------------- */
.wc-block-cart h1,
.wc-block-checkout h1,
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-checkout h1,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title {
    font-family: "Roboto", sans-serif !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
}

/* Block cart subtotal / total prices */
.wc-block-cart .wc-block-components-totals-item__value,
.wc-block-cart .wc-block-formatted-money-amount,
.wc-block-cart .wc-block-cart-item__total .wc-block-formatted-money-amount {
    color: #E91E8B !important;
    font-weight: 700 !important;
    font-family: "Roboto", sans-serif !important;
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* Checkout order summary prices */
.wc-block-checkout .wc-block-formatted-money-amount {
    color: #E91E8B !important;
    font-weight: 700 !important;
}

.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #E91E8B !important;
    font-weight: 800 !important;
    font-size: 1.1em !important;
}

/* Add coupons link */
.wc-block-components-totals-coupon-link,
.wc-block-components-totals-coupon__button {
    color: #E91E8B !important;
}

/* -------------------------------------------------------
   QA-G: Mobile cart totals section left-clipping fix
   The "Estimated total" and "Coupons" text gets cut off
   on the left edge at 375px viewport width
   ------------------------------------------------------- */
@media (max-width: 768px) {
    .wc-block-cart .wc-block-cart__sidebar,
    .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
        padding-left: 20px !important;
        padding-right: 20px !important;
        overflow: visible !important;
    }

    .wc-block-cart .wc-block-components-totals-wrapper,
    .wc-block-cart .wc-block-components-totals-footer-item,
    .wc-block-cart .wc-block-components-totals-item {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
    .wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        overflow: visible !important;
        text-overflow: unset !important;
        white-space: normal !important;
    }

    .wc-block-cart .wc-block-components-totals-coupon-link {
        padding-left: 4px !important;
    }

    /* Ensure the proceed-to-checkout button doesn't overflow */
    .wc-block-cart .wc-block-cart__submit-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .wc-block-cart .wc-block-cart__submit-button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* -------------------------------------------------------
   QA-G v2: Mobile cart totals left-clipping - stronger fix
   The sidebar/totals block extends past the left viewport edge
   ------------------------------------------------------- */
@media (max-width: 768px) {
    /* Force the entire cart block to respect viewport bounds */
    .wc-block-cart,
    .wp-block-woocommerce-cart {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* The sidebar that contains totals - ensure left padding */
    .wc-block-cart .wc-block-cart__sidebar {
        padding-left: 24px !important;
        padding-right: 24px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* The totals wrapper rows */
    .wc-block-cart .wc-block-components-totals-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* The footer item (Estimated total row) */
    .wc-block-cart .wc-block-components-totals-footer-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Coupon link area */
    .wc-block-cart .wc-block-components-panel {
        padding-left: 8px !important;
        margin-left: 0 !important;
    }

    /* Submit/checkout button container */
    .wc-block-cart .wc-block-cart__submit-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Also constrain the main content area */
    .wc-block-cart .wc-block-cart__main {
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* -------------------------------------------------------
   QA-H: Header icon row alignment fix
   The right column has two widgets (HTML icons + Menu Cart)
   that need to sit on one row, vertically centered
   ------------------------------------------------------- */

/* Make the right column's widget wrapper a horizontal flex row */
.elementor-element-54a0fa0 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0px !important;
    flex-wrap: nowrap !important;
}

/* Remove any bottom margins on the widgets inside */
.elementor-element-54a0fa0 > .elementor-widget-wrap > .elementor-widget {
    width: auto !important;
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
}

/* Ensure the HTML widget's inner flex container aligns center */
.elementor-element-54a0fa0 .elementor-widget-html .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
}

/* Ensure the Menu Cart widget aligns inline */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    display: flex !important;
    align-items: center !important;
}

.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
}

/* Align the menu cart toggle button itself */
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Match icon sizes for visual consistency */
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon {
    font-size: 22px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* -------------------------------------------------------
   QA-H v2: Precise icon vertical alignment
   The cart icon (eicons font) sits lower than the SVG
   search/account icons. Fix with explicit vertical centering.
   ------------------------------------------------------- */

/* The HTML widget containing search + account SVGs */
.elementor-element-54a0fa0 .elementor-widget-html {
    display: flex !important;
    align-items: center !important;
    line-height: 0 !important;
}

.elementor-element-54a0fa0 .elementor-widget-html .elementor-widget-container {
    line-height: 0 !important;
}

.elementor-element-54a0fa0 .elementor-widget-html svg {
    vertical-align: middle !important;
    display: inline-block !important;
}

/* The Menu Cart widget - nudge up to match SVG icon centers */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    position: relative !important;
    top: -1px !important;
}

.elementor-element-54a0fa0 .elementor-menu-cart__toggle {
    display: flex !important;
    align-items: center !important;
    line-height: 0 !important;
}

.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button {
    padding: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
}

.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon {
    line-height: 0 !important;
    vertical-align: middle !important;
}

.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon i,
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon svg {
    vertical-align: middle !important;
    line-height: 0 !important;
}

/* Cart subtotal text next to icon - hide if showing, or align */
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-text {
    display: none !important;
}

/* Make sure the badge doesn't push the icon down */
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon-qty {
    position: absolute !important;
    top: -6px !important;
    right: -8px !important;
    line-height: 1 !important;
}

/* -------------------------------------------------------
   QA-H v3: Stronger cart icon vertical shift
   The cart icon's wheels make it appear bottom-heavy.
   Use transform for sub-pixel precise positioning.
   ------------------------------------------------------- */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    transform: translateY(-2px) !important;
}

/* On mobile, the icons row may need different adjustment */
@media (max-width: 767px) {
    .elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
        transform: translateY(-3px) !important;
    }
}

/* -------------------------------------------------------
   QA-H FINAL: Icon alignment consolidated fix
   Override all previous incremental fixes with one block.
   Cart icon glyph has more bottom weight (wheels) than
   the SVG search/account icons, needs stronger offset.
   ------------------------------------------------------- */

/* Desktop: shift cart widget up to match SVG icon centers */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    transform: translateY(-4px) !important;
    position: relative !important;
    top: 0 !important;
}

/* Mobile: needs even more offset */
@media (max-width: 767px) {
    .elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
        transform: translateY(-5px) !important;
        top: 0 !important;
    }
}

/* Keep badge positioned correctly relative to shifted icon */
.elementor-element-54a0fa0 .elementor-menu-cart__toggle .elementor-button-icon-qty {
    position: absolute !important;
    top: -4px !important;
    right: -8px !important;
}

/* -------------------------------------------------------
   QA-H v4 FINAL: All icons in one HTML widget as SVGs
   Hide the Menu Cart widget toggle (keep slide-out working)
   ------------------------------------------------------- */

/* Hide the Menu Cart widget's visible toggle completely */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
}

/* Remove the Menu Cart widget's layout space */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    width: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    top: 0 !important;
    position: relative !important;
}

/* Reset any previous translateY fixes since they're no longer needed */
@media (max-width: 767px) {
    .elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
        transform: none !important;
        top: 0 !important;
    }
}

/* Style the custom cart SVG trigger */
#kpopluv-cart-trigger {
    transition: color 0.3s ease !important;
}

#kpopluv-cart-trigger:hover {
    color: #E91E8B !important;
}

/* Style the custom cart count badge */
#kpopluv-cart-count {
    font-family: "Roboto", sans-serif !important;
    pointer-events: none;
}

/* Ensure the HTML widget icons row stays inline */
.elementor-element-54a0fa0 .elementor-widget-html a {
    transition: color 0.3s ease !important;
}

.elementor-element-54a0fa0 .elementor-widget-html a:hover {
    color: #E91E8B !important;
}

/* -------------------------------------------------------
   Fix: Menu Cart widget toggle - invisible but clickable
   Use opacity:0 instead of clip so JS .click() still works
   ------------------------------------------------------- */
.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle {
    position: absolute !important;
    opacity: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: unset !important;
    white-space: normal !important;
    pointer-events: none !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.elementor-element-54a0fa0 .elementor-widget-woocommerce-menu-cart {
    width: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
}


/* -------------------------------------------------------
   Hide "View cart" link on shop/product pages
   The slide-out cart auto-opens, so this link is redundant
   ------------------------------------------------------- */
.added_to_cart.wc-forward,
a.added_to_cart {
    display: none !important;
}


/* -------------------------------------------------------
   Hide "VIEW CART" button in slide-out cart panel
   Keep only the CHECKOUT button, make it full width
   ------------------------------------------------------- */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart {
    display: none !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    width: 100% !important;
    text-align: center !important;
}


/* -------------------------------------------------------
   Slide-out cart CHECKOUT button - full width
   ------------------------------------------------------- */
.elementor-menu-cart__footer-buttons {
    display: flex !important;
    flex-direction: column !important;
}

.elementor-menu-cart__footer-buttons .elementor-button--checkout {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: center !important;
}







/* -------------------------------------------------------
   MOBILE HEADER REDESIGN v6: SHOTLOG-style
   [Logo LEFT ..spacer..]  [Cart][Hamburger] RIGHT
   ------------------------------------------------------- */
@media (max-width: 767px) {

    /* ---- SECTION ---- */
    .elementor-element-00aa9cd {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        position: relative !important;
        z-index: 1000 !important;
    }

    .elementor-element-00aa9cd > .elementor-container {
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 10px 16px !important;
        gap: 0 !important;
    }

    /* Kill Elementor column percentage widths */
    .elementor-element-00aa9cd .elementor-column,
    .elementor-element-00aa9cd > .elementor-container > .elementor-column,
    .elementor-element-00aa9cd [class*="elementor-col-"] {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    /* Kill column inner padding */
    .elementor-element-00aa9cd .elementor-column-wrap,
    .elementor-element-00aa9cd .elementor-widget-wrap {
        padding: 0 !important;
    }

    /* ---- LOGO: left, flex-grow pushes everything right ---- */
    .elementor-element-b27ef13 {
        order: -1 !important;
        flex: 1 1 0% !important;
    }

    .elementor-element-b27ef13 .elementor-widget-wrap {
        justify-content: flex-start !important;
    }

    .elementor-element-699b6c7 img {
        max-height: 34px !important;
        width: auto !important;
    }

    .elementor-element-699b6c7 {
        margin-bottom: 0 !important;
    }

    /* ---- CART: right, before hamburger ---- */
    .elementor-element-54a0fa0 {
        order: 1 !important;
        flex: 0 0 auto !important;
    }

    .elementor-element-a1b2c3d a[title="Search"],
    .elementor-element-a1b2c3d a[title="Account"] {
        display: none !important;
    }

    .elementor-element-a1b2c3d .elementor-widget-container > div {
        gap: 0 !important;
    }

    .elementor-element-a1b2c3d #kpopluv-cart-trigger svg {
        width: 22px !important;
        height: 22px !important;
    }

    .elementor-element-a1b2c3d {
        margin-bottom: 0 !important;
    }

    .elementor-element-e4f5a6b {
        display: none !important;
    }

    /* ---- HAMBURGER COLUMN: far right ---- */
    .elementor-element-6d3c98f {
        order: 2 !important;
        flex: 0 0 auto !important;
        margin-left: 16px !important;
        position: relative !important;
        overflow: visible !important;
    }

    .elementor-element-1e38289 {
        width: auto !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    .elementor-element-1e38289 > .elementor-widget-container {
        width: auto !important;
        overflow: visible !important;
    }

    /* Hamburger toggle — auto-width */
    .elementor-element-1e38289 .elementor-menu-toggle {
        width: auto !important;
        min-width: 0 !important;
        padding: 4px !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .elementor-element-1e38289 .elementor-menu-toggle svg,
    .elementor-element-1e38289 .elementor-menu-toggle i {
        width: 24px !important;
        height: 24px !important;
        font-size: 24px !important;
        color: #333 !important;
    }

    .elementor-element-6d3c98f > .elementor-widget-wrap {
        width: auto !important;
        display: inline-flex !important;
        overflow: visible !important;
    }

    /* ---- DROPDOWN MENU: positioned below header ---- */
    .elementor-element-1e38289 .elementor-nav-menu--dropdown {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        z-index: 10000 !important;
        background: #FFFFFF !important;
        border: none !important;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
        border-radius: 0 0 12px 12px !important;
        padding: 8px 0 !important;
        min-width: 220px !important;
        width: auto !important;
        margin-top: 6px !important;
    }

    .elementor-element-1e38289 .elementor-nav-menu--dropdown li a {
        font-family: "Roboto", sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #1a1a2e !important;
        padding: 14px 24px !important;
        transition: all 0.2s ease !important;
        white-space: nowrap !important;
    }

    .elementor-element-1e38289 .elementor-nav-menu--dropdown li.current-menu-item a {
        color: #E91E8B !important;
        background-color: #FFF0F7 !important;
    }

    .elementor-element-1e38289 .elementor-nav-menu--dropdown li a:hover {
        color: #E91E8B !important;
        background-color: #FFF0F7 !important;
    }

    .elementor-element-1e38289 .elementor-nav-menu--dropdown li {
        border-bottom: none !important;
    }

    /* X close button when menu is expanded */
    .elementor-element-1e38289 .elementor-menu-toggle[aria-expanded="true"] svg,
    .elementor-element-1e38289 .elementor-menu-toggle[aria-expanded="true"] i {
        color: #1a1a2e !important;
    }
}


/* =============================================================
   MOBILE PRODUCT PAGE — Spacing & Design Fixes
   ============================================================= */
@media (max-width: 767px) {

    /* ---- 1. BREADCRUMBS: tighter, better spacing ---- */
    .woocommerce .woocommerce-breadcrumb {
        font-size: 12px !important;
        margin: 12px 0 8px !important;
        padding: 0 16px !important;
        line-height: 1.4 !important;
    }

    /* ---- 2. PRODUCT IMAGE: tighten gallery spacing ---- */
    .woocommerce div.product div.images {
        margin-bottom: 16px !important;
    }

    /* Gallery thumbnails row */
    .woocommerce div.product div.images .flex-control-thumbs {
        margin-top: 8px !important;
        gap: 6px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .woocommerce div.product div.images .flex-control-thumbs li {
        margin: 0 !important;
        padding: 0 2px !important;
    }

    .woocommerce div.product div.images .flex-control-thumbs li img {
        border-radius: 6px !important;
        border: 2px solid transparent !important;
        transition: border-color 0.2s ease !important;
    }

    .woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
    .woocommerce div.product div.images .flex-control-thumbs li img:hover {
        border-color: #E91E8B !important;
    }

    /* ---- 3. PRODUCT TITLE: smaller on mobile ---- */
    .woocommerce div.product .product_title {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 8px !important;
        margin-top: 0 !important;
    }

    /* ---- 4. PRICE: tighter margins ---- */
    .woocommerce div.product p.price,
    .woocommerce div.product span.price {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }

    /* ---- 5. SHORT DESCRIPTION: tighter ---- */
    .woocommerce div.product .woocommerce-product-details__short-description {
        margin-bottom: 14px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .woocommerce div.product .woocommerce-product-details__short-description p {
        margin-bottom: 8px !important;
    }

    /* ---- 6. QUANTITY SELECTOR: not full-width ---- */
    .woocommerce div.product form.cart {
        gap: 10px !important;
        margin-bottom: 14px !important;
    }

    .woocommerce div.product form.cart .quantity {
        width: auto !important;
        max-width: 100px !important;
        margin-bottom: 0 !important;
        flex: 0 0 auto !important;
    }

    .woocommerce div.product form.cart .quantity .qty {
        width: 70px !important;
        padding: 10px 8px !important;
        text-align: center !important;
    }

    /* Add to Cart button: full-width beside quantity */
    .woocommerce div.product form.cart .single_add_to_cart_button {
        flex: 1 1 0% !important;
        width: auto !important;
        padding: 12px 20px !important;
    }

    /* Make quantity and button sit on same row */
    .woocommerce div.product form.cart {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
    }

    /* ---- 7. CATEGORY / META: tighter spacing ---- */
    .woocommerce div.product .product_meta {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid #f0f0f0 !important;
        font-size: 13px !important;
    }

    .woocommerce div.product .product_meta > span {
        display: block !important;
        margin-bottom: 4px !important;
    }

    /* ---- 8. TABS: tighter section ---- */
    .woocommerce div.product .woocommerce-tabs {
        margin-top: 20px !important;
        margin-bottom: 16px !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        margin-bottom: 14px !important;
        padding: 0 !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 8px 14px !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 13px !important;
    }

    /* ---- 9. DESCRIPTION HEADING: way too big on mobile ---- */
    .woocommerce div.product .woocommerce-tabs .panel h2,
    .woocommerce div.product .woocommerce-Tabs-panel h2,
    .woocommerce div.product .woocommerce-Tabs-panel--description h2 {
        font-size: 20px !important;
        margin-bottom: 12px !important;
        margin-top: 0 !important;
    }

    /* Description body text */
    .woocommerce div.product .woocommerce-tabs .panel p,
    .woocommerce div.product .woocommerce-Tabs-panel p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 10px !important;
    }

    /* ---- 10. RELATED PRODUCTS: fix heading + card spacing ---- */
    .woocommerce div.product .related.products {
        margin-top: 24px !important;
        padding-top: 20px !important;
        border-top: 1px solid #f0f0f0 !important;
    }

    .woocommerce div.product .related.products h2 {
        font-size: 20px !important;
        margin-bottom: 16px !important;
    }

    /* Related product cards */
    .woocommerce div.product .related.products ul.products li.product {
        margin-bottom: 20px !important;
    }

    .woocommerce div.product .related.products ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
        margin-top: 8px !important;
        margin-bottom: 4px !important;
    }

    .woocommerce div.product .related.products ul.products li.product .price {
        font-size: 15px !important;
        margin-bottom: 8px !important;
    }

    /* Related products ADD TO CART button */
    .woocommerce div.product .related.products ul.products li.product .button {
        font-size: 12px !important;
        padding: 8px 16px !important;
    }

    /* ---- 11. OVERALL PRODUCT SUMMARY: tighten spacing ---- */
    .woocommerce div.product .summary {
        padding: 0 16px !important;
        margin-bottom: 0 !important;
    }

    .woocommerce div.product {
        padding-bottom: 0 !important;
    }

    /* ---- 12. PRODUCT PAGE CONTENT PADDING ---- */
    .woocommerce div.product .woocommerce-tabs {
        padding: 0 16px !important;
    }

    .woocommerce div.product .related.products {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* ---- 13. SHOP GRID: tighter product cards ---- */
    .woocommerce ul.products li.product {
        margin-bottom: 20px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        padding: 4px 0 !important;
        margin-top: 8px !important;
        margin-bottom: 2px !important;
    }

    /* ---- 14. SALE BADGE: mobile position ---- */
    .woocommerce span.onsale {
        top: 8px !important;
        left: 8px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 12px !important;
    }

    /* ---- 15. WooCommerce magnifier icon on images ---- */
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        top: 8px !important;
        right: 8px !important;
    }

    /* ---- 16. Up-sells section (if present) ---- */
    .woocommerce div.product .upsells.products {
        margin-top: 20px !important;
    }

    .woocommerce div.product .upsells.products h2 {
        font-size: 20px !important;
        margin-bottom: 14px !important;
    }
}