.elementor-4708 .elementor-element.elementor-element-096c667{--display:flex;--min-height:70vh;--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4708 .elementor-element.elementor-element-096c667:not(.elementor-motion-effects-element-type-background), .elementor-4708 .elementor-element.elementor-element-096c667 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9E908080;}.elementor-4708 .elementor-element.elementor-element-8df9cb0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4708 .elementor-element.elementor-element-8df9cb0.e-con{--align-self:center;}.elementor-4708 .elementor-element.elementor-element-052b758{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4708 .elementor-element.elementor-element-8df9cb0{--width:90%;}.elementor-4708 .elementor-element.elementor-element-8df9cb0.e-con{--align-self:center;}}@media(min-width:768px){.elementor-4708 .elementor-element.elementor-element-8df9cb0{--width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4708 .elementor-element.elementor-element-8df9cb0{--width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-4320e38 *//* --- RESPONSIVE TABLE SCROLLING --- */

@media (max-width: 991px) {
    /* Table ko container mein wrap karke scroll enable karna */
    .woocommerce-order-details {
        overflow-x: auto !important;
        display: block !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
    }

    .shop_table.order_details {
        min-width: 600px !important; /* Force a minimum width so it scrolls instead of squishing */
        display: table !important;
    }
}

/* Scrollbar styling (Optional: To make it look cleaner) */
.woocommerce-order-details::-webkit-scrollbar {
    height: 6px;
}

.woocommerce-order-details::-webkit-scrollbar-thumb {
    background: #C49A3C; /* Caramel Gold scrollbar */
    border-radius: 10px;
}

.woocommerce-order-details::-webkit-scrollbar-track {
    background: #FDFBF7; /* Stone/Cream track */
}

/* --- Order Tracking Form RESET & STYLE --- */

/* Pure container ko center aur clean karne ke liye */
.woocommerce-form-track-order {
    max-width: 600px !important;
    margin: 50px auto !important;
    display: block !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 1px solid #9E9080 !important; /* Stone Border */
}

/* Har row ko alag line par lane ke liye */
.woocommerce-form-track-order p.form-row {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
    clear: both !important;
}

/* Labels styling */
.woocommerce-form-track-order label {
    display: block !important;
    font-family: 'Cormorant Garamond', serif !important;
    color: #3B1F0E !important; /* Dark Chocolate */
    font-weight: bold !important;
    margin-bottom: 8px !important;
    font-size: 1.1rem !important;
}

/* Input boxes styling */
.woocommerce-form-track-order input.input-text {
    width: 100% !important;
    padding: 15px !important;
    border: 1px solid #9E9080 !important;
    border-radius: 0px !important; /* Sharp corners */
    background-color: #FDFBF7 !important;
    font-family: 'Open Sans', sans-serif !important;
    box-sizing: border-box !important;
}

.woocommerce-form-track-order input.input-text:focus {
    border-color: #C49A3C !important; /* Caramel Gold */
    outline: none !important;
}

/* Button styling - Isko center aur full width kar diya hai */
.woocommerce-form-track-order button.button {
    width: 100% !important;
    background-color: #3B1F0E !important; /* Dark Chocolate */
    color: #ffffff !important;
    padding: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border-radius: 0px !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    transition: 0.3s ease !important;
}

.woocommerce-form-track-order button.button:hover {
    background-color: #C49A3C !important; /* Caramel Gold */
}

/* Clearfix for any floating issues */
.woocommerce-form-track-order::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}


/* --- ORDER DETAILS TABLE STYLING --- */

/* 1. Main Heading "Order Details" */
.woocommerce-order-details__title {
    font-family: 'Cormorant Garamond', serif !important;
    color: #3B1F0E !important; /* Dark Chocolate */
    font-size: 2rem !important;
    text-transform: capitalize !important;
    border-bottom: 2px solid #C49A3C !important; /* Gold Underline */
    padding-bottom: 10px !important;
    margin-bottom: 30px !important;
}

/* 2. Table Structure */
.shop_table.order_details {
    border: 1px solid #9E9080 !important; /* Stone Border */
    border-radius: 0px !important;
    overflow: hidden !important;
    border-collapse: collapse !important;
}

/* 3. Table Header Styling */
.shop_table.order_details thead th {
    background-color: #3B1F0E !important; /* Dark Chocolate Header */
    color: #FFFFFF !important;
    font-family: 'Cormorant Garamond', serif !important;
    padding: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 4. Table Body Cells */
.shop_table.order_details td, 
.shop_table.order_details th {
    padding: 15px !important;
    border: 1px solid #9E9080 !important; /* Stone lines */
    font-family: 'Open Sans', sans-serif !important;
    color: #3B1F0E !important;
}

/* 5. Product Name Links */
.shop_table.order_details td.product-name a {
    color: #6B3620 !important; /* Warm Brown */
    font-weight: bold !important;
    text-decoration: none !important;
}

.shop_table.order_details td.product-name a:hover {
    color: #C49A3C !important; /* Gold on Hover */
}

/* 6. Total Rows Background (Footer of table) */
.shop_table.order_details tfoot th {
    background-color: #FDFBF7 !important; /* Light Stone/Cream */
    font-weight: bold !important;
}

.shop_table.order_details tfoot td {
    font-weight: bold !important;
    color: #C49A3C !important; /* Gold for Total Prices */
}

/* 7. Customer Details Section Below Table */
.woocommerce-customer-details h2 {
    font-family: 'Cormorant Garamond', serif !important;
    color: #3B1F0E !important;
    margin-top: 40px !important;
}

.woocommerce-customer-details address {
    border: 1px solid #9E9080 !important;
    padding: 20px !important;
    font-style: normal !important;
    background-color: #FDFBF7 !important;
    color: #6B3620 !important;
}/* End custom CSS */