/*
 * Layout styling for the WooCommerce shipping calculator on single product pages.
 * These rules try to target common classes used by shipping calculator plugins.
 */

/* Container styling */
.single-product .shipping-calculator,
.single-product .shipping-calculator-form,
.single-product .woocommerce-shipping-calculator,
.single-product .woocommerce-shipping-calculator-form,
.single-product .calc_shipping,
.single-product [id*="frete"],
.single-product .shipping-calculator-box {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 1rem;
    border-radius: 4px;
    margin-top: 1rem;
}

/* Input field styling */
.single-product .shipping-calculator input[type="text"],
.single-product .shipping-calculator input[type="number"],
.single-product .shipping-calculator-form input[type="text"],
.single-product .shipping-calculator-form input[type="number"],
.single-product [id*="frete"] input[type="text"],
.single-product [id*="frete"] input[type="number"] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

/* Button styling */
.single-product .shipping-calculator button,
.single-product .shipping-calculator input[type="submit"],
.single-product .shipping-calculator-form button,
.single-product .shipping-calculator-form input[type="submit"],
.single-product [id*="frete"] button,
.single-product [id*="frete"] input[type="submit"] {
    background-color: #0077c0;
    color: #ffffff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.single-product .shipping-calculator button:hover,
.single-product .shipping-calculator input[type="submit"]:hover,
.single-product .shipping-calculator-form button:hover,
.single-product .shipping-calculator-form input[type="submit"]:hover,
.single-product [id*="frete"] button:hover,
.single-product [id*="frete"] input[type="submit"]:hover {
    background-color: #005c97;
}

/* Shipping results list styling */
.single-product .shipping-calculator .shipping-calculator-result,
.single-product .shipping-calculator-form .shipping-calculator-result,
.single-product [id*="frete"] .shipping-results {
    margin-top: 1rem;
    padding-left: 0;
    list-style: none;
}
.single-product .shipping-calculator .shipping-calculator-result li,
.single-product .shipping-calculator-form .shipping-calculator-result li,
.single-product [id*="frete"] .shipping-results li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #e0e0e0;
}