/* Biopet · Carrito y pago — solo aspecto.
   Todo va bajo body.bp-compra: si el plugin se desactiva o se quita la clase,
   estas páginas vuelven a verse como antes. Los bloques de WooCommerce traen
   reglas muy específicas, por eso algunas llevan !important. */

body.bp-compra{background:var(--paper)!important;color:var(--ink);font-family:var(--sans)}
body.bp-compra #content,body.bp-compra .site-content,body.bp-compra .ast-container,body.bp-compra #primary,body.bp-compra .ast-article-single{background:transparent!important}
body.bp-compra .ast-article-single{padding:0!important;border:0!important;box-shadow:none!important}
body.bp-compra #primary{margin-top:1.5rem!important;margin-bottom:3rem!important}
body.bp-compra .ast-container{max-width:1240px!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important}
body.bp-compra .wc-block-components-text-input input,
body.bp-compra .wc-block-components-form,
body.bp-compra .wp-block-woocommerce-cart,
body.bp-compra .wp-block-woocommerce-checkout{font-family:var(--sans)}

/* Título de la página */
body.bp-compra .entry-header{margin:0 0 1rem!important;text-align:left}
body.bp-compra .entry-title{font-family:var(--serif)!important;font-weight:600!important;font-size:clamp(2.2rem,7vw,3.4rem)!important;letter-spacing:-.025em;line-height:1.05;color:var(--brown)!important;margin:0!important}

