/* ========================================
   HOMEPAGE v5 — FIXES (Feb 10, 2026)
   Applied on top of jobeyze-home.css
   ======================================== */

/* FIX 1: Hero top gap — remove min-height, reduce padding */
.jz-hero {
  min-height: auto !important;
  padding: 60px 24px 80px !important;
}

/* FIX 2: Orbs — more visible, centered behind text, more orb-like presence */
.jz-orb-1 {
  width: 1000px !important;
  height: 1000px !important;
  background: radial-gradient(circle, rgba(208, 0, 58, 0.6) 0%, rgba(208, 0, 58, 0.2) 40%, transparent 65%) !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  filter: blur(50px) !important;
}

.jz-orb-2 {
  width: 700px !important;
  height: 700px !important;
  background: radial-gradient(circle, rgba(171, 35, 121, 0.5) 0%, rgba(171, 35, 121, 0.15) 40%, transparent 65%) !important;
  bottom: -5% !important;
  left: -5% !important;
  filter: blur(50px) !important;
}

.jz-orb-3 {
  width: 500px !important;
  height: 500px !important;
  background: radial-gradient(circle, rgba(208, 0, 58, 0.35) 0%, rgba(171, 35, 121, 0.1) 40%, transparent 65%) !important;
  top: 10% !important;
  left: 60% !important;
  filter: blur(45px) !important;
}

/* FIX 3: Remove scroll indicator */
.jz-scroll-hint {
  display: none !important;
}

