/* =========================================================
   АВТОШКОЛА «ЦЕНТР» — Animations & transitions
   Scroll reveals, hover states, nav & accordion motion
   ========================================================= */

html{scroll-behavior:smooth;}

.btn-primary:hover{ background:var(--accent-ink); transform:translateY(-2px); box-shadow:0 18px 34px -12px rgba(194,84,10,.5);}


.btn-ghost:hover{ border-color:var(--ink); transform:translateY(-2px);}

.btn-ghost-light:hover{ border-color:var(--white); background:rgba(255,255,255,.08);}

.route-draw.is-visible{ stroke-dashoffset:0; }

.site-header.is-solid{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding:14px 0;
  border-bottom-color:var(--line);
}

.nav-links a{ transition:color .25s ease, background .25s ease; }

.nav-links a:hover{ background:var(--surface-2); }

.nav-burger span, .nav-burger span::before, .nav-burger span::after{
  transition:transform .25s ease, opacity .25s ease;
}

.adv-card{ transition:background .3s ease; }

.adv-card:hover{ background:var(--accent-soft-2); }

.format-card{ transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s ease; }

.format-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lift); border-color:transparent; }

.team-card{ transition:transform .4s var(--ease), box-shadow .4s var(--ease); }

.team-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lift); }

.faq-q .plus::before,.faq-q .plus::after{
  content:"";
  position:absolute;
  background:var(--ink);
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  transition:transform .3s ease, opacity .3s ease;
}

.faq-item.is-open .faq-q .plus::after{ opacity:0; transform:translate(-50%,-50%) rotate(90deg); }

.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s var(--ease);
}

.faq-item.is-open .faq-a{ max-height:240px; }

.contact-social a{ transition:background .25s ease, border-color .25s ease; }

.contact-social a:hover{ background:var(--accent); border-color:var(--accent); }

.form-row input:focus,.form-row select:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft);
}

.footer-col a:hover{ color:var(--white); }

.reveal.is-visible{ opacity:1; transform:translateY(0); }

.see-more svg{ transition:transform .25s ease; }

.see-more:hover svg{ transform:translateX(4px); }