/* WooCommerce Dark Luxury Overrides */





/* --- Layout --- */


.wc-container {


    max-width: 1600px;


    margin: 170px auto 50px auto; /* padding for fixed header */


    padding: 0 2rem;


    display: flex;


    gap: 4rem;


    min-height: 60vh;


}





/* Constrain single product page width to feel less zoomed */


.single-product .wc-container {


    max-width: 1100px;


}


.wc-sidebar {


    width: 300px;


    flex-shrink: 0;


    margin-top: 60px; /* Align with product cards */


    position: sticky;


    top: 120px; /* Offset from header */


    height: max-content;


    z-index: 10;


}


.wc-content {


    flex-grow: 1;


}





/* Sidebar Styling */


.wc-sidebar .widget {


    margin-bottom: 3rem;


    border-bottom: 1px solid rgba(255,255,255,0.05);


    padding-bottom: 2rem;


}


.wc-sidebar .widget-title {


    font-family: 'Cinzel', serif;


    font-size: 1.2rem;


    margin-bottom: 1.5rem;


    letter-spacing: 2px;


    color: var(--primary);


    text-transform: uppercase;


}


.wc-sidebar ul { list-style: none; padding: 0; }


.wc-sidebar li { margin-bottom: 0.8rem; }


.wc-sidebar a { color: var(--text-muted); transition: color 0.3s ease; }


.wc-sidebar a:hover { color: var(--primary); }





/* Price Slider Widget Styling */


.widget_price_filter .price_slider_wrapper .ui-slider { position: relative; text-align: left; background: rgba(255,255,255,0.1); border-radius: 30px; height: 4px; margin: 1.5rem 0 2rem; border: none; }


.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; border-radius: 50%; background: var(--primary); cursor: ew-resize; outline: none; top: -5px; margin-left: -7px; box-shadow: 0 0 10px rgba(209, 138, 153, 0.5); transition: transform 0.2s; border: none; }


.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle:hover { transform: scale(1.2); }


.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 4px; display: block; border: 0; border-radius: 30px; background: var(--primary); }


.widget_price_filter .price_slider_amount { display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem; color: var(--text-muted); }


.widget_price_filter .price_slider_amount .button { padding: 0.5rem 1rem !important; font-size: 0.75rem !important; letter-spacing: 1px; }





/* Hide Search Widget on Desktop */


@media (min-width: 901px) {


    .wc-sidebar .widget_search,


    .wc-sidebar .widget_product_search {


        display: none !important;


    }


}





/* Hide sidebar if not needed (e.g., checkout) */


body.woocommerce-checkout .wc-sidebar,


body.woocommerce-cart .wc-sidebar,


body.woocommerce-account .wc-sidebar {


    display: none;


}


body.woocommerce-checkout .wc-content,


body.woocommerce-cart .wc-content,


body.woocommerce-account .wc-content {


    width: 100%;


}





/* --- Global Elements --- */


.woocommerce form .form-row input.input-text, 


.woocommerce form .form-row textarea {


    background-color: var(--bg-surface);


    color: var(--text-main);


    border: 1px solid rgba(255,255,255,0.1);


    padding: 1rem;


    border-radius: 0;


    transition: var(--transition);


}


.woocommerce form .form-row input.input-text:focus,


.woocommerce form .form-row textarea:focus {


    outline: none;


    border-color: var(--primary);


    background-color: #1a1a1a;


}


.woocommerce form .form-row label {


    color: var(--text-muted);


    font-weight: 300;


    letter-spacing: 1px;


}


.woocommerce-input-wrapper { width: 100%; }





/* Buttons */


.woocommerce button.button,


.woocommerce a.button,


.woocommerce input.button {


    background-color: var(--primary) !important;


    color: var(--bg-dark) !important;


    text-transform: uppercase;


    letter-spacing: 2px;


    font-weight: 700;


    border-radius: 30px !important;


    padding: 1rem 2rem;


    border: 1px solid var(--primary) !important;


    transition: var(--transition) !important;


}


.woocommerce button.button:hover,


.woocommerce a.button:hover,


.woocommerce input.button:hover {


    background-color: transparent !important;


    color: var(--primary) !important;


    box-shadow: 0 0 20px rgba(209, 138, 153, 0.3);


}





/* Messages */


.woocommerce-message, .woocommerce-info, .woocommerce-error {


    background-color: var(--bg-surface);


    color: var(--text-main);


    border-top-color: var(--primary);


    border-radius: 0;


}


.woocommerce-message::before, .woocommerce-info::before {


    color: var(--primary);


}





