/* ==========================================================================
   SGS Restyle — look "giovane" per Scuola Guida Smart (by Giulio, 19/08/2026)
   Palette: ink + viola elettrico + lime. Font: Space Grotesk + Inter.
   Reversibile: basta cancellare questo file e sgs-restyle.php.
   ========================================================================== */

:root{
	--sgs-bg:#F7F6F2;
	--sgs-ink:#111114;
	--sgs-muted:#4B4C55;
	--sgs-violet:#6C4CF1;
	--sgs-violet-deep:#4A2FD0;
	--sgs-lime:#D8FF3E;
	--sgs-card:#FFFFFF;
	--sgs-border:#E9E7DF;
	--sgs-radius:24px;
	--sgs-shadow:0 10px 34px rgba(17,17,20,.08);
	--sgs-shadow-hover:0 18px 44px rgba(76,44,209,.18);

	/* Override palette Astra */
	--ast-global-color-0:#6C4CF1; /* link */
	--ast-global-color-1:#4A2FD0; /* link hover */
	--ast-global-color-2:#111114; /* headings */
	--ast-global-color-3:#3F4048; /* testo */
	--ast-global-color-4:#111114;
	--ast-global-color-5:#6C4CF1;
	--ast-global-color-6:#EFEDF9;
	--ast-global-color-7:#FFFFFF;
	--ast-global-color-8:#E7E5F2;
}

