/* =============================================================
   ASTETIC PAG VARIABLES - Frontend Styles
   Archivo: assets/css/wcam-frontend.css
   Alcance: SOLO actua bajo body.wcam-ep-{slug}
            Las variables CSS dinamicas (colores, radios, sombras)
            las inyecta PHP via wp_add_inline_style() en el
            bloque body.wcam-ep-{slug} { --wp: ...; ... }
   ============================================================= */

/* ---- Inputs WooCommerce ---- */
[class*="wcam-ep-"] .input-text,
[class*="wcam-ep-"] .woocommerce-input-wrapper input,
[class*="wcam-ep-"] .woocommerce-input-wrapper select,
[class*="wcam-ep-"] .woocommerce-input-wrapper textarea {
    border: 1.5px solid var(--wbo) !important;
    border-radius: var(--wri) !important;
    background-color: var(--winp) !important;
    color: var(--wt) !important;
    transition: border-color .2s, box-shadow .2s !important;
}

[class*="wcam-ep-"] .input-text:focus,
[class*="wcam-ep-"] .woocommerce-input-wrapper input:focus,
[class*="wcam-ep-"] .woocommerce-input-wrapper select:focus,
[class*="wcam-ep-"] .woocommerce-input-wrapper textarea:focus {
    border-color: var(--wp) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1) !important;
    outline: none !important;
}

/* ---- Botones WooCommerce ---- */
[class*="wcam-ep-"] a.button,
[class*="wcam-ep-"] button.button,
[class*="wcam-ep-"] .wc-proceed-to-checkout a.checkout-button,
[class*="wcam-ep-"] #place_order,
[class*="wcam-ep-"] .woocommerce-MyAccount-content .button {
    background-color: var(--wbtn-bg) !important;
    color: var(--wbtn-color) !important;
    border: var(--wbtn-border) !important;
    border-radius: var(--wrb) !important;
    box-shadow: var(--wsh2) !important;
    transition: background-color .2s, box-shadow .2s !important;
}

[class*="wcam-ep-"] a.button:hover,
[class*="wcam-ep-"] button.button:hover,
[class*="wcam-ep-"] .wc-proceed-to-checkout a.checkout-button:hover,
[class*="wcam-ep-"] #place_order:hover,
[class*="wcam-ep-"] .woocommerce-MyAccount-content .button:hover {
    background-color: var(--wph) !important;
    color: var(--wbtn-color-hover) !important;
    box-shadow: var(--wsh3) !important;
}

/* Botones cancelar / eliminar */
[class*="wcam-ep-"] a.button.cancel,
[class*="wcam-ep-"] a.button.delete {
    background-color: transparent !important;
    color: var(--we) !important;
    border: 1.5px solid var(--we) !important;
    box-shadow: none !important;
}

/* ---- Override: Pedido recibido (ya pago, botones secundarios) ---- */
body.wcam-ep-order_received a.button,
body.wcam-ep-order_received button.button {
    background-color: transparent !important;
    color: var(--wp) !important;
    border: 2px solid var(--wp) !important;
    box-shadow: none !important;
}
body.wcam-ep-order_received a.button:hover,
body.wcam-ep-order_received button.button:hover {
    background-color: var(--wp) !important;
    color: #fff !important;
}

/* ---- Override: Eliminar metodo de pago (destructivo, rojo) ---- */
body.wcam-ep-delete_payment a.button,
body.wcam-ep-delete_payment button.button,
body.wcam-ep-delete_payment #place_order {
    background-color: var(--we) !important;
    color: #fff !important;
    border: none !important;
}
body.wcam-ep-delete_payment a.button:hover,
body.wcam-ep-delete_payment button.button:hover {
    background-color: #dc2626 !important;
}

/* ---- Override: Ver pedido (secundarios excepto .pay) ---- */
body.wcam-ep-view_order a.button:not(.pay),
body.wcam-ep-view_order button.button:not(.pay) {
    background-color: transparent !important;
    color: var(--wp) !important;
    border: 1.5px solid var(--wp) !important;
    box-shadow: none !important;
}
body.wcam-ep-view_order a.button.pay {
    background-color: var(--wp) !important;
    color: var(--wbtn-color) !important;
    border: none !important;
}

