/* LockerCuenca — Selector de tarifas visual */

/* Ocultar select y label original */
.variations_form table.variations select { display: none !important; }
.variations_form table.variations th.label { display: none !important; }
.woocommerce-variation-availability { margin-bottom: 8px; }

/* Wrapper de tarjetas */
.lc-tarifas-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px 0 20px;
    width: 100%;
}

/* Tarjeta individual */
.lc-tarifa-card {
    border: 2px solid #E4E0D8;
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, transform .1s ease;
    background: #fff;
    user-select: none;
}

.lc-tarifa-card:hover {
    border-color: #21405E;
    transform: translateY(-1px);
}

.lc-tarifa-card.lc-selected {
    border: 2px solid #21405E;
    background: #EDF3F8;
}

.lc-tarifa-card.lc-popular {
    border-color: #C99A4E;
}

.lc-tarifa-card.lc-popular.lc-selected {
    border: 2px solid #C99A4E;
    background: #FBF5EA;
}

/* Lado izquierdo */
.lc-tarifa-left {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lc-tarifa-nombre {
    font-size: 15px;
    font-weight: 600;
    color: #21405E;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lc-tarifa-desc {
    font-size: 12px;
    color: #999;
}

/* Badge popular */
.lc-badge {
    font-size: 10px;
    background: #C99A4E;
    color: #fff;
    border-radius: 5px;
    padding: 2px 8px;
    font-weight: 500;
    letter-spacing: .02em;
}

/* Precio */
.lc-tarifa-precio {
    font-size: 16px;
    font-weight: 700;
    color: #21405E;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Nota del checkout */
.lc-checkout-note {
    font-size: 12px;
    color: #888;
    background: #F7F4EF;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.5;
}

/* Ocultar botón Limpiar */
.reset_variations { display: none !important; }

/* Ocultar precio nativo de WooCommerce en página de producto */
.product .woocommerce-variation-price,
.product p.price,
.product span.price {
    display: none !important;
}

/* Botón RESERVAR */
.single_add_to_cart_button {
    background: #21405E !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 16px 48px !important;
    border-radius: 8px !important;
    border: none !important;
    letter-spacing: .04em !important;
    width: 100% !important;
    margin-top: 8px !important;
}
.single_add_to_cart_button:hover {
    background: #C99A4E !important;
}

/* Total dinámico */
#lc-precio-seleccionado {
    font-size: 22px;
    font-weight: 700;
    color: #21405E;
    margin-bottom: 6px;
}
#lc-precio-seleccionado span {
    color: #C99A4E;
}

/* Texto info paso */
#lc-info-paso {
    font-size: 13px;
    color: #888;
    margin-bottom: 12px;
}

/* Responsive móvil */
@media (max-width: 480px) {
    .lc-tarifa-card { padding: 12px 14px; }
    .lc-tarifa-nombre { font-size: 14px; }
    .lc-tarifa-precio { font-size: 15px; }
}