/* --- Shop / Product Loop --- */


.woocommerce ul.products::before,


.woocommerce ul.products::after {


    display: none !important;


}


.woocommerce ul.products li.product {


    background-color: var(--bg-surface);


    padding: 1.5rem 1.5rem 2rem 1.5rem;


    border: 1px solid rgba(255,255,255,0.05);


    text-align: center;


    transition: var(--transition);


    border-radius: 12px;


    display: flex;


    flex-direction: column;


    justify-content: space-between;


}


.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {


    flex-grow: 1;


    display: flex;


    flex-direction: column;


}


.woocommerce .woocommerce-ordering select {


    padding: 0.8rem 1rem;


    font-size: 1rem;


    background-color: var(--bg-surface);


    color: var(--text-main);


    border: 1px solid rgba(255,255,255,0.1);


    border-radius: 4px;


    font-family: 'Cinzel', serif;


    min-width: 220px;


    cursor: pointer;


}


.woocommerce ul.products li.product:hover {


    border-color: var(--primary);


    transform: translateY(-5px);


}


.woocommerce ul.products li.product .woocommerce-loop-product__title {


    color: var(--text-main);


    font-size: 0.95rem;


    letter-spacing: 1px;


    font-weight: 400;


    margin-top: 1rem;


    line-height: 1.4;


    height: 3.2em; /* Ensure descenders are not cut off */


    display: -webkit-box;


    -webkit-line-clamp: 2;


    -webkit-box-orient: vertical;


    overflow: hidden;


    text-overflow: ellipsis;


}


.woocommerce ul.products li.product .price {


    color: var(--primary);


    font-size: 1rem;


    margin-top: 1.5rem;


    margin-bottom: 0.8rem;


}


.woocommerce ul.products li.product a img {


    margin-bottom: 1rem;


    opacity: 0.9;


    transition: opacity 0.3s;


    border-radius: 8px;


}


.woocommerce ul.products li.product:hover a img {


    opacity: 1;


}


.woocommerce ul.products li.product a.button {


    padding: 0.6rem 1rem !important;


    font-size: 0.75rem !important;


    letter-spacing: 1px !important;


    margin-top: 0 !important;


    white-space: nowrap !important;


    display: inline-flex !important;


    align-items: center;


    justify-content: center;


}


.woocommerce ul.products li.product a.button.loading {


    font-size: 0 !important;


    opacity: 0.7;


}


.woocommerce ul.products li.product a.button.loading::after {


    content: "ADDING..." !important;


    font-size: 0.75rem !important;


    font-family: 'Cinzel', serif;


}


.woocommerce ul.products li.product a.button.added {


    font-size: 0 !important;


    background-color: #28a745 !important;


    color: #fff !important;


    border-color: #28a745 !important;


}


.woocommerce ul.products li.product a.button.added::after {


    content: "ADDED TO CART" !important;


    font-size: 0.75rem !important;


    font-family: 'Cinzel', serif;


}


.woocommerce ul.products li.product a.added_to_cart {


    display: none !important;


}





/* --- Single Product Page --- */


.woocommerce div.product {


    display: grid;


    grid-template-columns: 400px 1fr;


    gap: 0 4rem;


    align-items: start;


    margin-bottom: 4rem;


}


/* Hide generic notices on single product page */


.single-product .woocommerce-notices-wrapper {


    display: none !important;


}





.woocommerce div.product > .woocommerce-notices-wrapper {


    grid-column: 1 / -1;


}


.woocommerce div.product div.images {


    grid-column: 1;


    grid-row: 2 / span 2;


    width: 100% !important;


    max-width: 400px;


    margin: 0 auto;


    float: none !important;


    display: flex !important;


    flex-direction: column !important;


    gap: 5px !important;


}





/* Main Image Box */


.woocommerce div.product div.images .flex-viewport {


    background: rgba(255,255,255,0.02) !important;


    border: 1px solid rgba(255,255,255,0.05) !important;


    border-radius: 8px !important;


    padding: 5px !important;


    overflow: hidden !important;


    margin: 0 !important;


    display: block !important;


    position: relative !important;


    box-sizing: border-box !important;


}





/* Ensure wrapper inside viewport is clean */


.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {


    background: transparent !important;


    border: none !important;


    padding: 0 !important;


    margin: 0 !important;


}





.woocommerce div.product div.images .flex-viewport img,


.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {


    border-radius: 4px !important;


    width: 100% !important;


    height: auto !important;


    display: block !important;


}





/* Thumbnails Box */


