/*
Theme Name: ¡No temáis!
Theme URI: https://pueblosdelatierra.es
Author: Joaquín Sáez Franco
Description: Tema de bloques para la web de «Pueblos de la Tierra: ¡No temáis!». Fondo de libreta cuadriculada, titulares condensados y notas a bolígrafo. Preparado para WooCommerce (edición de bolsillo y eBook) y para leer los dos primeros capítulos en la web.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.4.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: no-temais
*/

/* Fondo de libreta cuadriculada */
body,
.editor-styles-wrapper {
	background-color: var(--wp--preset--color--papel);
	background-image:
		linear-gradient(var(--wp--preset--color--cuadricula) 1px, transparent 1px),
		linear-gradient(90deg, var(--wp--preset--color--cuadricula) 1px, transparent 1px);
	background-size: 32px 32px;
}

/* Cabecera */
.nt-cabecera {
	border-bottom: 2px solid var(--wp--preset--color--marino);
}
.nt-logo a {
	text-decoration: none;
	color: var(--wp--preset--color--marino);
}

/* Nota a mano (estilo de párrafo) */
.is-style-nota-a-mano {
	font-family: var(--wp--preset--font-family--caveat);
	font-size: 1.875rem;
	line-height: 1.15;
	color: var(--wp--preset--color--tinta);
	transform: rotate(-2deg);
	transform-origin: left center;
}
.has-text-align-center.is-style-nota-a-mano,
.has-text-align-right.is-style-nota-a-mano {
	transform-origin: center;
}

/* Botón con sombra (estilo de botón) */
.wp-block-button.is-style-sombra .wp-block-button__link {
	box-shadow: 5px 5px 0 var(--wp--preset--color--marino);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.wp-block-button.is-style-sombra .wp-block-button__link:hover {
	transform: translate(2px, 2px);
	box-shadow: 3px 3px 0 var(--wp--preset--color--marino);
}
.wp-block-button.is-style-outline .wp-block-button__link {
	border: 2px solid var(--wp--preset--color--marino);
	color: var(--wp--preset--color--marino);
	background: var(--wp--preset--color--blanco);
}

/* Tarjeta de compra (estilo de grupo) */
.wp-block-group.is-style-tarjeta {
	background: var(--wp--preset--color--blanco);
	border: 2px solid var(--wp--preset--color--marino);
	box-shadow: 8px 8px 0 var(--wp--preset--color--marino);
	padding: clamp(1.5rem, 4vw, 2.25rem);
}
.wp-block-group.is-style-tarjeta > * + * {
	margin-block-start: 1.1rem;
}

/* Hoja de papel (estilo de grupo): capítulos y lectura */
.wp-block-group.is-style-hoja {
	background: var(--wp--preset--color--blanco);
	border: 1px solid var(--wp--preset--color--cuadricula);
	box-shadow: 0 1px 0 var(--wp--preset--color--cuadricula), 0 18px 40px rgba(29, 52, 97, 0.10);
	padding: clamp(2rem, 7vw, 5.5rem);
}

/* Etiqueta tipo píldora */
.nt-etiqueta {
	display: inline-block;
	padding: 0.2em 0.8em;
	border: 1.5px solid var(--wp--preset--color--marino);
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--bebas);
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--marino);
}

/* Precio y números grandes */
.nt-precio {
	font-family: var(--wp--preset--font-family--bebas);
	font-size: 3.5rem;
	line-height: 1;
	color: var(--wp--preset--color--rojo);
}
.nt-numero {
	font-family: var(--wp--preset--font-family--bebas);
	font-size: 6rem;
	line-height: 0.8;
	color: var(--wp--preset--color--rojo);
}

/* Portada del libro */
.nt-portada img {
	transform: rotate(2deg);
	border: 1px solid var(--wp--preset--color--cuadricula);
	box-shadow: 0 2px 0 var(--wp--preset--color--cuadricula), 18px 22px 0 rgba(29, 52, 97, 0.14);
}

/* Separador a bolígrafo */
.wp-block-separator.is-style-boli {
	border: none;
	border-top: 2px dashed var(--wp--preset--color--tinta);
	width: 80px;
	margin-left: 0;
	opacity: 1;
}

/* Texto de lectura de capítulos */
.nt-lectura .wp-block-post-content p:not(.nt-subtitulo):not(.nt-parte):not(.is-style-nota-a-mano) {
	font-size: 1.3rem;
	line-height: 1.8;
}

/* Pie */
.nt-pie a {
	color: #C9D0FF;
}

