/* ================================================
   SECCIÓN "¿TIENES PUNTOS?" - CHECKOUT & CARRITO
   Plugin: Points and Rewards for WooCommerce
   ================================================ */


/* --- CHECKOUT: Contenedor wrapper general --- */
.puntos-wrapper {
    background: #ffffff;
    border: 1px solid #d5d8dc;
    border-radius: 3px;
    padding: 16px 30px;
    margin: 0 0 24px 0;
}

/* --- CHECKOUT: Título ¿Tienes puntos? --- */
.puntos-titulo {
    font-family: 'Raleway', sans-serif;
    color: #222222;
    font-size: 1.1em;
    margin: 0 0 12px 0;
}

/* --- CHECKOUT: Bloque interno del plugin (resetear estilos propios) --- */
.custom_point_checkout {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Eliminar la línea azul superior que agrega WooCommerce */
.custom_point_checkout::before {
    display: none !important;
}

/* --- CHECKOUT & CARRITO: Textos del bloque de puntos --- */
.custom_point_checkout,
.custom_point_checkout *,
.wps_wpr_apply_custom_points,
.wps_wpr_apply_custom_points * {
    font-family: 'Raleway', sans-serif !important;
    color: #222222 !important;
}

/* --- CHECKOUT & CARRITO: Botón "Aplicar puntos" --- */
.custom_point_checkout button,
button#wps_cart_points_apply {
    font-family: 'Raleway', sans-serif !important;
    background-color: #347C51 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 1em !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

/* --- CHECKOUT & CARRITO: Hover del botón --- */
.custom_point_checkout button:hover,
button#wps_cart_points_apply:hover {
    background-color: #010101 !important;
    color: #ffffff !important;
}

/* --- CARRITO & CHECKOUT: Input de puntos --- */
#wps_cart_points,
input#wps_cart_points {
    font-family: 'Raleway', sans-serif !important;
    color: #222222 !important;
    background-color: #ffffff !important;
    border: 1px solid #d5d8dc !important;
    border-radius: 3px !important;
    padding: 0.6em 1em !important;
    font-size: 14px !important;
    width: 130px !important;
    height: 42px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* --- CARRITO: Banners de notificación de puntos --- */
#wps_wpr_order_notice,
#wps_wpr_order_notice * {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background-color: #347C51 !important;
}

/* --- Mensajes generales de WooCommerce --- */
.woocommerce-message,
.woocommerce-message * {
    font-family: 'Raleway', sans-serif !important;
}