/*
Theme Name: Hello Elementor Child - 4Trust Enhanced
Description: Enhanced Child Theme for 4Trust with synchronized micro-interactions, responsive grids, infinite tickers, and luxury feedback carousel.
Author: 4Trust Team
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
  /* 4Trust Luxury Metallic Gold Design Tokens */
  --ft-gold-primary: #ECCB58;
  --ft-gold-dark: #726103;
  --ft-gold-bronze: #5E4B11;
  --ft-gold-light: #F7E49D;
  --ft-gold-gradient: linear-gradient(135deg, #ECCB58 0%, #D4AF37 50%, #5E4B11 100%);
  --ft-gold-metallic: linear-gradient(145deg, #F3E08A 0%, #ECCB58 35%, #B8860B 70%, #5E4B11 100%);
  --ft-gold-border: 1px solid rgba(236, 203, 88, 0.35);
  --ft-gold-glow: 0 8px 25px rgba(236, 203, 88, 0.22);
  
  /* Backgrounds & Neutrals */
  --ft-bg-dark: #000000;
  --ft-bg-card: #0A0A0A;
  --ft-bg-surface: #141414;
  --ft-bg-light: #FBF9F4;
  --ft-text-light: #FFFFFF;
  --ft-text-muted: #A2A2A2;
  --ft-border-subtle: #262626;
  
  /* Typography */
  --ft-font-arabic: 'Cairo', 'Tajawal', sans-serif;
  --ft-font-sans: 'Poppins', 'Plus Jakarta Sans', sans-serif;
  
  /* Micro-interactions & Transitions */
  --ft-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --ft-transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --ft-transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* About Us "تعرف أكثر علينا" Dynamic Showcase */
.elementor-element-3645b57,
.fourtrust-about-values-box {
  background: #ffffff !important;
  border: 1px solid #707070 !important;
  border-radius: 25px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
  padding: 30px 35px 45px !important;
  margin: 0 auto !important;
  transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.elementor-element-3645b57:hover,
.fourtrust-about-values-box:hover {
  border-color: #D4AF37 !important;
  box-shadow: 0 15px 40px rgba(212, 175, 55, 0.12) !important;
}

.elementor-element-ebbf514 .elementor-heading-title {
  font-family: var(--ft-font-ar, 'Cairo', sans-serif) !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-align: center !important;
  margin-bottom: 25px !important;
}

.elementor-element-6ebb791,
.fourtrust-values-cards-row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 30px !important;
  border: none !important;
}

.elementor-element-35bb7f3,
.elementor-element-4dfaf20,
.elementor-element-9dad10a,
.fourtrust-value-card {
  flex: 1 1 0 !important;
  width: 31% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 15px 12px !important;
  border-radius: 20px !important;
  margin: 0 !important;
  background: transparent !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-element-35bb7f3 .elementor-widget-image,
.elementor-element-4dfaf20 .elementor-widget-image,
.elementor-element-9dad10a .elementor-widget-image,
.fourtrust-value-card .elementor-widget-image {
  margin-bottom: 15px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.elementor-element-35bb7f3 .elementor-widget-image img,
.elementor-element-4dfaf20 .elementor-widget-image img,
.elementor-element-9dad10a .elementor-widget-image img,
.fourtrust-value-dynamic-img img,
.fourtrust-value-card .elementor-widget-image img {
  display: block !important;
  max-width: 100% !important;
  width: auto !important;
  max-height: 220px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  filter: drop-shadow(0 6px 15px rgba(0, 0, 0, 0.08));
}

@keyframes fourtrust-floating-card {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(0.4deg);
  }
}

.elementor-element-35bb7f3 .elementor-widget-image img,
.fourtrust-card-mission .fourtrust-value-dynamic-img img {
  animation: fourtrust-floating-card 4.5s ease-in-out infinite !important;
  animation-delay: 0s !important;
}

.elementor-element-4dfaf20 .elementor-widget-image img,
.fourtrust-card-vision .fourtrust-value-dynamic-img img {
  animation: fourtrust-floating-card 4.5s ease-in-out infinite !important;
  animation-delay: 1.5s !important;
}

.elementor-element-9dad10a .elementor-widget-image img,
.fourtrust-card-philosophy .fourtrust-value-dynamic-img img {
  animation: fourtrust-floating-card 4.5s ease-in-out infinite !important;
  animation-delay: 3s !important;
}

.elementor-element-35bb7f3:hover .elementor-widget-image img,
.elementor-element-4dfaf20:hover .elementor-widget-image img,
.elementor-element-9dad10a:hover .elementor-widget-image img,
.fourtrust-value-card:hover .fourtrust-value-dynamic-img img {
  animation-play-state: paused !important;
  transform: translateY(-12px) scale(1.05) !important;
  filter: drop-shadow(0 16px 28px rgba(212, 175, 55, 0.35)) brightness(1.03) !important;
}

.elementor-element-35bb7f3 .elementor-heading-title,
.elementor-element-4dfaf20 .elementor-heading-title,
.elementor-element-9dad10a .elementor-heading-title,
.fourtrust-value-card h2,
.fourtrust-value-card .elementor-heading-title {
  font-family: var(--ft-font-ar, 'Cairo', sans-serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  text-align: center !important;
  transition: color 0.35s ease !important;
}

.elementor-element-35bb7f3:hover .elementor-heading-title,
.elementor-element-4dfaf20:hover .elementor-heading-title,
.elementor-element-9dad10a:hover .elementor-heading-title,
.fourtrust-value-card:hover h2,
.fourtrust-value-card:hover .elementor-heading-title {
  color: #B8860B !important;
}

.elementor-element-35bb7f3 .elementor-widget-text-editor p,
.elementor-element-4dfaf20 .elementor-widget-text-editor p,
.elementor-element-9dad10a .elementor-widget-text-editor p,
.fourtrust-value-card p,
.fourtrust-value-card .elementor-widget-text-editor p {
  font-family: var(--ft-font-ar, 'Cairo', sans-serif) !important;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  color: #333333 !important;
  text-align: center !important;
}

@media (max-width: 991px) {
  .elementor-element-6ebb791,
  .fourtrust-values-cards-row {
    flex-direction: column !important;
    gap: 35px !important;
  }
  
  .elementor-element-35bb7f3,
  .elementor-element-4dfaf20,
  .elementor-element-9dad10a,
  .fourtrust-value-card {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
  }
  
  .elementor-element-35bb7f3 .elementor-widget-image img,
  .elementor-element-4dfaf20 .elementor-widget-image img,
  .elementor-element-9dad10a .elementor-widget-image img,
  .fourtrust-value-card .elementor-widget-image img {
    max-height: 200px !important;
  }
}