/*
Theme Name: ideasdeco
Theme URI: https://ideasdeco.com
Author: ideasdeco
Description: Tema de bloques ligero para el blog de decoración ideasdeco.com. Paleta azul grisáceo y crema, titulares en Instrument Serif y textos en Inter Tight (fuentes alojadas en el propio tema, sin llamadas a Google).
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ideasdeco
Tags: blog, block-patterns, full-site-editing, wide-blocks, featured-images
*/

/* Casi todo el diseño vive en theme.json. Aquí solo van detalles que theme.json no cubre. */

:where(body) { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Enlaces en el texto: subrayado fino que se marca al pasar el ratón */
.entry-content a:where(:not(.wp-element-button)) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
.entry-content a:where(:not(.wp-element-button)):hover { text-decoration-thickness: 2px; }

/* Tarjetas de artículos */
.ideasdeco-card { height: 100%; }
.ideasdeco-card .wp-block-post-featured-image { overflow: hidden; }
.ideasdeco-card .wp-block-post-featured-image img { transition: transform .5s ease; }
.ideasdeco-card:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.ideasdeco-card .wp-block-post-title a { text-decoration: none; }
.ideasdeco-card .wp-block-post-title a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }

/* Etiqueta de categoría en mayúsculas pequeñas */
.ideasdeco-kicker, .ideasdeco-kicker a {
	text-transform: uppercase;
	letter-spacing: .12em;
	text-decoration: none;
}

/* Cabecera fija y fina */
.ideasdeco-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .ideasdeco-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .ideasdeco-header { top: 0; position: relative; } }
.ideasdeco-logo img { display: block; height: auto; }

/* Rejilla de estancias en la portada */
.ideasdeco-estancia { transition: background-color .2s ease, transform .2s ease; }
.ideasdeco-estancia:hover { transform: translateY(-2px); }
.ideasdeco-estancia a { text-decoration: none; }
.ideasdeco-estancia a::after { content: ""; position: absolute; inset: 0; }
.ideasdeco-estancia { position: relative; }

/* Imagen destacada sin hueco cuando falta */
.wp-block-post-featured-image:empty { display: none; }

/* Citas tipo "idea clave" */
.is-style-ideasdeco-idea {
	border-left: 3px solid var(--wp--preset--color--azul);
	background: var(--wp--preset--color--arena);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border-radius: 0 12px 12px 0;
}

/* Tabla de contenidos simple */
.ideasdeco-toc { background: var(--wp--preset--color--arena); border-radius: 12px; }
.ideasdeco-toc ol { margin: 0; }

/* Imágenes de los artículos con esquinas suaves */
.entry-content .wp-block-image img { border-radius: 10px; }

/* Foco visible para teclado */
:where(a, button, input, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--azul-profundo);
	outline-offset: 3px;
}

/* Texto solo para lectores de pantalla */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--wp--preset--color--blanco); clip: auto !important; clip-path: none;
	display: block; height: auto; left: 5px; top: 5px; padding: 12px 20px; width: auto; z-index: 100000;
}

/* Buscador de la portada centrado */
.wp-block-search.aligncenter { margin-left: auto; margin-right: auto; }
.wp-block-search__input { border-radius: 999px; border-color: var(--wp--preset--color--beige); background: var(--wp--preset--color--blanco); padding-left: 1.1em; }