/*
Theme Name: FELORYX Hub Child
Theme URI: https://blog.feloryx.com
Description: Tema hijo de Astra para el Hub de Contenidos FELORYX LATAM (blog.feloryx.com). No afecta ni sustituye a feloryx.com (Shopify).
Author: FELORYX
Template: astra
Version: 1.0.0
Text Domain: feloryx-hub
*/

:root{
	--feloryx-ink: #16141f;
	--feloryx-ink-soft: #4f4a60;
	--feloryx-accent: #6c4cf1;
	--feloryx-accent-dark: #4a2fce;
	--feloryx-ok: #12855a;
	--feloryx-ok-dark: #0d6a47;
	--feloryx-bg: #f4f3f8;
	--feloryx-surface: #ffffff;
	--feloryx-line: #e0ddec;
}

/* Ajustes tipográficos mínimos — el resto lo hereda de Astra. */
body{
	color: var(--feloryx-ink);
}
a{
	color: var(--feloryx-accent-dark);
}
a:hover{
	color: var(--feloryx-accent);
}

/* ------------------------------------------------------------------
 * Botón de compra COD — usado por el shortcode [feloryx_buy_button]
 * definido en functions.php. Diseñado para destacar sobre el cuerpo
 * de un artículo de blog sin parecer un banner publicitario genérico.
 * ------------------------------------------------------------------ */
.feloryx-buy-btn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 100%;
	max-width: 420px;
	margin: 28px auto;
	padding: 16px 28px;
	background: var(--feloryx-ok);
	color: #ffffff;
	text-decoration: none;
	border-radius: 10px;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.25;
	text-align: center;
	letter-spacing: 0.01em;
	box-shadow: 0 4px 14px rgba(18, 133, 90, 0.32);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.feloryx-buy-btn:hover,
.feloryx-buy-btn:focus-visible{
	background: var(--feloryx-ok-dark);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(18, 133, 90, 0.42);
	outline: none;
}
.feloryx-buy-btn:focus-visible{
	outline: 2px solid var(--feloryx-accent);
	outline-offset: 3px;
}
.feloryx-buy-btn__text{
	display: block;
}
.feloryx-buy-btn__sub{
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	opacity: 0.9;
	letter-spacing: 0;
}

/* Contenedor opcional para envolver el botón dentro de un artículo,
   por si se usa en un bloque "Grupo" de Gutenberg. */
.feloryx-cta-wrap{
	background: var(--feloryx-surface);
	border: 1px solid var(--feloryx-line);
	border-radius: 14px;
	padding: 20px;
	text-align: center;
}