.woocommerce div.product div.images .flex-control-thumbs {


    background: rgba(255,255,255,0.02) !important;


    border: 1px solid rgba(255,255,255,0.05) !important;


    border-radius: 8px !important;


    padding: 5px !important;


    display: flex !important;


    flex-wrap: wrap !important;


    gap: 5px !important;


    margin: 0 !important; /* ZERO MARGIN */


    position: relative !important;


    box-sizing: border-box !important;


    width: 100% !important;


    clear: both !important;


    transform: none !important;


}





.woocommerce div.product div.images .flex-control-thumbs li {


    list-style: none !important;


    border-radius: 4px !important;


    overflow: hidden !important;


    width: calc(25% - 3.75px) !important; /* 4 items, 3 gaps of 5px = 15px / 4 = 3.75px */


    float: none !important;


    margin: 0 !important;


    padding: 0 !important;


}


.woocommerce div.product div.images .flex-control-thumbs li img {


    border-radius: 4px !important;


    width: 100% !important;


    height: auto !important;


    display: block !important;


}


.woocommerce div.product div.images .flex-control-thumbs li img:hover,


.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {


    opacity: 1;


}


.woocommerce div.product div.summary {


    grid-column: 2;


    grid-row: 2;


    width: 100% !important;


    float: none !important;


}


.woocommerce div.product div.woocommerce-tabs {


    grid-column: 2;


    grid-row: 3;


    margin-top: 2rem;


}


.woocommerce div.product section.related,


.woocommerce div.product section.upsells {


    grid-column: 1 / -1;


    grid-row: 4;


    margin-top: 4rem;


}


.woocommerce div.product .product_title {


    font-size: 2.5rem;


    margin-bottom: 1rem;


    color: var(--text-main);


}


.woocommerce div.product .price {


    font-size: 1.5rem;


    color: var(--primary);


    margin-bottom: 2rem;


}


.woocommerce .quantity .qty {


    width: 80px;


    height: 50px;


    padding: 0 1rem;


    background-color: var(--bg-surface);


    color: var(--text-main);


    border: 1px solid rgba(255,255,255,0.1);


    text-align: center;


    font-size: 1.2rem;


}


.woocommerce div.product form.cart {


    display: flex;


    gap: 1rem;


    align-items: center;


    margin-top: 2rem;


}


.woocommerce div.product form.cart .button {


    height: 50px;


    line-height: normal;


    padding: 0 2rem !important;


    display: flex;


    align-items: center;


    justify-content: center;


    margin: 0 !important;


    min-width: 200px; /* Prevent shrinking when text changes */


    position: relative;


    transition: background-color 0.3s, color 0.3s;


}





/* AJAX Add to Cart Animations */


@keyframes spinCart {


    0% { transform: rotate(0deg); }


    100% { transform: rotate(360deg); }


}


.cart-spinner-svg {


    animation: spinCart 1s linear infinite;


    width: 20px;


    height: 20px;


    fill: none;


    stroke: currentColor;


    stroke-width: 3;


    stroke-linecap: round;


}


.cart-success-svg {


    width: 20px;


    height: 20px;


    fill: none;


    stroke: currentColor;


    stroke-width: 3;


    stroke-linecap: round;


    margin-right: 8px;


}


.btn-success {


    background-color: transparent !important;


    color: var(--primary) !important;


    border: 1px solid var(--primary) !important;


}





/* --- Cart & Checkout Tables --- */


/* Hide pagination for Infinite Scroll */


.woocommerce-pagination {


    display: none !important;


}





.woocommerce table.shop_table {


    border: 1px solid rgba(255,255,255,0.05);


    border-radius: 0;


    border-collapse: collapse;


}


.woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 1rem; align-items: center; }


.woocommerce-cart table.cart td.actions .coupon .input-text { width: 250px !important; padding: 0.8rem 1rem !important; }


.woocommerce-cart table.cart td.actions .button { padding: 0.8rem 1.5rem !important; font-size: 0.8rem !important; }


.woocommerce table.shop_table th {


    background-color: var(--bg-surface);


    color: var(--text-main);


    border: 1px solid rgba(255,255,255,0.05);


    text-transform: uppercase;


    letter-spacing: 1px;


}


.woocommerce table.shop_table td {


    background-color: var(--bg-dark);


    border: 1px solid rgba(255,255,255,0.05);


}


.woocommerce #payment {


    background-color: var(--bg-surface);


    border-radius: 0;


}


.woocommerce #payment div.payment_box {


    background-color: #1a1a1a;


    color: var(--text-muted);


}


.woocommerce #payment div.payment_box::before {


    border-bottom-color: #1a1a1a;


}





