/**
 * Estilos Frontend para Selección de Envíos en Checkout
 * Módulo: all-business / e-commerce-plugin / costos-envio
 */

.wccc-shipping-methods-section {
    margin-top: 24px;
    margin-bottom: 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 20px;
}

.wccc-shipping-methods-section h3 {
    margin: 0 0 14px 0;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.wccc-shipping-method-item {
    cursor: pointer;
}

.wccc-shipping-method-item .wccc-shipping-method-header {
    transition: all 0.2s ease-in-out;
}

.wccc-shipping-method-item:hover .wccc-shipping-method-header {
    border-color: #93c5fd !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.08);
}

.wccc-shipping-method-item.selected .wccc-shipping-method-header {
    border-color: #0284c7 !important;
    background: #f0f9ff !important;
}

.wccc-shipping-method-item input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: #0284c7;
    cursor: pointer;
}