/*
 * Autonomia Digitale: prenotazione della call su Calendly (dal 4 nov 2026).
 *
 * 1. La simulazione della prenotazione nella sezione finale
 *    (template-parts/autonomia-calendly-call.php): stesso telefono, alone e
 *    anello della vecchia chat WhatsApp, prefisso ac-.
 *    I passaggi si nascondono solo quando lo script ha aggiunto .ac-anim:
 *    senza JavaScript si vedono giorno e orario già scelti.
 * 2. I pulsanti che prima erano verde WhatsApp tornano arancione brand
 *    (le regole verdi stanno in landing-style.css, qui le sovrascrivo).
 */

/* ── 1. Telefono con il calendario ─────────────────────────────────────── */

.ac-phone-stage {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
.ac-phone-stage::before {
	content: '';
	position: absolute;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: radial-gradient(circle, #ff5a1f40, transparent 68%);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}
.ac-phone-stage::after {
	content: '';
	position: absolute;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	border: 1px dashed #ffffff26;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ac-spin 60s linear infinite;
	pointer-events: none;
}

.ac-phone {
	position: relative;
	z-index: 1;
	width: min(320px, 82vw);
	height: auto;
	font-family: inherit;
	filter: drop-shadow(0 40px 60px #00000080);
	animation: ac-phone-float 7s ease-in-out infinite;
}

/* tocchi: un anello bianco che si allarga e sparisce */
.ac-phone .ac-tap { opacity: 0; }
.ac-phone .ac-tap.ac-show {
	transform-box: fill-box;
	transform-origin: center;
	animation: ac-tap .6s ease-out forwards;
}
/* la conferma esiste solo nell'animazione */
.ac-phone .ac-done { opacity: 0; }

.ac-anim .ac-phone .ac-step {
	opacity: 0;
	transform: translateY(10px) scale(.97);
	transform-box: fill-box;
	transform-origin: center;
	transition: opacity .4s ease, transform .4s cubic-bezier(.2, .9, .3, 1.2);
}
.ac-anim .ac-phone .ac-step[data-step="day"] { transform: scale(.4); }
.ac-anim .ac-phone .ac-step.ac-show { opacity: 1; transform: none; }

/* la conferma della call, fuori dal telefono */
.ac-booked {
	position: absolute;
	z-index: 2;
	right: 2%;
	bottom: 16%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid #e4e4e7;
	border-radius: 14px;
	box-shadow: 0 20px 45px #00000059;
	color: #111;
	text-align: left;
}
.ac-anim .ac-booked {
	opacity: 0;
	transform: translateY(14px) scale(.95);
	transition: .5s cubic-bezier(.2, .9, .3, 1.2);
}
.ac-anim .ac-booked.ac-show { opacity: 1; transform: none; }
.ac-booked i {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	background: #ff5a1f;
	color: #fff;
	font-style: normal;
	font-weight: 900;
}
.ac-booked strong {
	display: block;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -.02em;
}
.ac-booked span { font-size: 12px; color: #69696f; }

@keyframes ac-phone-float {
	0%, 100% { transform: translateY(0) rotate(-2deg); }
	50%      { transform: translateY(-14px) rotate(-1deg); }
}
@keyframes ac-tap {
	0%   { opacity: .9; transform: scale(.85); }
	100% { opacity: 0; transform: scale(1.35); }
}
@keyframes ac-spin {
	to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (max-width: 700px) {
	.ac-phone-stage::after { width: 340px; height: 340px; }
	.ac-phone-stage::before { width: 300px; height: 300px; }
	.ac-booked { right: 0; bottom: 8%; }
}

@media (prefers-reduced-motion: reduce) {
	.ac-phone,
	.ac-phone-stage::after { animation: none; }
}

/* ── 2. Pulsanti e dettagli arancioni al posto del verde WhatsApp ───────── */

.group-cta .group-cta-button,
.launch-button {
	background: var(--o);
	color: #fff;
	box-shadow: 0 8px 28px #ff5a1f30;
}
.group-cta .group-cta-button:hover,
.launch-button:hover {
	background: #ff7a30;
	color: #fff;
	box-shadow: 0 10px 32px #ff5a1f45;
}
.launch-cal-icon { width: 22px; height: 22px; flex-shrink: 0; }
.launch-cal-icon--core { width: 38px; height: 38px; }

.launch-orbits { stroke: #ff5a1f30; }
.launch-orbit-trace { stroke: #ff8758; }
.launch-emblem-core {
	background: linear-gradient(145deg, #ff7a30, #ff4d00);
	box-shadow: 0 8px 36px #ff5a1f40;
}
.launch-chat,
.launch-play { fill: #231713; stroke: #ff8758; }
.launch-chat circle,
.launch-play path { fill: #ffb08a; }
.launch-chat path { stroke: #ffb08a; stroke-width: 2; stroke-linecap: round; }
.launch-action .launch-priority {
	border-left-color: var(--o);
	background: #ff5a1f12;
}

/* WhatsApp come strada secondaria, sotto il pulsante */
.launch-action .launch-alt {
	font-size: 14px;
	color: #aaaab2;
	margin: 14px 0 0;
}
.launch-alt a {
	color: #fff;
	text-decoration: underline;
	text-decoration-color: #ff5a1f;
	text-underline-offset: 3px;
}
.launch-alt a:hover { color: #ff8758; }

/* il pulsante lungo nella lettera non deve uscire dallo schermo */
.founder-letter-close .group-cta .group-cta-button { white-space: normal; }