/* My Account */


.woocommerce-MyAccount-navigation ul {


    list-style: none;


    padding: 0;


}


.woocommerce-MyAccount-navigation li {


    border-bottom: 1px solid rgba(255,255,255,0.05);


    padding: 1rem 0;


}


.woocommerce-MyAccount-navigation li a {


    color: var(--text-muted);


    text-transform: uppercase;


    letter-spacing: 1px;


}


.woocommerce-MyAccount-navigation li.is-active a,


.woocommerce-MyAccount-navigation li a:hover {


    color: var(--primary);


}





/* Order Received */


.woocommerce-order-details { margin-top: 3rem; }


.woocommerce-order-details__title { color: var(--primary); font-family: 'Cinzel', serif; }





/* --- Mobile Responsiveness --- */


button.mobile-filter-toggle { display: none !important; }





@media (max-width: 900px) {
    /* Kill horizontal scroll at the root */
    html, body { overflow-x: hidden !important; width: 100% !important; position: relative !important; }
    * { box-sizing: border-box !important; }


    /* Prevent overall horizontal scroll */

    html, body { overflow-x: hidden !important; width: 100%; position: relative; }

    

    .woocommerce-cart-form, .cart-collaterals { width: 100% !important; overflow-x: hidden !important; }



    .woocommerce table.shop_table_responsive tr td,

    .woocommerce-page table.shop_table_responsive tr td {

        display: flex !important;

        justify-content: space-between !important;

        align-items: center !important;

        text-align: right !important;

        padding: 10px !important;

        font-size: 0.9rem !important;

    }

    .woocommerce table.shop_table_responsive tr td::before {

        content: attr(data-title) ": ";

        font-weight: bold;

        color: var(--primary);

    }

    .woocommerce-cart table.cart img { width: 50px !important; height: auto !important; }

    .woocommerce-cart table.cart .product-thumbnail { display: none !important; } /* Hide thumbnail column in mobile row view */

    

    .woocommerce-cart table.cart td.actions .coupon .input-text {

        width: 100% !important;

        margin-bottom: 10px !important;

    }




    /* Cart Table Responsive */


    .woocommerce table.shop_table_responsive tr,


    .woocommerce-page table.shop_table_responsive tr {


        display: block !important;


        margin-bottom: 1rem;


        border: 1px solid rgba(255,255,255,0.05);


    }


    .woocommerce table.shop_table_responsive tr td,


    .woocommerce-page table.shop_table_responsive tr td {


        display: block !important;


        text-align: right !important;


        clear: both;


        padding: 0.8rem 1rem !important;


    }


    .woocommerce table.shop_table_responsive tr td::before,


    .woocommerce-page table.shop_table_responsive tr td::before {


        content: attr(data-title) ": ";


        float: left;


        font-weight: bold;


        color: var(--primary);


        text-transform: uppercase;


        font-size: 0.7rem;


    }


    .woocommerce-cart .cart-collaterals .cart_totals {


        width: 100% !important;


        float: none !important;


    }


    .woocommerce-cart table.cart td.actions .coupon {


        flex-direction: column;


        align-items: stretch;


    }


    .woocommerce-cart table.cart td.actions .coupon .input-text {


        width: 100% !important;


        margin-bottom: 0.5rem;


    }





    .wc-container { flex-direction: column; gap: 2rem; margin-top: 160px; padding: 0 1rem; }


    .wc-sidebar { width: 100%; display: none; }


    .wc-sidebar.active { display: block; }


    


    .mobile-filter-toggle {


        display: block;


        width: 100%;


        background-color: var(--primary);


        color: #000;


        border: none;


        padding: 1rem;


        text-transform: uppercase;


        font-weight: bold;


        letter-spacing: 2px;


        cursor: pointer;


        margin-bottom: 1rem;


    }





    .woocommerce ul.products[class*="columns-"] {


        display: grid !important;


        grid-template-columns: repeat(2, 1fr) !important;


        gap: 1rem !important;


    }


    


    .woocommerce ul.products li.product,


    .woocommerce-page ul.products li.product {


        width: 100% !important;


        margin: 0 !important;


        padding: 1rem;


    }


    


    .woocommerce ul.products li.product .woocommerce-loop-product__title {


        font-size: 1rem;


    }


    


    .add-to-cart-glow {


        padding: 0.5rem 1rem;


        font-size: 0.7rem;


    }


    


    .woocommerce div.product {


        display: flex;


        flex-direction: column;


        gap: 2rem;


    }


    .woocommerce div.product div.images {


        max-width: 100%;


    }


}