/*
Theme Name: 5 Team Precision Platinum
Theme URI: https://5team.ae/
Author: Antigravity AI
Author URI: https://5team.ae/
Description: A high-performance, 3D animated WordPress theme for 5 Team Precision. Fully editable via ACF.
Version: 1.1.0
Text Domain: 5team-precision
*/

/* Corporate Solid Typography Overrides */
body,
p,
.font-body {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.font-display {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}

.font-bold      { font-weight: 700 !important; }
.font-extrabold { font-weight: 800 !important; }
.font-semibold  { font-weight: 600 !important; }

#root {
    font-family: 'Roboto', sans-serif;
}

/* ── Force Poppins across entire theme ── */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

*, *::before, *::after,
html, body,
h1, h2, h3, h4, h5, h6,
p, span, a, button, input, textarea, select, label,
.font-body, .font-display, .font-mono {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}


/* Prevent layout shift during image load */
.animate-marquee > div {
  contain: layout style;
  will-change: transform;
  transform: translateZ(0);
}

/* ══════════════════════════════════════════════════
   CLIENT LOGOS MARQUEE — Final v3
   • Height: 180px
   • Speed: 8s (fast scroll, GPU-accelerated)
   • Full color logos, no filter
   • Loop: CSS handles seamlessly via [...JN,...JN]
══════════════════════════════════════════════════ */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee {
  animation: marquee 30s linear infinite !important;
  will-change: transform !important;
  display: flex !important;
  backface-visibility: hidden !important;
}
.animate-marquee img {
  height: 180px !important;
  width: auto !important;
  max-width: 240px !important;
  object-fit: contain !important;
  display: block !important;
  flex-shrink: 0 !important;
  filter: none !important;
  opacity: 1 !important;
  image-rendering: -webkit-optimize-contrast;
  transition: transform 0.2s, opacity 0.2s;
}
.animate-marquee img:hover {
  transform: scale(1.04);
  opacity: 0.9;
}

/* Fix spacing on Service Details page - Robust Flex Gap */
.lg\:col-span-2.space-y-10 {
    display: flex !important;
    flex-direction: column !important;
    gap: 5rem !important; /* Consistent 80px gap between sections */
}

.lg\:col-span-2.space-y-10 > div {
    margin-top: 0 !important; /* Disable space-y-10 effect */
}

/* Sticky Sidebar for Service Detail */
@media (min-width: 1024px) {
    .lg\:col-span-1.space-y-8 {
        position: sticky !important;
        top: 6rem !important;
        height: fit-content !important;
        padding-top: 1rem;
    }
}

/* Smooth transition for 'Other Services' footer */
.mt-20.pt-10.border-t {
    margin-top: 8rem !important;
    padding-top: 4rem !important;
    border-color: rgba(255,255,255,0.05) !important;
}

/* Footer section whitespace */
footer .grid > div {
  margin-bottom: 2.5rem;
}

footer .grid {
  row-gap: 4rem !important;
}