a {
  text-decoration: none !important;
}

.wp-block-navigation-item.current-menu-item > a {
  color: var(--wp--preset--color--accent) !important;
  font-weight: bold !important;
}

.wp-block-navigation-item a:hover {
  color: var(--wp--preset--color--accent) !important;
}

/* Sticky header NO NEED */
.sticky-header {
  inline-size: 100%;
  z-index: 1000;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

.is-sticky-active {
  position: fixed !important;
  inset-block-start: 0;
  left: 0;
  /* أضفنا cubic-bezier هنا أيضاً لضمان نعومة دخول الأنميشن */
  animation: slideIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
}

@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* End Sticky header */

/* Modern Utilities */
.text-gradient {
  background: linear-gradient(90deg, #1e1c48 0%, #4c8ccd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  /* display: inline-block; */
}

.glass-card {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, box-shadow;
}

.glass-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.hover-lift {
  transition: transform 0.3s ease;
}

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

/* Footer Styles */
.site-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #f1f3f5;
  padding-top: 3rem;
}

/* Animation System */
.animate-on-scroll {
  opacity: 0;
  transition:
    opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}

/* Effect: Fade Up */
.animate-on-scroll.fade-up {
  transform: translateY(30px);
}

/* Effect: Fade Down */
.animate-on-scroll.fade-down {
  transform: translateY(-60px);
}

/* Effect: Fade Left */
.animate-on-scroll.fade-left {
  transform: translateX(-60px);
}

/* Effect: Fade Right */
.animate-on-scroll.fade-right {
  transform: translateX(60px);
}

/* Effect: Zoom In */
.animate-on-scroll.zoom-in {
  transform: scale(0.9);
}

/* Effect: Scale Up */
.animate-on-scroll.scale-up {
  transform: scale(0.8);
}

/* Visible state */
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* Stagger Delays */
.delay-100 {
  transition-delay: 0.1s;
}

.delay-200 {
  transition-delay: 0.2s;
}

.delay-300 {
  transition-delay: 0.3s;
}

.delay-400 {
  transition-delay: 0.4s;
}

.delay-500 {
  transition-delay: 0.5s;
}

.delay-600 {
  transition-delay: 0.6s;
}

/* Compatibility */
.scroll-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 1.5s ease,
    transform 1.5s ease;
}

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

/* Info box */
/* .wp-block-uagb-info-box.my-info-box {
    transition: background-color 0.3s ease-in-out !important;
} 
    .wp-block-uagb-info-box.my-info-box:hover {
  background-color: var(--wp--preset--color--contrast) !important;
}
*/
/* لضمان عدم وجود طبقات تحجب اللون */
/* .wp-block-uagb-info-box.my-info-box:hover .uagb-ifb-content {
    background-color: transparent !important;
} */

/* Genral info box or Container */
.my-info-box {
  transition: background-color 0.3s ease-in-out !important;
}
.my-info-box:hover {
  background-color: var(--wp--preset--color--contrast) !important;
}

/* .glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.glass-card:hover {
    transform: translateY(-px);
    box-shadow: 0 20px 40px rgba(41, 98, 255, 0.15);
} */

.glass-card {
  /* شفافية عالية وتمويه قوي */
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
  transition:
    background 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.glass-card:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

footer svg {
  width: 16px;
  height: 16px;
  fill: var(--wp--preset--color--accent);
  display: inline-block; /* يمنع تحوله لبلوك ضخم */
  flex-shrink: 0;
}

/* Hover effect for fill button */
.wp-block-button__link {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition:
    color 0.4s ease,
    backdrop-filter 0.4s ease !important;
}

/* إنشاء طبقة الانزلاق */
.wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: -35%;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform: skewX(-50deg);
  transform-origin: top left;
  z-index: -1;
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* .wp-block-button__link:hover {
  color: var(--wp--preset--color--base) !important;
} */

.wp-block-button__link:hover::after {
  width: 200%;
}
/* End Hover effect for fill button */

/* Zain Decor */
.zain-decor {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: 0.3;
  /* لجعل الصور تتناسب مع أي لون للقالب */
  animation: float-slow 8s infinite ease-in-out;
}

/* تحديد مواقع مختلفة */
.pos-top-left {
  top: 10%;
  left: 5%;
}
.pos-bottom-right {
  bottom: 10%;
  right: 5%;
}

@keyframes float-slow {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(15px, -30px);
  }
}

/* End Zain Decor */