/**
 * Campamento de Verano 2026 — Club de Golf La Cañada
 * Estilos UI formulario, checkout y página producto.
 * v2026.5
 */

:root {
    --lcg-blue:     #005D9E;
    --lcg-blue-mid: #1A72B8;
    --lcg-blue-dk:  #003d6e;
    --lcg-gold:     #C8A040;
}

/* ── Títulos de sección (gsection_title) ── */
.gform_wrapper .gsection_title,
.gform_wrapper .gfield_label.gfield_label_before_complex,
.gform_wrapper .gfield.gsection .gsection_title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--lcg-blue-dk) !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 2px solid var(--lcg-blue);
    padding-bottom: 6px;
    margin-bottom: 12px;
}

/* ── Ocultar elementos innecesarios ── */
#reviews,
.woocommerce-Reviews,
#gform_totals_1,
.gform_totals,
#field_1_73,
.gf_product_total {
    display: none !important;
}

/* ── Checkout — reset sidebar ── */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
    background: #ffffff !important;
    border-radius: 6px;
}

/* ── Checkout — cabecera tabla ── */
.woocommerce-checkout table.shop_table thead th,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
    color: var(--lcg-blue-dk);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--lcg-blue) !important;
    padding: 10px 0;
}

/* ── Checkout — filas tabla ── */
.woocommerce-checkout table.shop_table tbody tr td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr td {
    padding: 12px 0;
    border-bottom: 1px solid #eee !important;
    font-size: 15px;
    color: #333;
}

/* ── Checkout — fila TOTAL ── */
.woocommerce-checkout table.shop_table tfoot .order-total th,
.woocommerce-checkout table.shop_table tfoot .order-total td,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--lcg-blue-dk) !important;
    border-top: 2px solid var(--lcg-blue) !important;
    padding-top: 14px !important;
}

/* ── Checkout — nombre producto ── */
.woocommerce-checkout .product-name {
    font-weight: 600;
    color: var(--lcg-blue-dk);
}

/* ── Checkout — cabecera sección ── */
.woocommerce-checkout h3#order_review_heading {
    font-size: 16px;
    font-weight: 700;
    color: var(--lcg-blue);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 14px;
}

/* ── Checkout — campos billing ── */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--lcg-blue);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--lcg-blue);
    padding-bottom: 6px;
    margin-bottom: 16px;
}

.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper select {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 10px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .woocommerce-input-wrapper input:focus,
.woocommerce-checkout .woocommerce-input-wrapper select:focus {
    border-color: var(--lcg-blue) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0,93,158,0.15) !important;
}

/* ── Checkout — botón pagar ── */
.woocommerce-checkout #place_order {
    background: var(--lcg-blue) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    border-radius: 4px !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.woocommerce-checkout #place_order:hover {
    background: var(--lcg-blue-mid) !important;
}

/* ── Checkout — sección pago ── */
.woocommerce-checkout #payment {
    background: #f9f9f9 !important;
    border-radius: 6px !important;
    padding: 20px !important;
    border: 1px solid #eee !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #eee !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
}

/* ── Botón submit página 4 ── */
.lcg-submit-btn {
    background: var(--lcg-blue) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    margin-top: 12px !important;
    width: 100% !important;
    transition: background 0.2s !important;
}

.lcg-submit-btn:hover {
    background: var(--lcg-blue-mid) !important;
}

/* ── Resumen de inscripción (página 4) ── */
#lcg-resumen-final {
    background: #f5f9fd;
    border: 1px solid #dce8f5;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}

/* ── Precio en página 2 ── */
#lcg-precio-resumen {
    background: #f5f9fd;
    border: 1px solid #dce8f5;
    border-radius: 6px;
    padding: 16px 20px;
    margin-top: 12px;
}

#lcg-precio-total {
    font-size: 18px;
    color: var(--lcg-blue-dk);
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dce8f5;
}

/* ── Código de acceso ── */
#lcg-codigo-resultado {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 6px;
}