/**
 * Mini-cart: títulos como <p> con la misma apariencia que el h2 de WooCommerce.
 */

p.wc-block-mini-cart__title,
p.wp-block-woocommerce-mini-cart-title-block {
	margin: 16px 16px -32px;
	font-size: 2em;
	font-weight: inherit;
	line-height: inherit;
}

caption.screen-reader-text>p {
	margin: 0;
	padding: 0;
	font: inherit;
	font-weight: inherit;
}

.editor-styles-wrapper .wp-block-woocommerce-mini-cart-contents p.wc-block-mini-cart__title {
	font-size: 2em;
}

.editor-styles-wrapper .wp-block-woocommerce-mini-cart-contents p.wc-block-mini-cart__title .block-editor-block-list__layout {
	align-items: baseline;
	display: flex;
}

/*
 * WooCommerce monta el drawer en body (z-index 9999). El menú móvil sube el header a
 * 100001, así que el carrito debe quedar por encima cuando ambos están abiertos.
 */
@media (max-width: 1023px) {

	.wc-block-components-drawer__screen-overlay:not(.wc-block-components-drawer__screen-overlay--is-hidden),
	.wc-block-components-drawer {
		z-index: 100010 !important;
	}

	.admin-bar .wc-block-components-drawer__content {
		--wp-admin--admin-bar--height: 0;
	}
}