/**
 * Filename:      frontend-tiered-pricing.css
 * Plugin Name:   IDK WooCommerce Customized (MU)
 * Description:   Contains styles specifically for the tiered pricing table on the single product page.
 * Version:       2.2
 * Author:        André Gansel
 */

/* Container for the add-to-cart area */
.woocommerce div.product form.cart {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin: 0 !important;
    margin-top: 30px !important;

}

/* Specific adjustment for quantity input on product page */
.woocommerce div.product form.cart div.quantity {

    margin-left: -15px;

}

/* Style for the live total price display */
.woocommerce div.product #idk-live-total-price-wrapper {

    font-size: 22px !important;
    font-weight: 500 !important;
    gap: 5px;

}

/* Style for the add to cart button */
.woocommerce div.product .single_add_to_cart_button {

    margin-top: 0 !important;
    height: 52px;

}

/* Main container for the tiered pricing block */
.woocommerce div.product .idk-tiered-pricing-container {

    order: 99;
    width: 100%;
    clear: both;
    margin-top: 25px;

}

/* Table styling */
.woocommerce div.product .idk-pricing-table {

    background-color: transparent !important;
    width: 100%;
    margin-bottom: 15px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    table-layout: fixed;

}

/* Fixed column widths */
.woocommerce div.product .idk-pricing-table .col-tier-select,
.woocommerce div.product .idk-pricing-table .col-min-quantity,
.woocommerce div.product .idk-pricing-table .col-price-per-piece {
    
    width: 25%;

}


/* Table header styling */
.woocommerce div.product .idk-pricing-table th {

    font-weight: 500 !important;
    padding: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.1) !important;
    overflow: hidden;

}

/* General table row styling */
.woocommerce div.product .idk-pricing-table tr {

    background-color: unset !important;

}

/* General table cell styling */
.woocommerce div.product .idk-pricing-table td {

    padding: 10px !important;
    font-size: inherit !important;
    border: 0 !important;

}

/* Styling for the first column cell */
.woocommerce div.product .idk-pricing-table td[rowspan] {

    padding-right: 50px !important;

}

/* Style for the price amount display */
.woocommerce div.product .idk-pricing-table td .woocommerce-Price-amount {

    display: unset !important;

}

/* Container for dropdown */
.woocommerce div.product .idk-pricing-controls {

    display: flex;
    flex-direction: column;

}

.woocommerce div.product .idk-pricing-controls .fancy-select-wrap {

    padding-top: 0;

}

.woocommerce div.product div.summary {

    margin-bottom: 0 !important;

}

/* --- STYLING FOR ACTIVE TIER HIGHLIGHT --- */
.woocommerce div.product .idk-pricing-table tr.active-tier td.col-min-quantity,
.woocommerce div.product .idk-pricing-table tr.active-tier td.col-price-per-piece {

    color: #0794d2;
    font-weight: 600;

}