/* Carrito y pago: portada compacta y bloques de Woo con los tokens del tema. La encola functions.php en carrito y pago, después de shop.css. */
/* Woo oculta aquí el mini-carrito y deja su hueco: se ve la bolsa, sin acción */
:is(.woocommerce-cart,.woocommerce-checkout) .jirehli-mini-cart{visibility:visible!important;pointer-events:none}
/* Alto fijo de dos líneas: la frase no desplaza la página cuando llega la fuente Caveat (giro y ancho: theme.css) */
.jirehli-cart-hero__script{height:2.4em}
/* Carrito vacío: bolsa de trazo dentro del círculo de shop.css (.jirehli-empty__icon) y título por encima de "Novedades" */
.wp-site-blocks .wc-block-cart__empty-cart__title{position:relative;font-size:var(--wp--preset--font-size--2-xl)}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{margin-bottom:var(--wp--preset--spacing--40);mask-image:none}
/* Máscara: del SVG solo cuenta la forma; el color lo da el fondo primary */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:after{content:"";position:absolute;top:1.25rem;left:calc(50% - .75rem);width:1.5rem;height:1.5rem;background:var(--wp--preset--color--primary);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center/contain no-repeat}
.wc-block-cart__empty-cart__title~h2{font-size:var(--wp--preset--font-size--xl)}
.wp-block-woocommerce-empty-cart-block .is-style-dots{color:var(--wp--preset--color--muted)}
.wp-site-blocks .wc-block-components-sidebar-layout .wc-block-components-sidebar.wc-block-components-sidebar{padding:1.25rem 1.5rem;border:var(--jirehli-line);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--surface)}
/* Campos de texto, área de texto y selectores: fondo base, borde de control (el mismo de los formularios del tema, theme.css), radio sm. El input:focus de Woo dentro de :is() da el peso para ganarle también en foco. */
body .wp-site-blocks :is(.wc-block-components-form .wc-block-components-text-input input:focus,.wc-block-components-text-input input,.wc-block-components-textarea,.wc-blocks-components-select__container,.wc-blocks-components-select__select){background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);border-color:var(--wp--custom--color--control-border);border-radius:var(--wp--custom--radius--sm)}
body .wp-site-blocks :is(.wc-block-components-form .wc-block-components-text-input input,.wc-block-components-text-input input,.wc-block-components-textarea,.wc-blocks-components-select__select):focus{border-color:var(--wp--preset--color--primary);box-shadow:var(--jirehli-focus-ring)}
body .wp-site-blocks .wc-blocks-components-select__expand{fill:var(--wp--preset--color--contrast)}
body .wc-block-cart .wc-block-cart__submit-container--sticky{background:var(--wp--preset--color--base)}
/* Casillas y radios: borde muted; marcados en primary con la marca o el punto en on-primary */
body .wp-site-blocks :is(.wc-block-components-checkbox .wc-block-components-checkbox__input,.wc-block-components-radio-control .wc-block-components-radio-control__input){border-color:var(--wp--preset--color--muted);background:var(--wp--preset--color--base)}
body .wp-site-blocks :is(.wc-block-components-checkbox .wc-block-components-checkbox__input,.wc-block-components-radio-control .wc-block-components-radio-control__input):checked{border-color:var(--wp--preset--color--primary);background:var(--wp--preset--color--primary)}
body .wp-site-blocks :is(.wc-block-components-checkbox .wc-block-components-checkbox__input,.wc-block-components-radio-control .wc-block-components-radio-control__input):focus{outline-color:var(--wp--preset--color--primary)}
.wp-site-blocks .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:var(--wp--preset--color--on-primary)}
.wp-site-blocks .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{background:var(--wp--preset--color--on-primary)}
/* Opción de envío o de pago seleccionada */
.wp-site-blocks .wc-block-components-radio-control--highlight-checked [class*=option--checked-option-highlighted]{border-radius:var(--wp--custom--radius--sm);box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--primary)}
body .wc-block-checkout .wc-block-checkout__shipping-method-option--selected{border-color:var(--wp--preset--color--primary);background:var(--wp--preset--color--blush)}
/* Tipografía de la maqueta 6: nombres y totales en Playfair, total en acento */
.wp-site-blocks :is(table.wc-block-cart-items,.wp-block-woocommerce-checkout-order-summary-block) .wc-block-components-product-name{font:500 var(--wp--preset--font-size--md)/1.3 var(--wp--preset--font-family--heading);color:var(--wp--preset--color--contrast);text-decoration:none}
.wp-site-blocks :is(.wc-block-cart .wc-block-cart__totals-title,.wc-block-components-checkout-order-summary__title-text){font-family:var(--wp--preset--font-family--heading);font-size:var(--wp--preset--font-size--xl);text-transform:none}
.wp-site-blocks .wc-block-components-totals-footer-item :is(.wc-block-components-totals-item__label,.wc-block-components-totals-item__value){font-family:var(--wp--preset--font-family--heading)}
.wp-site-blocks .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--wp--preset--color--accent)}
/* Pago: el resumen ya va dentro de la tarjeta lateral; sin su propio borde */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{border:0}
/* País/Región con la misma separación que el resto de campos cuando no es el primero */
.wc-block-components-address-form .wc-block-components-address-form__country:not(:first-child){margin-top:var(--wp--preset--spacing--30)}
@media (max-width:781px){
.jirehli-cart-hero__script{display:none}
}
/* Reflujo a 320 px (WCAG 1.4.10): miniatura más estrecha y la papelera baja bajo la cantidad */
@media (max-width:360px){
body .wc-block-cart .wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:4rem minmax(0,1fr)}
.wc-block-cart .wc-block-cart-item__quantity{flex-wrap:wrap}
}