/*
 * Banner de consentimiento de cookies (Olivareo).
 * Carga en TODO el sitio, independiente de #olv (así funciona también en
 * páginas que no llevan el wrapper de ficha de producto, como Mi cuenta).
 * Colores fijos en vez de var(--...) porque esas variables solo existen
 * dentro de #olv en olv.css, que ni siquiera se carga fuera de producto.
 */
#olv-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#223223;color:#edeae3;box-shadow:0 -4px 18px rgba(0,0,0,.18);font-family:'Poppins','Segoe UI',system-ui,sans-serif}
#olv-cookie-banner .olv-cb__inner{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}
#olv-cookie-banner .olv-cb__text{margin:0;font-size:13.5px;line-height:1.55;color:#edeae3;flex:1 1 320px}
#olv-cookie-banner .olv-cb__text a{color:#f2a75c;text-decoration:underline}
#olv-cookie-banner .olv-cb__actions{display:flex;gap:10px;flex-shrink:0}
#olv-cookie-banner .olv-cb__btn{padding:11px 22px;font-size:12.5px;font-weight:600;letter-spacing:.04em;border-radius:3px;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:inherit}
#olv-cookie-banner .olv-cb__btn--accept{background:#f28c28;color:#223223}
#olv-cookie-banner .olv-cb__btn--accept:hover{background:#e07d1a}
#olv-cookie-banner .olv-cb__btn--reject{background:transparent;color:#edeae3;border-color:rgba(237,234,227,.4)}
#olv-cookie-banner .olv-cb__btn--reject:hover{border-color:#edeae3}
@media(max-width:600px){
  #olv-cookie-banner .olv-cb__inner{padding:16px 18px}
  #olv-cookie-banner .olv-cb__actions{width:100%}
  #olv-cookie-banner .olv-cb__btn{flex:1}
}

/*
 * Carrito: José pidió quitar los botones de pago exprés (Apple Pay /
 * Google Pay de Stripe, botón inteligente de PayPal) y dejar solo el
 * botón normal "Finalizar compra". No se puede desactivar desde los
 * ajustes de cada plugin sin ocultar esos métodos también en el
 * checkout, así que se ocultan solo aquí por CSS.
 */
body.woocommerce-cart #wc-stripe-express-checkout-element,
body.woocommerce-cart .ppc-button-wrapper{display:none !important}

/*
 * Checkout: el plugin de Stripe (checkout optimizado) etiqueta el radio
 * de tarjeta como "Opciones de pago" (texto fijo, sin campo de Título
 * editable). Se sustituye visualmente por "Pago con tarjeta".
 */
body.woocommerce-checkout label[for="payment_method_stripe"]{font-size:0}
body.woocommerce-checkout label[for="payment_method_stripe"]::after{content:"Pago con tarjeta";font-size:14px;font-weight:600;color:#223223}

/*
 * Checkout: el radio y el nombre del método de pago (PayPal / tarjeta)
 * aparecían en dos líneas (radio arriba, nombre debajo). Se ponen en la
 * misma línea para los dos métodos.
 */
body.woocommerce-checkout .wc_payment_method > label{display:inline-flex !important;align-items:center;width:auto !important;vertical-align:middle;margin-left:8px}
body.woocommerce-checkout .wc_payment_method > input.input-radio{vertical-align:middle}
