/* Cennet FZE LLC — Site Animations */

/* ===== Scroll reveal (classes added by cennet-anim.js) ===== */
.cennet-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.22,.61,.36,1),
              transform .8s cubic-bezier(.22,.61,.36,1);
  will-change: opacity, transform;
}
.cennet-reveal-visible { opacity: 1; transform: translateY(0); }

.cennet-reveal-left  { transform: translateX(-36px); }
.cennet-reveal-left.cennet-reveal-visible  { transform: translateX(0); }
.cennet-reveal-right { transform: translateX(36px); }
.cennet-reveal-right.cennet-reveal-visible { transform: translateX(0); }

/* ===== Hero entrance (on page load) ===== */
@keyframes cennet-fade-up {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
.cennet-hero-anim {
  animation: cennet-fade-up .9s cubic-bezier(.22,.61,.36,1) both;
}

/* ===== Button hover lift ===== */
.pagelayer-btn {
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.pagelayer-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0,0,0,.16) !important;
}

/* ===== Card hover lift (service icon boxes) ===== */
.pagelayer-iconbox {
  transition: transform .3s ease, box-shadow .3s ease !important;
}
.pagelayer-iconbox:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(0,0,0,.12) !important;
}

/* ===== Sticky orange navigation bar (only the menu) ===== */
.p-s2k3404.cennet-nav-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 9999 !important;
  background: transparent !important;
  box-shadow: none;
  animation: cennet-sticky-in .45s cubic-bezier(.22,.61,.36,1);
}
@keyframes cennet-sticky-in {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0); }
}
/* Text shadow on menu links for readability over any background */
.p-s2k3404.cennet-nav-fixed .pagelayer-nav-menu-title {
  text-shadow: 0 1px 3px rgba(0,0,0,.65), 0 0 8px rgba(0,0,0,.35);
}
.p-s2k3404.cennet-nav-fixed .pagelayer-wp-menu-container a {
  text-shadow: 0 1px 3px rgba(0,0,0,.65), 0 0 8px rgba(0,0,0,.35);
}
/* Spacer that holds the nav's place when it becomes fixed (no layout jump) */
.cennet-nav-spacer {
  display: block;
  height: 0;
  transition: height .2s ease;
}

/* ===== Accessibility: respect reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
  .cennet-reveal, .cennet-hero-anim, .pagelayer-btn, .pagelayer-iconbox,
  .p-s2k3404.cennet-nav-fixed {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}