/* ===========================================================================
   CLUB MAESTRO — DESIGN TOKENS — Nocturne Ivory
   Fonte di verità di palette + tipografia per area.clubmaestro.it
   --------------------------------------------------------------------------
   Strategia: ridefinisco le --ast-global-color-* di Astra a livello :root
   con !important. Funziona ovunque Astra usi var(--ast-global-color-X),
   incluso il Customizer e i blocchi Gutenberg, e sopravvive ai demo import
   perché vince per priorità di file (cm-tokens caricato dopo astra-parent).
   =========================================================================== */

:root {
	/* --- Marca / accent --- */
	--cm-navy:        #00113a;  /* Tema, headings, header bar */
	--cm-navy-soft:   #1a2a55;  /* hover scuri, sottotesti */
	--cm-gold:        #e9c176;  /* Link, accenti caldi */
	--cm-gold-soft:   #d4a957;  /* hover oro */

	/* --- Neutri --- */
	--cm-ivory:       #f9f9fc;  /* Sfondo sito */
	--cm-white:       #ffffff;  /* Sfondo contenuti */
	--cm-text:        #757682;  /* Testo body */
	--cm-text-strong: #2b2c3a;  /* Testo enfatico */
	--cm-border:      #c5c6d2;  /* Bordi sottili */
	--cm-border-soft: #e5e6ee;  /* Divisori chiari */

	/* --- Override delle var Astra (questa è la mossa che blocca tutto) --- */
	--ast-global-color-0: var(--cm-navy)        !important;  /* Tema/Accent */
	--ast-global-color-1: var(--cm-gold)        !important;  /* Link */
	--ast-global-color-2: var(--cm-navy)        !important;  /* Heading */
	--ast-global-color-3: var(--cm-text)        !important;  /* Testo */
	--ast-global-color-4: var(--cm-ivory)       !important;  /* Sfondo sito */
	--ast-global-color-5: var(--cm-white)       !important;  /* Sfondo contenuto */
	--ast-global-color-6: var(--cm-border)      !important;  /* Bordi */
	--ast-global-color-7: var(--cm-gold-soft)   !important;  /* Accent secondario */
	--ast-global-color-8: var(--cm-text-strong) !important;  /* Nero/forte */

	/* --- Tipografia --- */
	--cm-font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--cm-font-display: 'Noto Serif', Georgia, 'Times New Roman', serif;
}

/* ===========================================================================
   BACKGROUND DI BASE
   Astra applica il bg in più layer (body, .site, .ast-separate-container).
   Forziamo tutti per non avere flash di lilla #f9f6fe del demo.
   =========================================================================== */
html,
body,
body.ast-separate-container,
.site,
#page {
	background-color: var(--cm-ivory) !important;
	color: var(--cm-text);
}

.site-content,
.entry-content {
	background-color: var(--cm-white);
}

/* ===========================================================================
   TIPOGRAFIA
   =========================================================================== */
body,
button,
input,
select,
textarea,
.ast-button,
.entry-content {
	font-family: var(--cm-font-body) !important;
	font-weight: 400;
	letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.ast-archive-title {
	font-family: var(--cm-font-display) !important;
	font-style: italic;
	font-weight: 300;
	color: var(--cm-navy) !important;
	letter-spacing: -0.005em;
}

/* ===========================================================================
   LINK
   =========================================================================== */
a,
.entry-content a {
	color: var(--cm-gold);
	text-decoration: none;
	transition: color .2s ease;
}

a:hover,
a:focus,
.entry-content a:hover {
	color: var(--cm-gold-soft);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* ===========================================================================
   BOTTONI (Astra + Gutenberg + plugin)
   =========================================================================== */
.wp-block-button__link,
.ast-button,
button.menu-toggle,
input[type="submit"],
.button {
	background-color: var(--cm-navy) !important;
	color: var(--cm-white) !important;
	border-color: var(--cm-navy) !important;
	font-family: var(--cm-font-body) !important;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 2px;
}

.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover,
.button:hover {
	background-color: var(--cm-navy-soft) !important;
	color: var(--cm-gold) !important;
	border-color: var(--cm-navy-soft) !important;
}

/* Bottone outline (varianti chiare) */
.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: var(--cm-navy) !important;
}

/* ===========================================================================
   FORM (incluso il magic link di Passwordless Login)
   =========================================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
	background-color: var(--cm-white);
	border: 1px solid var(--cm-border);
	color: var(--cm-text-strong);
	font-family: var(--cm-font-body);
	border-radius: 2px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--cm-navy) !important;
	box-shadow: 0 0 0 3px rgba(0, 17, 58, 0.12) !important;
	outline: none;
}

/* Form Passwordless Login — refining */
.passwordless-login-form,
.pwl-form,
form.passwordless-login {
	max-width: 480px;
	margin: 2rem auto;
	padding: 2rem;
	background: var(--cm-white);
	border: 1px solid var(--cm-border-soft);
	border-radius: 4px;
}

/* ===========================================================================
   TABELLE PREZZI / MEMBERSHIP (Restrict Content)
   =========================================================================== */
.rcp_subscription_levels th {
	background-color: var(--cm-navy) !important;
	color: var(--cm-white) !important;
	font-family: var(--cm-font-display);
	font-style: italic;
	font-weight: 300;
}

.rcp_subscription_levels td {
	border-color: var(--cm-border-soft);
}

/* ===========================================================================
   FOOTER
   =========================================================================== */
.site-footer,
.footer-widget-area,
.footer-sml-layout-1,
.footer-sml-section-1,
.footer-sml-section-2 {
	background-color: var(--cm-navy) !important;
	color: var(--cm-white) !important;
}

.site-footer a,
.footer-widget-area a {
	color: var(--cm-gold) !important;
}

.site-footer a:hover {
	color: var(--cm-white) !important;
}

/* ===========================================================================
   WIDGET ADMIN / EDITOR
   Allinea anche il backend ai tokens — utile per anteprima Gutenberg.
   =========================================================================== */
.editor-styles-wrapper {
	--ast-global-color-0: var(--cm-navy);
	--ast-global-color-1: var(--cm-gold);
	background-color: var(--cm-ivory);
}