/**
 * @package AWS Price Calculator
 * @author Enrico Venezia
 * @copyright (C) Altos Web Solutions Italia
 * @license GNU/GPL v2 http://www.gnu.org/licenses/gpl-2.0.html
**/

/* Compatibility with other FontAwesome versions */
.wsf-bs .fa {
    font-family: 'FontAwesome' !important;
}

.awspc-output-product-table,
.awspc-output-product-table tr,
.awspc-output-product-table td {
    border: 0px;
}

.awspc-text-after-field {
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 30px;
}

.wpc-product-form .awspc-field-widget input[type="text"],
.wpc-product-form .awspc-field-widget select {
    width: 100%;
}

/* Image List Element */
.aws_price_calc_imagelist_button {
    width: 100%;
	height: 100%;
    background-color: #008CBA;
    border-radius: 5px;
}

.aws_price_calc_imagelist_button img {
    /* width: 50px; */
    /* height: 50px; */
}
/* /Image List Element */

/* Image List Modal */
/*
.awspc-modal-imagelist-row:hover td {
    background-color: #aaaaaa;
}
*/

.awspc-modal-imagelist-row td {
    width: 100%;    
}

.awspc-modal-imagelist-image-column {
    text-align: center;
}

.awspc_modal_imagelist_image {
    margin: 10px 10px 10px 10px;
}

.awspc_modal_imagelist_text {
    display: block;
}

.awspc-modal-imagelist {
    min-width: 300px; /* Responsive Image List */
}

.awspc-modal-imagelist-hover {
    background-color: #EEEEEE;
}

.awspc-modal-imagelist-clicked {
    background-color: #008CBA;
}

.awspc-modal-imagelist-table {
    padding-top: 10px;
}

.awspc-modal-imagelist-table table {
    width: 100%;
    border: 0px solid black;
}

.awspc-modal-imagelist-table table td {
    border: 0px solid black;
}

/* /Image List Modal */

.aws_price_calculator_cross {
    display: inline;
}

.aws_price_calculator_tick {
    display: inline;
}

.excel-worksheet-price-calculation-tooltip img:hover { 
    cursor: help; 
}

.awspc-output-product {
    margin-bottom: 30px;
    text-align: left;
}

.wpc-product-form {
    width: 100%;
}

.wpc-edit-icon {
    background-image: url(edit.png);
    background-size: 16px;
    background-repeat: no-repeat;
    width: auto !important;
    background-color: #cecece;
    padding: 5px 5px 5px 25px;
    background-position: 5px 40%;
    cursor: pointer;
    display: inline-block;
}

.wpc-edit-icon:hover > .cart-text {
    text-decoration: underline;
}

.wpc-cart-item-buttons {
    padding-top: 15px;
}

.wpc-modal-fields {
    width: 100%;
}

.wpc-modal-fields table {
    width: 90%;
}

.awspc-field-error {
    color: red;
}

.wpc-cart-edit {
    /* padding: 0 1em !important; */
}

.wpc-modal-title {
    padding-bottom: 15px;
}

.awspc-variation .awspc-variation-label,
.awspc-variation .awspc-variation-value {
    width: 100%;
    display: inline-block;
}

.woocommerce-checkout .awspc-variation-checkout {
    margin: 6px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 6px;
    row-gap: 2px;
    align-items: baseline;
}

.woocommerce-checkout .awspc-variation-checkout .awspc-variation-label,
.woocommerce-checkout .awspc-variation-checkout .awspc-variation-value {
    width: auto;
    display: block;
    margin: 0;
}