/* ---- Tablas (solo colores y bordes) ---- */
[class*="wcam-ep-"] table.shop_table {
    border: 1px solid var(--wbo) !important;
    border-radius: var(--wrc) !important;
    box-shadow: var(--wsh1) !important;
}
[class*="wcam-ep-"] table.shop_table thead th {
    background-color: var(--wsec) !important;
    color: var(--wts) !important;
    border-bottom: 1px solid var(--wbo) !important;
}
[class*="wcam-ep-"] table.shop_table tbody td {
    border-bottom: 1px solid var(--wbo) !important;
    color: var(--wt) !important;
    background-color: var(--winp) !important;
}
[class*="wcam-ep-"] table.shop_table tbody tr:last-child td {
    border-bottom: none !important;
}
[class*="wcam-ep-"] table.shop_table tfoot td,
[class*="wcam-ep-"] table.shop_table tfoot th {
    background-color: var(--wsec) !important;
    border-top: 2px solid var(--wbo) !important;
    color: var(--wt) !important;
}

/* ---- Mensajes WooCommerce ---- */
[class*="wcam-ep-"] .woocommerce-message,
[class*="wcam-ep-"] .woocommerce-error,
[class*="wcam-ep-"] .woocommerce-info {
    border-radius: var(--wrc) !important;
}
[class*="wcam-ep-"] .woocommerce-message {
    background-color: #f0fdf4 !important;
    border-top-color: var(--wa) !important;
    color: #166534 !important;
}
[class*="wcam-ep-"] .woocommerce-error {
    background-color: #fef2f2 !important;
    border-top-color: var(--we) !important;
    color: #991b1b !important;
}
[class*="wcam-ep-"] .woocommerce-info {
    background-color: #eff6ff !important;
    border-top-color: var(--wp) !important;
    color: #1e40af !important;
}

/* ---- Navegacion Mi Cuenta ---- */
[class*="wcam-ep-"] .woocommerce-MyAccount-navigation {
    background-color: var(--wsec) !important;
    border: 1px solid var(--wbo) !important;
    border-radius: var(--wrc) !important;
    box-shadow: var(--wsh1) !important;
}
[class*="wcam-ep-"] .woocommerce-MyAccount-navigation ul li a {
    color: var(--wt) !important;
    border-radius: 8px !important;
    transition: background-color .18s, color .18s !important;
}
[class*="wcam-ep-"] .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: rgba(37, 99, 235, .1) !important;
    color: var(--wp) !important;
}
[class*="wcam-ep-"] .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--wp) !important;
    color: #fff !important;
}
[class*="wcam-ep-"] .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--we) !important;
}

/* ---- Tarjeta pedido recibido ---- */
[class*="wcam-ep-"] .woocommerce-thankyou-order-details {
    background-color: var(--wsec) !important;
    border: 1px solid var(--wbo) !important;
    border-radius: var(--wrc) !important;
    box-shadow: var(--wsh1) !important;
}
[class*="wcam-ep-"] .woocommerce-thankyou-order-details li strong {
    color: var(--wp) !important;
}

/* ---- Metodos de pago ---- */
[class*="wcam-ep-"] table.payment_methods {
    border: 1px solid var(--wbo) !important;
    border-radius: var(--wrc) !important;
}
[class*="wcam-ep-"] table.payment_methods td {
    background-color: var(--winp) !important;
}

/* ---- Bloque de pago ---- */
[class*="wcam-ep-"] #payment,
[class*="wcam-ep-"] #order_review {
    border: 1px solid var(--wbo) !important;
    border-radius: var(--wrc) !important;
    box-shadow: var(--wsh2) !important;
}
[class*="wcam-ep-"] #payment ul.payment_methods {
    background-color: var(--wsec) !important;
}

/* ---- Banner WCAM ---- */
[class*="wcam-ep-"] .wcam-banner {
    border-radius: var(--wrc);
    margin-bottom: 1em;
    padding: .75em 1em;
    font-weight: 500;
    line-height: 1.5;
}
[class*="wcam-ep-"] .wcam-banner.info  { background-color: #eff6ff; border-left: 4px solid var(--wp); color: #1e40af; }
[class*="wcam-ep-"] .wcam-banner.exito { background-color: #f0fdf4; border-left: 4px solid var(--wa); color: #166534; }
[class*="wcam-ep-"] .wcam-banner.aviso { background-color: #fffbeb; border-left: 4px solid var(--ww); color: #92400e; }
[class*="wcam-ep-"] .wcam-banner.error { background-color: #fef2f2; border-left: 4px solid var(--we); color: #991b1b; }