/* =========================================================================
 * main.css — наши допълнения върху vendor.css (компилирания CSS на макета).
 * vendor.css е READ-ONLY (като bootstrap.min.css в salex) — всички корекции
 * се правят тук.
 * ========================================================================= */

/* --- Reveal анимации (замяна на framer-motion от оригинала) -------------- */
/* Скриваме елементите само когато JS работи (html.js), за да няма
 * невидимо съдържание при изключен JavaScript. */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.js [data-reveal].revealed {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* --- Utility класове, липсващи в компилирания vendor.css ------------------ */
/* (vendor.css съдържа само класовете, реално ползвани в оригиналния макет) */
.bg-orange-deep { background-color: #d96a28; }
.h-20  { height: 5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.p-10  { padding: 2.5rem; }

/* --- Тостове -------------------------------------------------------------- */
.acm-toast {
  animation: acm-toast-in 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes acm-toast-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}