/**
 * 2023 Your Company
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 *
 * @author    Your Name <your.email@your-domain.com>
 * @copyright 2023 Your Company
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

.shipping-estimator-container {
    padding: 15px;
    border: 1px solid #d6d4d4;
    border-radius: 4px;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    background-color: #e4f5ed;
}

.shipping-estimator-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.shipping-estimator-title h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.shipping-estimator-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}

.shipping-estimator-form .form-group {
    flex: 1;
    min-width: 200px;
    margin-bottom: 0px;
}

.shipping-estimator-title h4 {
    /* font-size: 16px; */
    font-size: 1rem;
    font-weight: 600;
}

label[for="shipping_postal_code"] {
    background: #3b9d58 !important;
    color: #fff;
    font-weight: bold;
    padding: 0px 15px;
}

.shipping-results {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d6d4d4;
}

.shipping-results-title h5 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
}

.shipping-options-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.shipping-option-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    border-bottom: 1px solid #e4c9c9;
}

.shipping-option-item:last-child {
    border-bottom: none;
}

#estimate-shipping-button {
    background: var(--primary-color);
    color: white;
    width: auto;
}

.shipping-option-name {
    font-weight: 600;
    flex: 2;
}

.shipping-option-delay {
    color: #777;
    font-style: italic;
    flex: 2;
}

.shipping-option-price {
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.shipping-error {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .shipping-estimator-form {
        flex-direction: column;
    }

    .shipping-estimator-form .form-group {
        width: 100%;
    }

    .shipping-option-item {
        flex-direction: column;
        padding: 10px 0;
    }

    .shipping-option-price {
        text-align: left;
        margin-top: 5px;
    }
}