/*
 * assets/css/fix-cta.css — vyjíždějící CTA „Nechte si doporučit vhodný
 * program / Nezávazná poptávka" (HP, výpisy programů, Reference, Kontakt).
 *
 * Základ (pozice, slide-in, tvar pilulek) nese mirror main.css `.fix-cta`;
 * tady jsou jen odchylky téhle varianty: dvouřádkový titulek s větším
 * písmem, tlačítko celé v obraze a puls dle TerraHunt vzoru (box-shadow
 * ripple; +20 % síla na pokyn Jirky — spread 14.5px, sytější start).
 * Detail programu (vlastní .fix-cta s názvem programu) NEpulsuje — tenhle
 * soubor se načítá jen na stránkách s za_recommend_fix_cta().
 */

/* Marker jen nese pozici pro scroll handler, nesmí nic vykreslit. */
.hp-cta-strip-marker {
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* Titulek na JEDEN řádek (Jirka 27. 8.: krátké „Doporučíme vám program“);
 * písmo +30 % zůstává z ladění 26. 8. */
.fix-cta .fix-cta-title-inner {
	font-size: 1.95rem;
	line-height: 1.3;
	white-space: nowrap;
}

/* Skew -20° vystrkuje spodní levý roh tlačítka za okraj viewportu —
 * odsazení ho vrací celé do obrazu. */
.fix-cta .fix-cta-btn {
	margin-left: 1.4rem;
}

@keyframes za-pulse-teal {
	0% { box-shadow: 0 0 0 0 rgba(0, 183, 205, .55); }
	70% { box-shadow: 0 0 0 14.5px rgba(0, 183, 205, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 183, 205, 0); }
}

@keyframes za-pulse-red {
	0% { box-shadow: 0 0 0 0 rgba(245, 7, 76, .55); }
	70% { box-shadow: 0 0 0 14.5px rgba(245, 7, 76, 0); }
	100% { box-shadow: 0 0 0 0 rgba(245, 7, 76, 0); }
}

.fix-cta.show .fix-cta-title-inner {
	animation: za-pulse-teal 2s ease-out infinite;
}

.fix-cta.show .fix-cta-btn .btn {
	animation: za-pulse-red 2s ease-out .6s infinite;
}

@media (prefers-reduced-motion: reduce) {
	.fix-cta.show .fix-cta-title-inner,
	.fix-cta.show .fix-cta-btn .btn { animation: none; }
}