/*
Theme Name:   ChiaraB Child
Theme URI:    https://chiarabevents.com
Description:  Child theme Astra per ChiaraB Events — migrazione da solene-child. Template custom (landing, portfolio, blog, city page) invariati.
Author:       ChiaraB Events
Template:     astra
Version:      1.0.0
Text Domain:  chiarab-child
*/

/* ═══════════════════════════════════════════════════════════
 * TOKEN BRAND
 * Gli stessi valori vanno replicati nel Customizer Astra
 * (Global > Colors) per coerenza con gli elementi del tema.
 * ═══════════════════════════════════════════════════════════ */

:root {
	--cb-blush:    #bb847a;
	--cb-blush-dk: #a06f66; /* usare per link/testo blush su fondo chiaro (contrasto AA) */
	--cb-text:     #5a5a58;
	--cb-ink:      #3d3b39;
	--cb-cream:    #f4f0ed;
	--cb-paper:    #faf7f4;
	--cb-line:     #e6ddd6;
	--cb-serif:    'Cormorant Garamond', Georgia, serif;
}

/* ═══════════════════════════════════════════════════════════
 * ACCESSIBILITÀ
 * ═══════════════════════════════════════════════════════════ */

/* Focus visibile e coerente su tutti gli interattivi */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--cb-blush-dk);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Rispetto della preferenza utente sul movimento */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ═══════════════════════════════════════════════════════════
 * HEADER — rifiniture sopra il Customizer Astra
 * (struttura boxed 1200px, logo | menu | CTA: vedi CONFIGURAZIONE.md)
 * ═══════════════════════════════════════════════════════════ */

/* Menu in maiuscoletto spaziato, come Solene */
.main-header-menu .menu-item > .menu-link {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 12px;
}

/* Voce attiva: sottolineatura sottile */
.main-header-menu .current-menu-item > .menu-link {
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 1px;
}

/* CTA header (elemento Button Astra, classe assegnata nel Customizer) */
.ast-header-button-1 .ast-custom-button,
.cb-header-cta {
	background: var(--cb-blush);
	color: #fff;
	font-family: var(--cb-serif);
	font-size: 17px;
	padding: 10px 22px;
	border: 1px solid var(--cb-blush);
	transition: background-color .2s ease, color .2s ease;
}
.ast-header-button-1 .ast-custom-button:hover,
.cb-header-cta:hover {
	background: var(--cb-blush-dk);
	border-color: var(--cb-blush-dk);
	color: #fff;
}

/* Top bar: link informativi compatti */
.ast-above-header-bar .ast-builder-html-element,
.cb-topbar-links {
	font-size: 12px;
	letter-spacing: 0.05em;
}
.cb-topbar-links a { color: var(--cb-text); text-decoration: none; }
.cb-topbar-links a:hover { color: var(--cb-blush-dk); }

/* Language switcher TranslatePress nel top bar: bandierine in linea */
.ast-above-header-bar .trp-language-switcher-container img,
.ast-above-header-bar .trp_language_switcher_shortcode img {
	vertical-align: middle;
}

/* ═══════════════════════════════════════════════════════════
 * STICKY CTA MOBILE (markup in functions.php)
 * position:fixed → nessun CLS; padding-bottom sul body per
 * non coprire il footer.
 * ═══════════════════════════════════════════════════════════ */

.cbm-sticky-cta { display: none; }

@media (max-width: 1079px) {
	.cbm-sticky-cta {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: var(--cb-blush);
		text-align: center;
		z-index: 9999;
		box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
		/* Safe area per iPhone con notch/home indicator */
		padding: 14px 0 calc(14px + env(safe-area-inset-bottom, 0px));
	}
	.cbm-sticky-cta a {
		color: #fff;
		text-decoration: none;
		font-size: 18px;
		font-weight: 600;
		font-family: var(--cb-serif);
		display: inline-block;
		/* Target touch ≥44px complessivi con il padding del contenitore */
		padding: 2px 24px;
	}
	body { padding-bottom: 60px; }
}

/* ═══════════════════════════════════════════════════════════
 * FOOTER — tre colonne (Follow us | monogramma | Newsletter)
 * Struttura nel Customizer Astra; qui solo tipografia coerente.
 * ═══════════════════════════════════════════════════════════ */

.site-footer {
	font-family: var(--cb-serif);
}
.site-footer a { color: var(--cb-text); }
.site-footer a:hover { color: var(--cb-blush-dk); }