/* Pasos */
.bp-compra-cab{margin:0 0 1.6rem}
.bp-pasos{list-style:none;margin:0 0 1rem;padding:0;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;counter-reset:none}
.bp-pasos li{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem;color:var(--brown-3);margin:0}
.bp-pasos li+li::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--sand);margin-right:.2rem}
.bp-pasos li.hecho+li::before,.bp-pasos li.actual::before{background:var(--leaf)}
.bp-pasos a{display:flex;align-items:center;gap:.5rem;color:inherit!important;text-decoration:none!important}
.bp-pasos a:hover{color:var(--brown)}
.bp-paso-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--sand);background:#fff;font-size:.8rem;color:var(--brown-2)}
.bp-pasos .actual{color:var(--brown)}
.bp-pasos .actual .bp-paso-n{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.bp-pasos .hecho{color:var(--olive)}
.bp-pasos .hecho .bp-paso-n{background:var(--leaf);border-color:var(--leaf);color:var(--night)}

/* Franja de confianza */
.bp-confianza{list-style:none;margin:0;padding:0;display:grid;gap:0;background:#fff;border:1px solid var(--sand);border-radius:var(--r);overflow:hidden}
.bp-confianza li{position:relative;display:flex;flex-direction:column;padding:.75rem 1rem .8rem 2.9rem;margin:0;font-size:.88rem;line-height:1.35}
.bp-confianza li+li{border-top:1px solid var(--cream)}
.bp-confianza li::before{content:"";position:absolute;left:1rem;top:1rem;width:16px;height:8px;background:var(--zig) no-repeat left center;background-size:22px 10px}
.bp-confianza b{color:var(--ink);font-weight:600}
.bp-confianza span{color:var(--brown-2)}
.bp-confianza a{color:var(--wa)!important;font-weight:600;text-decoration:none}
@media (max-width:719px){
  /* En móvil, una sola fila que se desliza: el formulario queda más arriba */
  .bp-confianza{display:flex;overflow-x:auto;scrollbar-width:none;border-radius:999px}
  .bp-confianza::-webkit-scrollbar{display:none}
  .bp-confianza li{flex:0 0 auto;padding:.55rem 1rem .55rem 2.6rem;white-space:nowrap}
  .bp-confianza li+li{border-top:0;border-left:1px solid var(--cream)}
  .bp-confianza li::before{top:50%;margin-top:-4px}
  .bp-confianza span{display:none}
  .bp-confianza li:last-child span{display:inline}
  .bp-confianza li:last-child b{display:none}
}
@media (min-width:720px){
  .bp-confianza{grid-template-columns:repeat(3,1fr)}
  .bp-confianza li+li{border-top:0;border-left:1px solid var(--cream)}
}

/* Columnas: contenido + resumen. El bloque viene con "ancho amplio" de Astra
   (márgenes negativos); aquí se alinea con el resto de la página. */
body.bp-compra .wp-block-woocommerce-cart.alignwide,
body.bp-compra .wp-block-woocommerce-checkout.alignwide{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
body.bp-compra .wc-block-components-sidebar-layout{gap:0;margin-top:0}
body.bp-compra .wc-block-components-main{padding-right:0}
@media (min-width:700px){
  body.bp-compra .wc-block-components-sidebar-layout .wc-block-components-main{padding-right:2rem!important}
}
body.bp-compra .wc-block-components-sidebar{padding-left:0!important}

/* Tarjetas: lista del carrito, pasos del pago y resumen */
body.bp-compra .wc-block-cart-items,
body.bp-compra .wc-block-components-checkout-step,
body.bp-compra .wp-block-woocommerce-cart-totals-block,
body.bp-compra .wp-block-woocommerce-checkout-totals-block{background:#fff;border:1px solid var(--sand)!important;border-radius:var(--r);box-shadow:none}
body.bp-compra .wc-block-cart-items{border-collapse:separate!important;border-spacing:0;overflow:hidden;margin:0 0 1rem!important}
body.bp-compra .wp-block-woocommerce-cart-totals-block,
body.bp-compra .wp-block-woocommerce-checkout-totals-block{padding:1.2rem 1.2rem 1.4rem!important}
body.bp-compra .wc-block-components-sidebar .wc-block-components-totals-wrapper{border-color:var(--cream)!important}

/* Carrito: filas */
body.bp-compra .wc-block-cart-items__header{background:var(--cream)}
body.bp-compra .wc-block-cart-items__header th{padding:.8rem 1rem!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--brown-2)!important;border:0!important}
body.bp-compra .wc-block-cart-items__header th span{text-transform:none!important;font-size:.78rem!important}
body.bp-compra .wc-block-cart-items__row td{border-top:1px solid var(--cream)!important;padding-top:1rem!important;padding-bottom:1rem!important;vertical-align:top}
body.bp-compra .wc-block-cart-items__row:first-child td{border-top:0!important}
body.bp-compra .wc-block-cart-item__image{padding-left:1rem!important}
body.bp-compra .wc-block-cart-item__image img,
body.bp-compra .wc-block-components-order-summary-item__image img{border-radius:12px;background:var(--cream);mix-blend-mode:multiply;aspect-ratio:1;object-fit:contain;padding:4px}
body.bp-compra .wc-block-cart-item__total{padding-right:1rem!important}
body.bp-compra .wc-block-components-product-name{font-family:var(--sans)!important;font-weight:600!important;font-size:1rem!important;color:var(--ink)!important;text-decoration:none!important;line-height:1.3}
body.bp-compra a.wc-block-components-product-name:hover{color:var(--olive)!important;text-decoration:underline!important}
body.bp-compra .wc-block-components-product-metadata,
body.bp-compra .wc-block-components-product-metadata__description{color:var(--brown-2);font-size:.85rem}
body.bp-compra .wc-block-cart-item__prices,
body.bp-compra .wc-block-components-product-price{color:var(--brown-2);font-size:.9rem}
body.bp-compra .wc-block-cart-item__total .wc-block-components-product-price__value,
body.bp-compra .wc-block-cart-item__total .wc-block-formatted-money-amount{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--brown)}

/* Cantidad */
body.bp-compra .wc-block-components-quantity-selector{border:1.5px solid var(--sand)!important;border-radius:999px!important;background:#fff;overflow:hidden;width:auto!important;min-width:0}
body.bp-compra .wc-block-components-quantity-selector::after{display:none!important}
body.bp-compra .wc-block-components-quantity-selector__input{border:0!important;font-weight:700!important;color:var(--ink)!important;background:transparent!important;box-shadow:none!important;min-width:2.4em}
body.bp-compra .wc-block-components-quantity-selector__button{color:var(--brown)!important;background:transparent!important;border:0!important;opacity:1!important;min-width:36px}
body.bp-compra .wc-block-components-quantity-selector__button:hover{background:var(--cream)!important}
body.bp-compra .wc-block-components-quantity-selector__button:disabled{opacity:.35!important}
body.bp-compra .wc-block-cart-item__remove-link{color:var(--brown-3)!important;font-size:.85rem!important;text-decoration:none!important}
body.bp-compra .wc-block-cart-item__remove-link:hover{color:#b3402a!important}

/* Totales */
body.bp-compra .wc-block-cart__totals-title{font-family:var(--serif)!important;font-weight:600!important;font-size:1.4rem!important;text-transform:none!important;letter-spacing:-.01em!important;color:var(--brown)!important;text-align:left!important;padding:0 0 .6rem!important;margin:0!important;border:0!important}
body.bp-compra .wc-block-components-totals-item{color:var(--ink)}
body.bp-compra .wc-block-components-totals-item__label{font-size:.95rem}
body.bp-compra .wc-block-components-totals-item__description{color:var(--brown-2);font-size:.82rem}
body.bp-compra .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-family:var(--serif);font-weight:600;font-size:1.2rem;color:var(--brown)}
body.bp-compra .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.bp-compra .wc-block-components-totals-footer-item .wc-block-formatted-money-amount{font-family:var(--serif)!important;font-weight:600!important;font-size:1.6rem!important;color:var(--brown)!important}
body.bp-compra .wc-block-components-panel__button{color:var(--olive)!important;font-weight:600!important}
body.bp-compra .wc-block-components-panel__button:hover{color:var(--brown)!important}

/* Botones principales: ir a pagar y realizar pedido */
body.bp-compra .wc-block-cart__submit-button,
body.bp-compra .wc-block-components-checkout-place-order-button,
body.bp-compra .wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button){background:var(--brown)!important;color:var(--cream)!important;border:0!important;border-radius:999px!important;min-height:54px;font-family:var(--sans)!important;font-weight:600!important;font-size:1.02rem!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;transition:background-color .2s,transform .2s var(--ease)}
body.bp-compra .wc-block-cart__submit-button:hover,
body.bp-compra .wc-block-components-checkout-place-order-button:hover,
body.bp-compra .wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button):hover{background:var(--ink)!important;transform:translateY(-2px)}
body.bp-compra .wc-block-components-button:not(.is-link):disabled{opacity:.55!important;transform:none}
body.bp-compra .wc-block-cart__submit-button .wc-block-components-button__text::after{content:" →"}
body.bp-compra .wc-block-cart__submit-container--sticky{background:rgba(251,247,239,.96)!important;border-top:1px solid var(--sand);box-shadow:0 -10px 24px -18px rgba(46,26,14,.5)!important;padding:.6rem var(--gut)!important}
body.bp-compra .wc-block-cart__submit-container--sticky::before{display:none!important}
@media (max-width:1023px){
  /* Por encima de la barra inferior de la web en móvil */
  body.bp-compra .wc-block-cart__submit-container--sticky{bottom:calc(62px + env(safe-area-inset-bottom))!important}
}
body.bp-compra .wc-block-components-button.is-link,
body.bp-compra .wc-block-checkout__actions_row a{color:var(--olive)!important;font-weight:600}

/* Pago: pasos numerados */
body.bp-compra .wc-block-checkout__form{counter-reset:bpPaso}
body.bp-compra .wc-block-components-checkout-step{padding:1.3rem 1.2rem 1.4rem!important;margin:0 0 1rem!important;counter-increment:bpPaso}
body.bp-compra .wc-block-components-checkout-step::after{display:none!important}
body.bp-compra .wc-block-components-checkout-step__heading{margin:0 0 .9rem!important}
body.bp-compra .wc-block-components-checkout-step__title{display:flex!important;align-items:center;gap:.6rem;font-family:var(--serif)!important;font-weight:600!important;font-size:1.35rem!important;color:var(--brown)!important;text-transform:none!important;letter-spacing:-.01em!important}
body.bp-compra .wc-block-components-checkout-step__title::before{content:counter(bpPaso);display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--cream);color:var(--olive);font-family:var(--serif);font-style:italic;font-size:1rem}
body.bp-compra .wc-block-components-checkout-step__container,
body.bp-compra .wc-block-components-checkout-step__content{padding-left:0!important}
body.bp-compra .wc-block-components-checkout-step__description{color:var(--brown-2)}

