/**
 * custom-gutenberg.css
 * -----------------------------------------------------------------------
 * Estilos DIRETOS (CSS puro, sem passar pelo build do Tailwind).
 * Use este arquivo para:
 *   - Sobrescrever a aparência dos blocos nativos do Gutenberg
 *     (core/button, core/quote, core/separator, core/group, etc.)
 *   - Criar classes personalizadas de bloco registradas em
 *     inc/block-styles.php (ex.: .is-style-card, .is-style-outline)
 *   - Qualquer ajuste pontual que não valha a pena virar utilitário Tailwind
 *
 * Este arquivo é carregado tanto no front-end quanto dentro do editor de
 * blocos (via add_editor_style em functions.php), para que o WYSIWYG do
 * Gutenberg reflita fielmente o que aparece no site.
 *
 * As variáveis abaixo espelham a paleta definida em theme.json e em
 * tailwind.config.js — mantenha os valores sincronizados.
 * ----------------------------------------------------------------------- */

:root {
	--dc-color-primary: #a6283c;
	--dc-color-primary-dark: #7a1e2c;
	--dc-color-secondary: #2f4b3c;
	--dc-color-accent: #c9a24b;
	--dc-color-cream: #fbf4e4;
	--dc-color-ink: #201a15;

	--dc-font-heading: "Playfair Display", serif;
	--dc-font-body: "Lato", sans-serif;
}

/* -----------------------------------------------------------------------
 * 1. Overrides de blocos nativos do Gutenberg
 * --------------------------------------------------------------------- */

.wp-block-button__link {
	font-family: var(--dc-font-body);
	border-radius: 2px;
	letter-spacing: 0.02em;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: var(--dc-color-primary);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: var(--dc-color-primary-dark);
}

.wp-block-quote {
	border-left: 4px solid var(--dc-color-accent);
	padding-left: 1.5rem;
	font-family: var(--dc-font-heading);
	font-style: italic;
	color: var(--dc-color-secondary);
}

.wp-block-separator {
	border-top: 2px solid var(--dc-color-accent);
	max-width: 120px;
	opacity: 1;
}

.wp-block-pullquote {
	border-top: 3px solid var(--dc-color-primary);
	border-bottom: 3px solid var(--dc-color-primary);
}

/* -----------------------------------------------------------------------
 * 2. Classes de bloco personalizadas
 *    (registradas com register_block_style em inc/block-styles.php)
 * --------------------------------------------------------------------- */

/* core/button → estilo "Contorno" */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid var(--dc-color-primary);
	color: var(--dc-color-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--dc-color-primary);
	color: var(--dc-color-cream);
}

/* core/group → estilo "Cartão" */
.wp-block-group.is-style-card {
	background-color: #ffffff;
	border-radius: 8px;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(32, 26, 21, 0.08);
}

/* core/paragraph → estilo "Destaque" */
.wp-block-paragraph.is-style-lead {
	font-family: var(--dc-font-heading);
	font-size: 1.375rem;
	line-height: 1.5;
	color: var(--dc-color-secondary);
}

/* core/separator → estilo "Ornamento" (divisor temático do restaurante) */
.wp-block-separator.is-style-ornament {
	border: none;
	height: auto;
	text-align: center;
	max-width: 100%;
}

.wp-block-separator.is-style-ornament::before {
	content: "❧";
	display: inline-block;
	font-size: 1.5rem;
	color: var(--dc-color-accent);
}

/* -----------------------------------------------------------------------
 * 3. Classes utilitárias personalizadas disponíveis no editor
 *    (aparecem em "Estilos adicionais de CSS" / atributo className)
 * --------------------------------------------------------------------- */

.dc-eyebrow {
	display: inline-block;
	font-family: var(--dc-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--dc-color-accent);
}

.dc-section-title {
	font-family: var(--dc-font-heading);
	color: var(--dc-color-ink);
}

/* -----------------------------------------------------------------------
 * Adicione novas customizações de blocos/componentes do Gutenberg abaixo.
 * --------------------------------------------------------------------- */