/**
 * NOSC: Simulador de Frete - Página do Produto
 * Design System: Gold #C4973B, Sand #E8DDD0, Brown #5C4A3D
 * @since 2026-02-07
 */

/* Container principal */
#woocommerce-correios-calculo-de-frete-na-pagina-do-produto {
    background: #FFFDF9;
    border: 1px solid #E8DDD0;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}

#woocommerce-correios-calculo-de-frete-na-pagina-do-produto .calculatorRow p {
    font-size: 14px;
    font-weight: 600;
    color: #5C4A3D;
    margin-bottom: 10px;
}

/* Campo de CEP e Botão - Layout inline */
.nosc-shipping-input-wrapper {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

#woocommerce-correios-calculo-de-frete-na-pagina-do-produto #inputCep {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #E8DDD0;
    border-radius: 6px;
    font-size: 15px;
    color: #5C4A3D;
    background: #fff;
    transition: border-color 0.2s ease;
}

#woocommerce-correios-calculo-de-frete-na-pagina-do-produto #inputCep:focus {
    outline: none;
    border-color: #C4973B;
    box-shadow: 0 0 0 2px rgba(196, 151, 59, 0.1);
}

#woocommerce-correios-calculo-de-frete-na-pagina-do-produto #inputCep::placeholder {
    color: #999;
}

/* Botão Calcular */
.nosc-btn-calcular-frete {
    background: #C4973B;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

.nosc-btn-calcular-frete:hover {
    background: #A67E2E;
    transform: translateY(-1px);
}

.nosc-btn-calcular-frete:active {
    transform: translateY(0);
}

.nosc-btn-calcular-frete:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

.nosc-btn-calcular-frete svg {
    width: 16px;
    height: 16px;
}

/* Loader */
#calcular-frete-loader {
    display: none;
    justify-content: center;
    padding: 20px;
}

#calcular-frete-loader img {
    width: 30px;
    height: 30px;
}

/* Tabela de Resultados */
.resultado-frete {
    margin-top: 15px;
    display: none;
}

.resultado-frete.show {
    display: block;
}

.resultado-frete table {
    width: 100%;
    border-collapse: collapse;
}

.resultado-frete table tbody tr {
    border-bottom: 1px solid #E8DDD0;
}

.resultado-frete table tbody tr:last-child {
    border-bottom: none;
}

.resultado-frete table tbody td {
    padding: 12px 0;
    color: #5C4A3D;
    font-size: 14px;
}

/* Estilo para cada opção de frete */
.nosc-shipping-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #E8DDD0;
    border-radius: 6px;
    margin-bottom: 8px;
    transition: border-color 0.2s ease;
}

.nosc-shipping-option:hover {
    border-color: #C4973B;
}

.nosc-shipping-option:last-child {
    margin-bottom: 0;
}

.nosc-shipping-name {
    font-weight: 500;
    color: #5C4A3D;
}

.nosc-shipping-time {
    font-size: 13px;
    color: #888;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.nosc-shipping-time .nosc-icon-clock {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.nosc-shipping-price {
    font-weight: 700;
    color: #C4973B;
    font-size: 16px;
}

.nosc-shipping-free {
    color: #2E7D32;
    font-weight: 700;
}

/* Destino */
#destiny-shipping-mehor-envio {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 10px;
}

/* Observações */
.observation-shipping-free {
    display: none;
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    padding: 8px 12px;
    background: #FFF8E1;
    border-radius: 4px;
}

/* Link para não sabe o CEP */
.nosc-cep-help {
    font-size: 12px;
    margin-top: 8px;
}

.nosc-cep-help a {
    color: #C4973B;
    text-decoration: none;
}

.nosc-cep-help a:hover {
    text-decoration: underline;
}

/* Responsivo */
@media (max-width: 480px) {
    .nosc-shipping-input-wrapper {
        flex-direction: column;
    }
    
    .nosc-btn-calcular-frete {
        width: 100%;
        justify-content: center;
    }
}