/* Campos */
body.bp-compra .wc-block-components-text-input input,
body.bp-compra .wc-block-components-text-input textarea,
body.bp-compra .wc-blocks-components-select__select,
body.bp-compra .wc-block-components-combobox .components-combobox-control__input,
body.bp-compra .wc-block-checkout__order-notes textarea,
body.bp-compra .wc-block-components-textarea{background:#fff!important;border:1.5px solid var(--sand)!important;border-radius:12px!important;color:var(--ink)!important;font-family:var(--sans)!important;box-shadow:none!important}
body.bp-compra .wc-block-components-text-input input:focus,
body.bp-compra .wc-blocks-components-select__select:focus,
body.bp-compra .wc-block-components-textarea:focus{border-color:var(--brown)!important;box-shadow:0 0 0 3px rgba(74,43,23,.12)!important;outline:0!important}
body.bp-compra .wc-block-components-text-input label,
body.bp-compra .wc-blocks-components-select__label{color:var(--brown-2)!important}
body.bp-compra .wc-blocks-components-select__container{background:#fff!important;border-radius:12px!important}
body.bp-compra .wc-block-components-validation-error{color:#b3402a}
body.bp-compra .wc-block-components-text-input.has-error input{border-color:#b3402a!important}
body.bp-compra .wc-block-components-address-form__address_2-toggle{color:var(--olive)!important;font-weight:600}
body.bp-compra .wc-block-components-checkbox__input{border:1.5px solid var(--brown-3)!important;border-radius:6px!important}
body.bp-compra .wc-block-components-checkbox__input:checked{background:var(--brown)!important;border-color:var(--brown)!important}
body.bp-compra .wc-block-components-checkbox__mark{fill:#fff!important}
body.bp-compra .wc-block-components-address-card{border:1.5px solid var(--sand)!important;border-radius:12px!important;background:#fff}
body.bp-compra .wc-block-components-address-card__edit{color:var(--olive)!important;font-weight:600}

/* Opciones de entrega y de pago como tarjetas */
body.bp-compra .wc-block-checkout__shipping-method-option{border:1.5px solid var(--sand)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
body.bp-compra .wc-block-checkout__shipping-method-option--selected{border-color:var(--brown)!important;box-shadow:0 0 0 3px rgba(74,43,23,.12)!important}
body.bp-compra .wc-block-checkout__shipping-method-option-title{font-weight:600}
body.bp-compra .wc-block-components-radio-control--highlight-checked,
body.bp-compra .wc-block-components-radio-control-accordion-option{border-radius:14px!important}
body.bp-compra .wc-block-components-radio-control--highlight-checked::after{border-color:var(--sand)!important;border-radius:14px!important}
body.bp-compra .wc-block-components-radio-control__option,
body.bp-compra .wc-block-components-radio-control-accordion-option{background:#fff;transition:background-color .2s}
body.bp-compra .wc-block-components-radio-control__option--checked-option-highlighted,
body.bp-compra .wc-block-components-radio-control-accordion-option--checked-option-highlighted{background:var(--paper)!important;box-shadow:inset 0 0 0 2px var(--brown)!important;border-radius:14px!important}
body.bp-compra .wc-block-components-radio-control__input{border:1.5px solid var(--brown-3)!important}
body.bp-compra .wc-block-components-radio-control__input:checked{border-color:var(--brown)!important}
body.bp-compra .wc-block-components-radio-control__input:checked::before{background:var(--brown)!important}
body.bp-compra .wc-block-components-radio-control__label,
body.bp-compra .wc-block-components-payment-method-label{font-weight:600!important;color:var(--ink)!important}
body.bp-compra .wc-block-components-radio-control__secondary-label{font-family:var(--serif);font-weight:600;color:var(--brown)}
body.bp-compra .wc-block-components-radio-control-accordion-content{color:var(--brown-2);font-size:.92rem}

/* Resumen del pedido (pago) */
body.bp-compra .wc-block-components-checkout-order-summary__title-text,
body.bp-compra .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title{font-family:var(--serif)!important;font-weight:600!important;font-size:1.35rem!important;text-transform:none!important;color:var(--brown)!important}
body.bp-compra .wc-block-components-order-summary-item{padding:.6rem 0}
body.bp-compra .wc-block-components-order-summary-item__quantity{background:var(--brown)!important;color:var(--cream)!important;border:2px solid #fff!important;box-shadow:none!important;font-weight:700}
body.bp-compra .wc-block-components-order-summary-item__total-price{font-family:var(--serif);font-weight:600;color:var(--brown)}
@media (min-width:1024px){
  body.bp-compra .wc-block-components-sidebar{position:sticky;top:calc(var(--cab-h,170px) + 1rem);align-self:flex-start}
}

/* Términos, avisos y nota del pedido */
body.bp-compra .wc-block-checkout__terms{color:var(--brown-2);font-size:.88rem}
body.bp-compra .wc-block-checkout__terms a{color:var(--olive)}
body.bp-compra .wc-block-checkout__terms--with-separator{border-top-color:var(--sand)!important}
body.bp-compra .wc-block-components-notice-banner{border-radius:14px!important;border:1px solid var(--sand)!important;background:#fff!important;color:var(--ink)!important}
body.bp-compra .wc-block-components-notice-banner.is-error{border-left:4px solid #b3402a!important}
body.bp-compra .wc-block-components-notice-banner.is-success{border-left:4px solid var(--olive)!important}
body.bp-compra .wc-block-components-notice-banner.is-info{border-left:4px solid var(--brown-3)!important}
body.bp-compra .wc-block-components-notice-banner>svg{fill:currentColor;background:transparent!important;color:var(--brown)}
body.bp-compra .wc-block-checkout__guest-checkout-notice{color:var(--brown-2)}

/* Carrito vacío */
body.bp-compra .wp-block-woocommerce-empty-cart-block{text-align:center}
body.bp-compra .wc-block-cart__empty-cart__title{font-family:var(--serif)!important;font-weight:600!important;color:var(--brown)!important;font-size:1.6rem!important}
body.bp-compra .wc-block-cart__empty-cart__title::before{background:var(--brown)!important}
body.bp-compra .wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title){font-family:var(--serif)!important;font-weight:600!important;color:var(--brown)!important;font-size:1.8rem!important;text-transform:none!important}
body.bp-compra .wp-block-woocommerce-empty-cart-block .wp-block-separator{border-color:var(--sand)!important;opacity:1}
body.bp-compra .wc-block-grid__product{background:#fff;border:1px solid var(--sand)!important;border-radius:var(--r);padding:.6rem!important}
body.bp-compra .wc-block-grid__product-image img{border-radius:12px;background:var(--cream);mix-blend-mode:multiply}
body.bp-compra .wc-block-grid__product-title{font-family:var(--sans)!important;font-weight:600!important;color:var(--ink)!important;font-size:.95rem!important}
body.bp-compra .wc-block-grid__product-price{font-family:var(--serif);font-weight:600;color:var(--brown)!important}
body.bp-compra .wc-block-grid__product .wp-block-button__link,
body.bp-compra .wc-block-grid__product .add_to_cart_button{background:var(--olive)!important;color:#fff!important;border-radius:999px!important;font-weight:600!important;text-transform:none!important;border:0!important}

/* Pedido recibido */
body.bp-compra .woocommerce-order{font-family:var(--sans);color:var(--ink)}
body.bp-compra .woocommerce-thankyou-order-received,
body.bp-compra .wc-block-order-confirmation-status{background:#fff;border:1px solid var(--sand);border-left:4px solid var(--olive);border-radius:14px;padding:1rem 1.2rem;font-weight:600}
body.bp-compra .woocommerce-order-overview,
body.bp-compra .wc-block-order-confirmation-summary{background:#fff;border:1px solid var(--sand)!important;border-radius:var(--r);padding:1rem 1.2rem!important}

/* Movimiento: las tarjetas entran suaves al cargar */
.anim body.bp-compra .bp-compra-cab,
.anim body.bp-compra .wc-block-components-main,
.anim body.bp-compra .wc-block-components-sidebar{animation:rv-in .7s var(--ease) both}
.anim body.bp-compra .wc-block-components-main{animation-delay:.08s}
.anim body.bp-compra .wc-block-components-sidebar{animation-delay:.16s}
@media (prefers-reduced-motion:reduce){
  body.bp-compra *{animation:none!important;transition:none!important}
}
