/*
 * @file: Source\themes\blocksy-child\assets\css\photocka-motion.css
 * @version: 1.0.0
 * @updated: 2026-03-15 12:03:57
 * @size: 2414
 */
/* ======================================================
   Photocka Motion System v1.0
   ====================================================== */

/* Базовые transition */
.phc-transition {
  transition: var(--phc-transition-default);
}

/* Hover lift */
.phc-hover-lift {
  transition: transform var(--phc-transition-fast) var(--phc-ease-out), box-shadow var(--phc-transition-fast) var(--phc-ease-out);
}

.phc-hover-lift:hover {
  transform: translateY(-2px);
}

/* FAQ animation */
.phc-faq__answer {
  overflow: hidden;
  transition: max-height var(--phc-transition-slow) var(--phc-ease-in-out), opacity var(--phc-transition-base) var(--phc-ease-in-out);
  opacity: 0;
  max-height: 0;
}

.phc-faq.is-open .phc-faq__answer {
  opacity: 1;
  max-height: 500px;
}

/* Fade-in on scroll */
.phc-animate {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--phc-transition-slow) var(--phc-ease-out), transform var(--phc-transition-slow) var(--phc-ease-out);
}

.phc-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}
/* ======================================================
HERO / ACTIONS (Details menu animations)
====================================================== */
.phc-hover-lift-scale {
transition: transform var(--phc-transition-fast) var(--phc-ease-out), box-shadow var(--phc-transition-fast) var(--phc-ease-out);
}
.phc-hover-lift-scale:hover {
transform: translateY(calc(var(--phc-space-1) * -1)) scale(var(--phc-hover-scale));
}
/* === Action menu motion — DESKTOP (сдвиг вправо) === */
@media (min-width: 769px) {
.phc-action__menu {
transform-origin: top left;
transform: translateX(-10px) translateY(var(--phc-action-menu-offset)) scale(0.98);
opacity: 0;
pointer-events: none;
transition:
transform var(--phc-transition-base) var(--phc-ease-out),
opacity var(--phc-transition-base) var(--phc-ease-out);
}
.phc-action__details[open] > .phc-action__menu {
transform: translateX(0) translateY(0) scale(1);
opacity: 1;
pointer-events: auto;
}
}
/* === MOBILE — без анимации === */
@media (max-width: 768px) {
.phc-action__menu {
transform: none;
opacity: 1;
pointer-events: auto;
transition: none;
}
}