/* FIX 4: Consistent section spacing — all sections get 100px padding */
.jz-products,
.jz-paths,
.jz-trust,
.jz-testimonials,
.jz-footer-cta {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.jz-testimonials {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* FIX 5: Pink accent line — add to ALL major sections consistently */
.jz-products::before,
.jz-testimonials::before,
.jz-footer-cta::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100px !important;
  height: 3px !important;
  background: linear-gradient(135deg, #D0003A, #AB2379) !important;
  border-radius: 2px !important;
}

.jz-paths,
.jz-trust,
.jz-footer-cta {
  position: relative !important;
}

.jz-paths::before,
.jz-trust::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100px !important;
  height: 3px !important;
  background: linear-gradient(135deg, #D0003A, #AB2379) !important;
  border-radius: 2px !important;
  z-index: 2 !important;
}

/* Remove duplicate accent line in footer CTA (it had a manual div) */
.jz-footer-cta .jz-accent-line {
  display: none !important;
}

.jz-footer-cta::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100px !important;
  height: 3px !important;
  background: linear-gradient(135deg, #D0003A, #AB2379) !important;
  border-radius: 2px !important;
}

/* FIX 6: Consistent section title bottom margin */
.jz-section-title {
  margin-bottom: 56px !important;
}

/* FIX 7: Mobile responsive adjustments for reduced hero */
@media (max-width: 900px) {
  .jz-hero {
    padding: 16px 20px 60px !important;
  }
}

@media (max-width: 600px) {
  .jz-hero {
    padding: 12px 16px 40px !important;
  }
  .jz-products,
  .jz-paths,
  .jz-trust,
  .jz-testimonials,
  .jz-footer-cta {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .jz-testimonials {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* FIX 8: Trust section — stronger orbs matching hero style */
.jz-trust .jz-trust-glow {
  width: 700px !important;
  height: 700px !important;
  filter: blur(60px) !important;
  opacity: 0.45 !important;
  animation: jz-pulse-glow 8s ease-in-out infinite !important;
}
.jz-trust .jz-trust-glow:first-child {
  top: -15% !important;
  right: -5% !important;
  background: radial-gradient(circle, rgba(208, 0, 58, 0.55) 0%, rgba(208, 0, 58, 0.15) 40%, transparent 65%) !important;
}
.jz-trust .jz-trust-glow:nth-child(2) {
  bottom: -15% !important;
  left: -5% !important;
  background: radial-gradient(circle, rgba(171, 35, 121, 0.45) 0%, rgba(171, 35, 121, 0.1) 40%, transparent 65%) !important;
  animation-delay: -3s !important;
}

/* FIX 9: Trust section — real animated orbs + particles like hero */
.jz-trust-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
}

.jz-trust-orb-1 {
  width: 900px !important;
  height: 900px !important;
  background: radial-gradient(circle, rgba(208, 0, 58, 0.5) 0%, rgba(208, 0, 58, 0.15) 40%, transparent 65%) !important;
  top: calc(50% - 450px) !important;
  left: calc(50% - 450px) !important;
  right: auto !important;
  filter: blur(50px) !important;
  animation: jz-pulse-glow 8s ease-in-out infinite !important;
}









}

.jz-trust-orb-2 {
  width: 600px !important;
  height: 600px !important;
  background: radial-gradient(circle, rgba(171, 35, 121, 0.45) 0%, rgba(171, 35, 121, 0.1) 40%, transparent 65%) !important;
  bottom: -10% !important;
  left: -5% !important;
  top: auto !important;
  filter: blur(50px) !important;
  animation: jz-pulse-glow 8s ease-in-out infinite !important;
  animation-delay: -3s !important;
}

.jz-trust-orb-3 {
  width: 450px !important;
  height: 450px !important;
  background: radial-gradient(circle, rgba(208, 0, 58, 0.3) 0%, rgba(171, 35, 121, 0.1) 40%, transparent 65%) !important;
  top: 10% !important;
  right: 5% !important;
  left: auto !important;
  filter: blur(45px) !important;
  animation: jz-pulse-glow 8s ease-in-out infinite !important;
  animation-delay: -5s !important;
}

.jz-trust-particles {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 1;
}

.jz-trust-particles .jz-particle {
  background: rgba(208, 0, 58, 0.8) !important;
}
.jz-trust-particles .jz-particle:nth-child(1) { opacity: 0.5 !important; }
.jz-trust-particles .jz-particle:nth-child(2) { opacity: 0.4 !important; background: rgba(171, 35, 121, 0.8) !important; }
.jz-trust-particles .jz-particle:nth-child(3) { opacity: 0.6 !important; }
.jz-trust-particles .jz-particle:nth-child(4) { opacity: 0.35 !important; background: rgba(171, 35, 121, 0.7) !important; }

/* Ensure trust content stays above orbs */
.jz-trust .jz-container {
  position: relative;
  z-index: 2;
}

/* FIX 10: Trust orb sweeping animation — left to right and back */
@keyframes jz-orb-sweep {
  0% { left: calc(10% - 450px); }
  50% { left: calc(90% - 450px); }
  100% { left: calc(10% - 450px); }
}

.jz-trust-orb-1 {
  animation: jz-orb-sweep 10s ease-in-out infinite, jz-pulse-glow 8s ease-in-out infinite !important;
}

/* FIX 11: Force sweep on trust orb-1 — override all previous */
@keyframes jz-trust-sweep {
  0% { left: -10%; }
  50% { left: 70%; }
  100% { left: -10%; }
}

section.jz-trust .jz-trust-bg .jz-orb.jz-trust-orb-1 {
  top: calc(50% - 450px) !important;
  left: -10% !important;
  right: auto !important;
  animation: jz-trust-sweep 6s ease-in-out infinite !important;
  filter: blur(50px) !important;
}

/* FIX 12: Trust orb sweep using translateX — final override */
@keyframes jz-sweep-move {
  0% { transform: translateX(-300px) scale(1); }
  25% { transform: translateX(100px) scale(1.05); }
  50% { transform: translateX(500px) scale(1); }
  75% { transform: translateX(100px) scale(1.05); }
  100% { transform: translateX(-300px) scale(1); }
}

section.jz-trust .jz-trust-bg .jz-orb.jz-trust-orb-1 {
  top: calc(50% - 450px) !important;
  left: calc(50% - 450px) !important;
  right: auto !important;
  animation: jz-sweep-move 6s ease-in-out infinite !important;
  filter: blur(50px) !important;
}