/*
Theme Name:     Timbr | Divi Child Theme
Theme URI:      https://websolutionsdesk.com
Description:    A child theme for Divi
Author:         The Creature
Author URI:     https://websolutionsdesk.com
Template:       Divi
Version:        1.0.0
*/

@import url("../Divi/style.css");

/* Add your custom CSS below */
@font-face {
    font-family: 'BT';
    src: url('/wp-content/themes/Timbr/fonts/BauerBodoniBT-Roman.eot');
    src: url('/wp-content/themes/Timbr/fonts/BauerBodoniBT-Roman.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/Timbr/fonts/BauerBodoniBT-Roman.woff2') format('woff2'),
    url('/wp-content/themes/Timbr/fonts/BauerBodoniBT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background: #f7f7f7 !important;
}
.page.et_pb_pagebuilder_layout #main-content{
    background: #f7f7f7 !important;
}

.woocommerce div.product form.cart .variations.custom-variation-wrapper label{
    /*
    color: #262f32 !important;
     */
}

.woocommerce div.product form.cart .variations tr th.label {
    display: none !important;
}

body.single-product table.variations {
    width: 100%;
    max-width: 100%;
    table-layout: auto !important;
}

body.single-product table.variations {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

body.single-product table.variations td,
body.single-product table.variations th {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    border: none !important;
}

/* FORCE Woo variations to behave like block-level fields */
body.single-product table.variations {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    display: block;
}

body.single-product table.variations tbody,
body.single-product table.variations tr,
body.single-product table.variations td,
body.single-product table.variations th {
    display: block !important;
    width: 100% !important;
    max-width: 380px !important;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: none;
}

.single_variation {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
}

/* Quantity full width */
.variations_form .quantity {
    margin-bottom: 20px;
}



/* Fix Add to Cart layout */
.single_add_to_cart_button {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 14px;
    font-size: 18px;
    text-align: center;
}

.single_variation {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}
.variations_form .quantity:nth-of-type(2) {
    display: none;
}

/* Reorder elements inside the variation area */
.single_variation_wrap {
    display: flex;
    flex-direction: column;
}

/* Ensure quantity is first */
.single_variation_wrap .quantity {
    order: 1;
}

/* Force variation price to appear second */
.single_variation_wrap .woocommerce-variation.single_variation {
    order: 2;
    margin-top: 10px;
}

/* Keep Add to Cart button last */
.single_variation_wrap .single_add_to_cart_button {
    order: 3;
}

/* Variations form (single) */
#timbr-single-meta .variations_form .variations {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
#timbr-single-meta .variations_form .variations tr {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}
#timbr-single-meta .variations_form .variations td {
    padding-left: 0 !important;
}

/* Wrap both image and quantity in one row */
.checkout-item-with-thumbnail {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
}

/* Style the image */
.checkout-item-with-thumbnail .checkout-thumb img {
    width: 60px;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
}

/* Align the quantity (×1) properly */
.checkout-item-with-thumbnail .checkout-details {
    font-size: 14px;
    color: #333;
}
.woocommerce-checkout-review-order-table .product-name {
   /* font-weight: 600 !important; */
    font-family: 'BT', serif !important;
    text-transform: uppercase !important;
}