/* ---------- Base ---------- */
body{
	background:var(--sgs-bg) !important;
	font-family:'Inter',sans-serif !important;
	color:var(--sgs-muted);
	-webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,
.entry-content :where(h1,h2,h3,h4,h5,h6),
.uagb-heading-text,.uagb-ifb-title,.site-title,.site-title a{
	font-family:'Space Grotesk',sans-serif !important;
	font-weight:700 !important;
	letter-spacing:-.02em;
	color:var(--sgs-ink);
}

::selection{background:var(--sgs-lime);color:var(--sgs-ink);}

img{border-radius:18px;}

/* ---------- Header ---------- */
.ast-primary-header-bar{
	background:rgba(255,255,255,.86) !important;
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	border-bottom:1px solid var(--sgs-border) !important;
}
.ast-primary-header-bar .menu-text,
.ast-primary-header-bar a{
	font-family:'Space Grotesk',sans-serif;
	font-weight:600;
	letter-spacing:-.01em;
}

/* ---------- HERO (prima sezione home) ---------- */
.uagb-block-edf9ad47.uagb-is-root-container{
	background:linear-gradient(135deg,#2A1B6E 0%,#6C4CF1 55%,#9D7BFF 100%) !important;
	padding-bottom:clamp(70px,10vw,120px) !important;
	position:relative;
	overflow:hidden;
}
.uagb-block-edf9ad47.uagb-is-root-container::after{
	content:"";
	position:absolute;inset:0;
	background:radial-gradient(circle at 85% 15%,rgba(216,255,62,.28),transparent 42%),
	           radial-gradient(circle at 10% 90%,rgba(255,255,255,.14),transparent 38%);
	pointer-events:none;
}
.uagb-block-edf9ad47 .uagb-ifb-title{
	color:#fff !important;
	font-size:clamp(44px,7.2vw,84px) !important;
	line-height:1.01 !important;
	letter-spacing:-.035em !important;
}
.uagb-block-edf9ad47 .uagb-ifb-desc{
	color:rgba(255,255,255,.88) !important;
	font-size:clamp(17px,2vw,21px) !important;
	max-width:640px;
	margin-left:auto;margin-right:auto;
}

/* ---------- Bottoni pill ---------- */
.wp-block-button__link,
.uagb-infobox-cta-link,
.ast-button,.ast-custom-button,
input[type="submit"]{
	border-radius:999px !important;
	font-family:'Space Grotesk',sans-serif !important;
	font-weight:600 !important;
	letter-spacing:.01em;
	padding:15px 32px !important;
	transition:transform .18s ease,box-shadow .18s ease,background .18s ease !important;
}
.uagb-block-edf9ad47 .uagb-infobox-cta-link{
	background:var(--sgs-lime) !important;
	color:var(--sgs-ink) !important;
	box-shadow:0 10px 30px rgba(216,255,62,.35);
}
.uagb-block-edf9ad47 .uagb-infobox-cta-link:hover{
	transform:translateY(-3px) scale(1.02);
	box-shadow:0 16px 40px rgba(216,255,62,.5);
	color:var(--sgs-ink) !important;
}
.entry-content .wp-block-button__link:hover,
.entry-content .uagb-infobox-cta-link:hover{
	transform:translateY(-3px);
}

/* ---------- CTA WhatsApp (blocco custom iniettato in home) ---------- */
.sgs-cta-row{
	display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;
	padding:10px 20px 34px;
}
.sgs-btn{
	display:inline-flex;align-items:center;gap:10px;
	border-radius:999px;padding:16px 30px;
	font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;
	text-decoration:none !important;
	transition:transform .18s ease,box-shadow .18s ease;
}
.sgs-btn:hover{transform:translateY(-3px);}
.sgs-btn-wa{background:#25D366;color:#fff !important;box-shadow:0 10px 26px rgba(37,211,102,.35);}
.sgs-btn-wa:hover{box-shadow:0 16px 38px rgba(37,211,102,.5);}
.sgs-btn-ghost{background:transparent;color:var(--sgs-ink) !important;border:2px solid var(--sgs-ink);}
.sgs-btn-ghost:hover{background:var(--sgs-ink);color:#fff !important;}

/* ---------- Card servizi / vantaggi ---------- */
.uagb-block-93377a07 > .wp-block-uagb-container,
.uagb-block-787de2b1 > .wp-block-uagb-advanced-heading{
	background:var(--sgs-card);
	border:1px solid var(--sgs-border);
	border-radius:var(--sgs-radius);
	padding:26px;
	box-shadow:var(--sgs-shadow);
	transition:transform .2s ease,box-shadow .2s ease;
}
.uagb-block-93377a07 > .wp-block-uagb-container:hover{
	transform:translateY(-6px);
	box-shadow:var(--sgs-shadow-hover);
}

/* ---------- Sezione finale "Pronto a Iniziare" (SOLO home: su /contact/ ha foto di sfondo) ---------- */
body.home .entry-content > .uagb-is-root-container:last-of-type{
	background:var(--sgs-ink) !important;
	border-radius:32px;
	margin:40px 16px;
}
body.home .entry-content > .uagb-is-root-container:last-of-type .uagb-ifb-title,
body.home .entry-content > .uagb-is-root-container:last-of-type .uagb-heading-text{
	color:#fff !important;
}
body.home .entry-content > .uagb-is-root-container:last-of-type .uagb-ifb-desc{
	color:rgba(255,255,255,.75) !important;
}
body.home .entry-content > .uagb-is-root-container:last-of-type .wp-block-button__link,
body.home .entry-content > .uagb-is-root-container:last-of-type .uagb-infobox-cta-link{
	background:var(--sgs-lime) !important;
	color:var(--sgs-ink) !important;
}
/* overlay UAGB ::before (bianco semi-trasparente) spegneva lo sfondo ink → via */
body.home .uagb-block-c84325e4::before{
	display:none !important;
}

/* ---------- FAQ (details/summary) ---------- */
.sgs-faq{max-width:820px;margin:0 auto;padding:10px 20px 30px;}
.sgs-faq details{
	background:#fff;border:1px solid var(--sgs-border);border-radius:18px;
	margin-bottom:12px;overflow:hidden;
	transition:box-shadow .2s ease;
}
.sgs-faq details[open]{box-shadow:var(--sgs-shadow);}
.sgs-faq summary{
	cursor:pointer;list-style:none;
	font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;color:var(--sgs-ink);
	padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.sgs-faq summary::-webkit-details-marker{display:none;}
.sgs-faq summary::after{
	content:"+";flex-shrink:0;
	width:30px;height:30px;border-radius:50%;
	background:var(--sgs-violet);color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-size:19px;font-weight:700;line-height:1;
	transition:transform .2s ease;
}
.sgs-faq details[open] summary::after{transform:rotate(45deg);background:var(--sgs-lime);color:var(--sgs-ink);}
.sgs-faq .sgs-faq-a{padding:0 24px 20px;color:var(--sgs-muted);font-size:16px;line-height:1.7;}

/* ---------- Pulsante WhatsApp flottante ---------- */
.sgs-wa-float{
	position:fixed;right:18px;bottom:18px;z-index:9999;
	display:flex;align-items:center;gap:9px;
	background:#25D366;color:#fff;text-decoration:none !important;
	border-radius:999px;padding:13px 20px 13px 15px;
	box-shadow:0 12px 34px rgba(37,211,102,.45);
	transition:transform .18s ease,box-shadow .18s ease;
}
.sgs-wa-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 44px rgba(37,211,102,.6);}
.sgs-wa-float-label{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;}
@media (max-width:640px){
	.sgs-wa-float{padding:13px;}
	.sgs-wa-float-label{display:none;}
}

/* ---------- Striscia NAP a fondo pagina ---------- */
.sgs-nap{
	background:var(--sgs-ink);color:rgba(255,255,255,.82);
	padding:22px 18px;margin-top:0;
	font-size:14.5px;
}
.sgs-nap-inner{
	max-width:1100px;margin:0 auto;
	display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;align-items:center;
	text-align:center;
}
.sgs-nap-brand{font-family:'Space Grotesk',sans-serif;font-size:16px;color:#fff;letter-spacing:-.01em;}
.sgs-nap-brand strong{color:var(--sgs-lime);}
.sgs-nap a{color:#fff;text-decoration:underline;}
.sgs-nap a:hover{color:var(--sgs-lime);}

/* ---------- Footer Astra ---------- */
.ast-footer-copyright,.site-footer{
	background:var(--sgs-ink) !important;
	color:rgba(255,255,255,.6) !important;
}
.site-footer a{color:rgba(255,255,255,.85);}
.site-footer a:hover{color:var(--sgs-lime);}

/* ---------- Header trasparente Astra: contenuto parte sotto l'header ---------- */
/* la prima sezione di ogni pagina deve scendere sotto i ~151px del masthead */
.entry-content > .uagb-is-root-container:first-of-type{
	padding-top:clamp(165px,22vw,200px) !important;
}

/* ---------- Header: testo e hamburger scuri (su bianco traslucido) ---------- */
.ast-primary-header-bar .site-title a,
.ast-primary-header-bar .menu-text,
.ast-primary-header-bar a{
	color:var(--sgs-ink) !important;
}
.ast-primary-header-bar .ast-mobile-menu-trigger-minimal,
.ast-primary-header-bar .menu-toggle,
.ast-primary-header-bar .ast-builder-menu-mobile .main-navigation{
	color:var(--sgs-ink) !important;
}
.ast-primary-header-bar .ast-mobile-menu-trigger-minimal{
	border-color:rgba(17,17,20,.35) !important;
}

/* ---------- Ritmo sezioni ---------- */
.entry-content > .uagb-is-root-container{
	padding-top:clamp(46px,7vw,84px);
	padding-bottom:clamp(46px,7vw,84px);
}
/* ---------- Secondo bottone hero (Chiama) = outline bianco ---------- */
.uagb-block-edf9ad47 a.sgs-btn-call{
	background:transparent !important;
	color:#fff !important;
	border:2px solid rgba(255,255,255,.75);
	box-shadow:none !important;
	margin-left:10px;
}
.uagb-block-edf9ad47 a.sgs-btn-call:hover{
	background:rgba(255,255,255,.12) !important;
	color:#fff !important;
}
@media (max-width:640px){
	.uagb-block-edf9ad47 a.sgs-btn-call{margin-left:0;margin-top:10px;}
}