/*
Theme Name: SM Accesorios
Template: blocksy
Description: Child theme de Blocksy para San Martín Accesorios.
Version: 1.0.1
*/

/*
 * Paleta global — mapea a las variables reales de Blocksy
 * (--theme-palette-color-1..8), confirmadas inspeccionando el HTML
 * renderizado (Blocksy no las documenta formalmente). Ver OBJETIVOS.md §5.
 *
 * Rol de cada slot en el CSS que genera Blocksy:
 *   1 accent/link   2 accent hover   3 texto   4 títulos
 *   5 bordes        6 fondo secciones/footer   7 fondo de página   8 tarjetas/header
 *
 * !important en cada una: Blocksy imprime su propio ":root{...}" con los
 * defaults en un <style> inline DESPUÉS de este archivo (su CSS crítico se
 * encola aparte del sistema normal de wp_enqueue_style), y con la misma
 * especificidad (:root) gana el que carga último. Sin !important, esta
 * paleta quedaría pisada en silencio por los valores de fábrica.
 */
:root {
	/* accent-ink (OBJETIVOS.md §5): el ámbar puro falla contraste como
	   texto sobre fondo claro (~2:1). Como texto/link usamos la variante
	   oscura; el ámbar pleno queda para fondos de botón (--accent). */
	--theme-palette-color-1: #9A5F0F !important;
	--theme-palette-color-2: #E9A23B !important;
	--theme-palette-color-3: #1A1A1D !important;
	--theme-palette-color-4: #1A1A1D !important;
	--theme-palette-color-5: #E5E0D8 !important;
	--theme-palette-color-6: #FAF8F5 !important;
	--theme-palette-color-7: #FAF8F5 !important;
	--theme-palette-color-8: #FFFFFF !important;

	/* Sin equivalente en el sistema de Blocksy. */
	--accent: #E9A23B;
	--accent-soft: #F5C77E;
	--wood: #B8794A;
	--alert: #A93226;
	--whatsapp: #25D366;
}

/*
 * Chrome oscuro (header/footer) — OBJETIVOS.md §5 "híbrido". Verificado con
 * un navegador real (Playwright), no con grep sobre el HTML crudo: el fondo
 * visible del header no vive en ".ct-header" (ese wrapper es transparente)
 * sino en sus filas internas ".ct-header [data-row]" (Blocksy: top/middle/
 * bottom). El texto (site-title, menú) hereda --theme-palette-color-4, que
 * dejamos oscuro para la zona clara — por eso acá se fuerza a blanco.
 */
.ct-header [data-row] {
	background-color: #0A0A0C !important;
}
.ct-header .site-title,
.ct-header .site-title a,
.ct-header [data-id="menu"] a {
	color: #FFFFFF !important;
}

/*
 * Íconos del header (hamburguesa, búsqueda): mismo problema que el título
 * de arriba, pero en el SVG. Blocksy los dibuja como <rect>/<path> sin
 * fill propio (heredan un color oscuro de fábrica) — sobre el fondo negro
 * forzado más arriba quedan casi invisibles. Reportado por Emiliano el
 * 21/09 con captura de celular real (el hamburguesa apenas se distinguía).
 */
.ct-header-trigger .ct-icon rect,
.ct-header-search .ct-icon path {
	fill: #FFFFFF !important;
}
.ct-footer {
	background-color: #0A0A0C !important;
	color: #9A958C;
}
.ct-footer a {
	color: var(--accent-soft) !important;
}

/* Botón WhatsApp — ver functions.php */
.sm-whatsapp-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	margin-top: 1em;
	padding: 0.75em 1.25em;
	background-color: var(--whatsapp);
	color: #fff !important;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
}
.sm-whatsapp-btn:hover {
	filter: brightness(0.92);
}

.sm-whatsapp-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--whatsapp);
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	font-size: 28px;
	line-height: 1;
	z-index: 999;
	text-decoration: none;
}