.woocommerce-checkout .awspc-variation-checkout .awspc-variation-label {
    color: var(--text-muted, #6b7280);
    font-weight: 600;
    font-size: 12px;
    line-height: 1.35;
}

.woocommerce-checkout .awspc-variation-checkout .awspc-variation-value {
    color: var(--text-muted, #64748b);
    font-weight: 500;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.woocommerce-cart .awspc-cart-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.woocommerce-cart .awspc-cart-title {
    margin-bottom: 2px;
    font-weight: 600;
    color: var(--text, #111827);
    font-size: 16px;
    line-height: 1.4;
}

.woocommerce-cart .awspc-cart-meta {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    max-width: 300px;
}

.woocommerce-cart .awspc-cart-meta__list,
.woocommerce-cart .awspc-cart-meta__list.variation {
    margin: 0;
    padding: 0 0 0 6px;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    column-gap: 6px;
    row-gap: 2px;
}

.woocommerce-cart .awspc-cart-meta__list .awspc-variation-label,
.woocommerce-cart .awspc-cart-meta__list .awspc-variation-value {
    width: auto;
    display: block;
}

.woocommerce-cart .awspc-cart-meta__label,
.woocommerce-cart .awspc-cart-meta__value {
    margin: 0;
    line-height: 1.35;
}

.woocommerce-cart .awspc-cart-meta__label {
    color: var(--text-muted, #6b7280);
    font-weight: 600;
    font-size: 13px;
}

.woocommerce-cart .awspc-cart-meta__value {
    color: var(--text-muted, #334155);
    font-weight: 500;
    font-size: 14px;
}

.woocommerce-cart .awspc-cart-meta__actions {
    margin-top: 8px;
}

.woocommerce-cart .awspc-cart-edit-button {
    align-self: flex-start;
}

.woocommerce-cart .awspc-cart-edit-button,
.woocommerce-cart .awspc-cart-edit-button.btn--primary {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 6px;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    color: #475569 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.woocommerce-cart .awspc-cart-edit-button:hover,
.woocommerce-cart .awspc-cart-edit-button.btn--primary:hover {
    background: #f1f5f9 !important;
    border-color: rgba(15, 23, 42, 0.22) !important;
    color: #1f2937 !important;
}

@media (max-width: 768px) {
    .woocommerce-cart table.shop_table_responsive,
    .woocommerce-cart .shop_table_responsive {
        border-collapse: separate;
        border-spacing: 0 12px;
    }

    .woocommerce-cart table.shop_table_responsive tr.cart_item,
    .woocommerce-cart .shop_table_responsive tr.cart_item {
        display: grid !important;
        grid-template-columns: 72px minmax(0, 1fr);
        grid-template-areas:
            "thumb name"
            "remove name"
            ". price"
            ". quantity"
            ". subtotal";
        gap: 6px 12px;
        padding: 8px;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 12px;
        background: #fff;
        box-sizing: border-box;
    }

    .woocommerce-cart table.shop_table_responsive tr.cart_item > th,
    .woocommerce-cart table.shop_table_responsive tr.cart_item > td,
    .woocommerce-cart .shop_table_responsive tr.cart_item > th,
    .woocommerce-cart .shop_table_responsive tr.cart_item > td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        text-align: left !important;
    }

    .woocommerce-cart td.product-remove {
        grid-area: remove;
        align-self: start;
        justify-self: start;
    }

    .woocommerce-cart td.product-thumbnail {
        grid-area: thumb;
        align-self: start;
    }

    .woocommerce-cart td.product-thumbnail img {
        width: 68px;
        height: auto;
        border-radius: 8px;
    }

    .woocommerce-cart th.product-name,
    .woocommerce-cart td.product-name {
        grid-area: name;
    }

    .woocommerce-cart td.product-price {
        grid-area: price;
    }

    .woocommerce-cart td.product-quantity {
        grid-area: quantity;
    }

    .woocommerce-cart td.product-subtotal {
        grid-area: subtotal;
    }

    .woocommerce-cart th.product-name::before,
    .woocommerce-cart td.product-name::before,
    .woocommerce-cart td.product-thumbnail::before {
        display: none !important;
    }

    .woocommerce-cart td.product-price,
    .woocommerce-cart td.product-quantity,
    .woocommerce-cart td.product-subtotal {
        display: flex !important;
        justify-content: space-between;
        column-gap: 10px;
        align-items: baseline;
        font-size: 12.5px;
    }

    .woocommerce-cart td.product-price::before,
    .woocommerce-cart td.product-quantity::before,
    .woocommerce-cart td.product-subtotal::before {
        float: none !important;
        display: inline-block !important;
        min-width: 0;
        color: var(--text-muted, #6b7280);
        font-weight: 600;
        font-size: 11.5px;
    }

    .woocommerce-cart .awspc-cart-meta__list,
    .woocommerce-cart .awspc-cart-meta__list.variation {
        grid-template-columns: minmax(72px, 88px) minmax(0, 1fr);
        column-gap: 4px;
        padding-left: 0;
        border-left: 0;
        row-gap: 2px;
    }

    .woocommerce-cart .awspc-cart-meta {
        max-width: 100%;
    }

    .woocommerce-cart .awspc-cart-meta__label,
    .woocommerce-cart .awspc-cart-meta__value {
        font-size: 12.5px;
    }

    .woocommerce-cart .awspc-cart-meta__value {
        text-align: left;
    }

    .woocommerce-cart .product-name {
        text-align: left;
    }

    .woocommerce-cart .awspc-cart-edit-button.btn--primary {
        padding: 6px 10px;
        font-size: 12px;
    }
}

.rangeslider {
    margin-bottom: 15px;
}

.aws-upload-advanced-add-button input[type='file']{
    display: none !important;
}

.aws-upload-advanced-target {
    padding-top: 10px;
}

.aws-upload-advanced-target .error {
    color: red;
}

.aws-upload-advanced-target .success {
    color: green;
}

.aws-upload-advanced-target .delete {

}

.ttt {
    color: red;
    text-align: right;
}

.tooltipster-content {
    max-height: 300px !important;
    overflow-y: auto !important;
}

.tooltipster-content ol,
.tooltipster-content li {
    margin-left: 7px;
}