.elementor-3073 .elementor-element.elementor-element-f01e936{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:80px;--padding-right:80px;}.elementor-3073 .elementor-element.elementor-element-f01e936:not(.elementor-motion-effects-element-type-background), .elementor-3073 .elementor-element.elementor-element-f01e936 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3073 .elementor-element.elementor-element-b2c5d47 .woocommerce-breadcrumb{color:var( --e-global-color-2141611 );}.elementor-3073 .elementor-element.elementor-element-b2c5d47 .woocommerce-breadcrumb > a{color:var( --e-global-color-2141611 );}.elementor-3073 .elementor-element.elementor-element-4e7a222{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-3073 .elementor-element.elementor-element-4e7a222:not(.elementor-motion-effects-element-type-background), .elementor-3073 .elementor-element.elementor-element-4e7a222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3073 .elementor-element.elementor-element-37078ed .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-cc49d14 );}.elementor-3073 .elementor-element.elementor-element-75ece944{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:80px;--padding-right:80px;}@media(max-width:1024px){.elementor-3073 .elementor-element.elementor-element-f01e936{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3073 .elementor-element.elementor-element-4e7a222{--min-height:150px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3073 .elementor-element.elementor-element-37078ed .elementor-heading-title{font-size:32px;}.elementor-3073 .elementor-element.elementor-element-75ece944{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-3073 .elementor-element.elementor-element-f01e936{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3073 .elementor-element.elementor-element-4e7a222{--min-height:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-3073 .elementor-element.elementor-element-37078ed .elementor-heading-title{font-size:24px;}.elementor-3073 .elementor-element.elementor-element-75ece944{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for yith_wcwl_wishlist, class: .elementor-element-8782af9 *//* ==========================================================================
   YITH WISHLIST CUSTOM DESIGN - FINAL COMPLETE VERSION
   ========================================================================== */

/* 1. GLOBAL TABLE STRUCTURE */
.custom-cart-style {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: "Work Sans", Sans-serif;
    border: 1px solid #e0e0e0 !important;
    margin: 20px 0;
}

/* 2. HEADER - NAVY BLUE BRANDING */
.custom-cart-style thead th {
    background-color: #002D6D !important;
    color: #ffffff !important;
    padding: 18px 20px !important;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    border: none !important;
    text-align: center;
}

.custom-cart-style thead th.product-name {
    text-align: left; /* Aligns with Product Info cell below */
}

/* 3. CELL STYLING & VERTICAL BORDERS */
.custom-cart-style td {
    padding: 20px 15px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    text-align: center;
}

.custom-cart-style td:last-child {
    border-right: none !important;
}

/* 4. PRODUCT INFO (IMAGE + TITLE SIDE-BY-SIDE) */
.product-flex-container {
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
}

.product-thumbnail img {
    background: #f7f7f7;
    border-radius: 6px;
    width: 80px;
    height: auto;
    padding: 5px;
    border: 1px solid #f0f0f0;
}

.product-detail-info .p-title {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 15px;
    text-decoration: none;
}

/* 5. PRICE & SUBTOTAL (BOLD BLACK) */
.custom-bold-price, 
.custom-bold-subtotal,
.custom-bold-price .amount,
.custom-bold-subtotal .amount {
    color: #000 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* 6. QUANTITY PILL - FIXED VISIBILITY */
.quantity-control-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 5px 12px;
    width: 110px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.qty-btn {
    background: transparent !important;
    border: none !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    color: #000 !important;
    padding: 0 5px !important;
    transition: color 0.2s ease !important;
    line-height: 1 !important;
    outline: none !important;
}

.qty-btn:hover {
    color: #002D6D !important; /* Brand navy on hover */
    background: transparent !important;
}

.quantity-control-pill input {
    width: 40px !important;
    border: none !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    background: transparent !important;
    color: #000 !important; /* Ensure number is black */
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
}

/* Remove default number arrows */
.quantity-control-pill input::-webkit-outer-spin-button,
.quantity-control-pill input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 7. REMOVE BUTTON - SVG BASKET & RED TEXT */
.custom-delete-btn {
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 0.2s ease;
}

.basket-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://naw.syntexdev.com/wp-content/uploads/2026/04/Basket-Icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.delete-text {
    color: #ff0000 !important; /* Vibrant Red */
    font-weight: 600;
    font-size: 15px;
}

/* 8. ADD TO CART - SOLID NAVY PILL (CHECKOUT STYLE) */
.custom-cart-style td.product-add-to-cart a.button,
.custom-cart-style td.product-add-to-cart a.add_to_cart_button,
.custom-cart-style td.product-add-to-cart .pill-add-to-cart a {
    background-color: #002D6D !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 15px 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1 !important;
    min-width: 130px;
    border: none !important;
    transition: all 0.3s ease !important;
    margin: 0 5px !important;
}

.custom-cart-style td.product-add-to-cart a:hover {
    background-color: #001a3d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
a.shopengine_comparison_add_to_list_action.shopengine-comparison.badge.se-btn.inactive{
    display: none !important;
}
/* 9. RESPONSIVE FIXES */
@media screen and (max-width: 991px) {
    .product-flex-container {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}/* End custom CSS */