/*
Theme Name: LP Dubai Avto Liza
Description: Landing page theme generated by landing-system wp-builder
Version: 1.0
Text Domain: lp-dubai-avto-liza
*/

:root {}



/* ========================================================== */
/* OpenDesign Patterns (auto-included from block-library/_patterns/) */
/* Source: github.com/nexu-io/open-design | License: Apache-2.0       */
/* ========================================================== */

/* --- scroll-reveal --- */
/* scroll-reveal — OpenDesign pattern (Apache-2.0)
 * Source: github.com/nexu-io/open-design @ 75498838 | design-templates/open-design-landing/example.html:1732-1778
 *
 * Элементы с [data-reveal] появляются плавно при входе в viewport.
 * Варианты: [data-reveal] (снизу), [data-reveal="left"], [data-reveal="right"],
 *            [data-reveal="scale"], [data-reveal="rise-lg"]
 * Состояние: [data-revealed="true"] — когда элемент вошёл в viewport.
 *
 * Использует `translate` / `scale` longhand (не `transform`) чтобы не перекрывать
 * статические rotate() трансформации на карточках.
 */

[data-reveal] {
  opacity: 0;
  translate: 0 28px;
  transition:
    opacity 900ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
    translate 900ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
    scale 900ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms);
  will-change: opacity, translate, scale;
}

[data-reveal='left']    { translate: -36px 0; }
[data-reveal='right']   { translate: 36px 0; }
[data-reveal='scale']   { translate: 0 0; scale: 0.96; }
[data-reveal='rise-lg'] { translate: 0 64px; scale: 0.985; }

[data-reveal][data-revealed='true'] {
  opacity: 1;
  translate: 0 0;
  scale: 1;
}

/* Stagger: дети сетки появляются поочерёдно */
[data-reveal-stagger] > *:nth-child(1) { --reveal-delay: 0ms; }
[data-reveal-stagger] > *:nth-child(2) { --reveal-delay: 90ms; }
[data-reveal-stagger] > *:nth-child(3) { --reveal-delay: 180ms; }
[data-reveal-stagger] > *:nth-child(4) { --reveal-delay: 270ms; }
[data-reveal-stagger] > *:nth-child(5) { --reveal-delay: 360ms; }
[data-reveal-stagger] > *:nth-child(6) { --reveal-delay: 450ms; }

/* prefers-reduced-motion — обязательный fallback */
@media (prefers-reduced-motion: reduce) {
  [data-reveal],
  [data-reveal='left'],
  [data-reveal='right'],
  [data-reveal='scale'],
  [data-reveal='rise-lg'] {
    opacity: 1;
    translate: 0 0;
    scale: 1;
    transition: none;
    will-change: auto;
  }
}

/* --- headroom-nav --- */
/* headroom-nav — transition для скрытия/показа nav
 * Source: github.com/nexu-io/open-design @ 75498838 | design-templates/saas-landing/example.html (Apache-2.0)
 *
 * Работает в паре с headroom-nav/snippet.js.
 * Добавить к любому <nav> или .lp-nav-shell.
 *
 * Если используется с floating-pill-nav — transition уже есть в floating-pill-nav/snippet.css.
 * Этот файл нужен для обычного (не pill) nav.
 */

/* Обычный nav (не pill) — headroom transition */
nav.lp-headroom,
.lp-headroom {
  transition: transform 300ms cubic-bezier(0.2, 0, 0, 1),
              opacity 300ms cubic-bezier(0.2, 0, 0, 1);
  will-change: transform;
}

nav.lp-headroom.lp-nav--hidden,
.lp-headroom.lp-nav--hidden {
  transform: translateY(-110%);
  opacity: 0;
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  nav.lp-headroom,
  .lp-headroom {
    transition: none;
    will-change: auto;
  }

  nav.lp-headroom.lp-nav--hidden,
  .lp-headroom.lp-nav--hidden {
    /* При reduced-motion прячем мгновенно — не анимируем */
    transform: translateY(-110%);
  }
}