/* ============================== */
/* RunWeb Landing Page Styles     */
/* ============================== */

/* Primary Gradient */
.bg-primary-gradient {
  background: linear-gradient(135deg, #FFD700, #FFA500, #FF8C00) !important;
}
.text-primary-gradient {
  background: linear-gradient(135deg, #FFD700, #FFA500, #FF8C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Theme Scroll Effect */
.theme-scroll-container {
  overflow: hidden;
}
.theme-scroll-image {
  transition: transform 8s ease;
}
.theme-scroll-container:hover .theme-scroll-image {
  transform: translateY(-30%);
}

/* Scroll Animations */
.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.animate-on-scroll.fade-in-up {
  transform: translateY(40px);
}
.animate-on-scroll.fade-in-left {
  transform: translateX(-40px);
}
.animate-on-scroll.fade-in-right {
  transform: translateX(40px);
}
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}

/* RunWeb wrapper - Font & Reset */
.runweb-landing {
  font-family: 'Be Vietnam Pro', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111827;
  background: #fff;
  line-height: 1.6;
}

.runweb-landing * {
  box-sizing: border-box;
}

/* Force font on all elements inside landing */
.runweb-landing h1,
.runweb-landing h2,
.runweb-landing h3,
.runweb-landing h4,
.runweb-landing h5,
.runweb-landing h6,
.runweb-landing p,
.runweb-landing a,
.runweb-landing span,
.runweb-landing li,
.runweb-landing div,
.runweb-landing button,
.runweb-landing input,
.runweb-landing select,
.runweb-landing textarea {
  font-family: 'Be Vietnam Pro', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Display font for headings */
.runweb-landing .font-display {
  font-family: 'Outfit', 'Be Vietnam Pro', sans-serif !important;
}

/* Fix Tailwind conflicts with Flatsome */
.runweb-landing img {
  max-width: 100%;
  height: auto;
}

/* Placeholder avatar circles */
.rw-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.rw-avatar-orange { background: linear-gradient(135deg, #FFD700, #FF8C00); }
.rw-avatar-blue   { background: linear-gradient(135deg, #3B82F6, #1D4ED8); }
.rw-avatar-green  { background: linear-gradient(135deg, #22C55E, #16A34A); }
.rw-avatar-purple { background: linear-gradient(135deg, #A855F7, #7C3AED); }
.rw-avatar-red    { background: linear-gradient(135deg, #EF4444, #DC2626); }