/*
Theme Name: ChisteRancio
Theme URI: https://chisterancio.com
Author: ChisteRancio
Author URI: https://chisterancio.com
Description: Tema de bloques (FSE) propio para ChisteRancio. Publica un chiste diario con su ilustración, sin depender de Elementor. Portada con el "chiste del día", archivo de chistes por categoría y plantilla de chiste individual con crédito al ilustrador.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.5.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chisterancio
Tags: full-site-editing, blog, block-patterns, custom-colors, custom-menu, featured-images, one-column
*/

/*
 * El diseño vive en theme.json. Este archivo solo aporta ajustes
 * puntuales que theme.json todavía no cubre bien.
 */

/* Etiqueta tipo "eyebrow" para la categoría del chiste en el archivo */
.cr-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

/* El crédito del ilustrador y los botones de compartir se ocultan solos
   cuando el bloque dinámico no tiene datos que mostrar. */
.cr-illustrator-credit:empty,
.cr-share:empty {
	display: none;
}
.cr-illustrator-credit {
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.01em;
	opacity: 0.95;
}

/* ---- Portada: el chiste del día centrado y con aire vertical ---- */
.cr-front-main {
	min-height: 72vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.cr-front-main .wp-block-post-content,
.cr-single-main .wp-block-post-content {
	text-align: center;
}
.cr-front-main .wp-block-post-content p,
.cr-single-main .wp-block-post-content p {
	margin: 0.4em 0;
}
/* En la portada el planteamiento va en oscuro (aunque sea enlace) */
.cr-front-main .wp-block-post-title a,
.cr-front-main .wp-block-post-title {
	color: var(--wp--preset--color--tinta);
}
/* Fecha discreta sobre fondo naranja */
.cr-front-main .wp-block-post-date,
.cr-single-main .wp-block-post-date {
	opacity: 0.75;
}

/* Botón "Leer completo" del archivo (bloque core/read-more) */
.wp-block-read-more {
	display: inline-block;
	margin-top: 0.5rem;
	padding: 0.65rem 1.25rem;
	background: var(--wp--preset--color--verde);
	color: #fff;
	border: 0;
	border-radius: 6px;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
}
.wp-block-read-more:hover,
.wp-block-read-more:focus {
	background: var(--wp--preset--color--tinta);
	color: #fff;
}

/* Botones de compartir (bloque chisterancio/share) */
.cr-share {
	text-align: center;
}
.cr-share__label {
	font-family: var(--wp--preset--font-family--display);
	margin-bottom: 0.75rem;
}
.cr-share__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}
.cr-share__list a {
	text-decoration: none;
}

/* Navegación anterior / siguiente en el chiste individual */
.cr-single-main .wp-block-post-navigation-link {
	max-width: 48%;
}
.cr-single-main .wp-block-post-navigation-link.post-navigation-link-next {
	text-align: right;
	margin-left: auto;
}
.cr-single-main .wp-block-post-navigation-link a {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	text-decoration: none;
}
.cr-single-main .post-navigation-link__label {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.7;
}
.cr-single-main .post-navigation-link__title {
	font-family: var(--wp--preset--font-family--display);
	color: var(--wp--preset--color--verde);
}

/* Chips de categoría del archivo */
.cr-cat-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
}
.cr-cat-filter a {
	text-decoration: none;
	border: 1px solid currentColor;
	border-radius: 999px;
	padding: 0.25rem 0.9rem;
	font-size: var(--wp--preset--font-size--small);
}
.cr-cat-filter a[aria-current="page"] {
	background: var(--wp--preset--color--verde);
	color: #fff;
	border-color: var(--wp--preset--color--verde);
}