/* Que las anclas no queden tapadas */
:target {
	scroll-margin-top: 1.5rem;
}

/* Capítulos: subtítulo, partes y el cartel del Purgatorio */
.nt-subtitulo {
	font-style: italic;
	font-size: 1.6rem;
	line-height: 1.35;
	color: #333338;
	margin-bottom: 2.5rem !important;
}
.nt-parte {
	font-family: var(--wp--preset--font-family--bebas);
	font-size: 2.25rem;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--rojo);
	margin-top: 3rem !important;
	margin-bottom: 1.5rem !important;
}
.nt-cartel {
	border: 2px solid var(--wp--preset--color--marino);
	background: var(--wp--preset--color--papel);
	padding: 1.75rem 2rem;
	margin-block: 2rem !important;
}
.nt-cartel p {
	font-size: 1.1rem !important;
	line-height: 1.6 !important;
}
.nt-cartel .nt-cartel-titulo {
	font-family: var(--wp--preset--font-family--bebas);
	font-size: 1.6rem !important;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--marino);
}

/* ===== WooCommerce: carrito, caja y confirmación sobre papel blanco ===== */

/* Resumen del pedido (caja y carrito) */
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block,
.woocommerce-checkout-review-order,
.woocommerce .cart_totals {
	background: var(--wp--preset--color--blanco) !important;
	border: 2px solid var(--wp--preset--color--marino) !important;
	border-radius: 0 !important;
	box-shadow: 8px 8px 0 var(--wp--preset--color--marino);
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-totals-wrapper {
	border-color: var(--wp--preset--color--cuadricula) !important;
}

/* Título «Resumen del pedido» y total */
.wc-block-components-checkout-order-summary__title-text,
.wp-block-woocommerce-cart-order-summary-heading-block,
.wc-block-cart__totals-title {
	font-family: var(--wp--preset--font-family--bebas) !important;
	font-weight: 400 !important;
	font-size: 2rem !important;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--marino) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--wp--preset--font-family--bebas);
	font-weight: 400;
	font-size: 2rem;
	color: var(--wp--preset--color--rojo);
}

/* Formulario de la caja y lista del carrito */
.wc-block-checkout__form,
.wc-block-cart-items,
.woocommerce-checkout #customer_details {
	background: var(--wp--preset--color--blanco);
	border: 1px solid var(--wp--preset--color--cuadricula);
	box-shadow: 0 1px 0 var(--wp--preset--color--cuadricula), 0 18px 40px rgba(29, 52, 97, 0.10);
	padding: clamp(1.25rem, 3vw, 2.25rem) !important;
}
.wc-block-components-checkout-step__title {
	font-family: var(--wp--preset--font-family--bebas) !important;
	font-weight: 400 !important;
	font-size: 1.6rem !important;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--marino);
}

/* Campos de texto: borde marcado y fondo blanco */
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select__select,
.woocommerce form .input-text {
	background: var(--wp--preset--color--blanco) !important;
	border: 1.5px solid #8A93AE !important;
	border-radius: 0 !important;
}
.wc-block-components-text-input input:focus,
.woocommerce form .input-text:focus {
	border-color: var(--wp--preset--color--marino) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--marino) !important;
}

/* Botón «Realizar el pedido» */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.woocommerce #place_order {
	background: var(--wp--preset--color--rojo) !important;
	color: var(--wp--preset--color--blanco) !important;
	border-radius: 0 !important;
	font-family: var(--wp--preset--font-family--bebas) !important;
	font-size: 1.5rem !important;
	letter-spacing: 0.06em;
	box-shadow: 5px 5px 0 var(--wp--preset--color--marino);
}

/* Página de confirmación del pedido (con la descarga del eBook) */
.wp-block-woocommerce-order-confirmation-status,
.wp-block-woocommerce-order-confirmation-summary,
.wp-block-woocommerce-order-confirmation-totals-wrapper,
.wp-block-woocommerce-order-confirmation-downloads-wrapper,
.wp-block-woocommerce-order-confirmation-billing-wrapper,
.wp-block-woocommerce-order-confirmation-shipping-wrapper,
.woocommerce-order {
	background: var(--wp--preset--color--blanco);
	border: 1px solid var(--wp--preset--color--cuadricula);
	padding: clamp(1.25rem, 3vw, 2rem);
}
.wp-block-woocommerce-order-confirmation-downloads-wrapper {
	border: 2px solid var(--wp--preset--color--marino);
	box-shadow: 8px 8px 0 var(--wp--preset--color--marino);
}