/*
Theme Name: Globaryn9
Theme URI: https://globaryn9.com
Author: Globaryn9 Tech LLP
Author URI: https://globaryn9.com
Description: A premium, modern, corporate WordPress theme for Globaryn9 Tech LLP — an engineering and electrical infrastructure company specializing in renewable energy, solar power, and electrical infrastructure solutions.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: globaryn9
Tags: corporate, energy, engineering, renewable, solar, responsive, tailwind
*/

/* ── Theme variables & base overrides ─────────────────────────────── */
:root {
  --clr-cyan:    #06b6d4;
  --clr-teal:    #0891b2;
  --clr-navy:    #0f172a;
  --clr-charcoal:#1e293b;
  --clr-mist:    #f1f5f9;
  --font-body:   'Plus Jakarta Sans', system-ui, sans-serif;
  --font-display:'Sora', system-ui, sans-serif;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; font-family: var(--font-body); }

/* ── Scroll-reveal ────────────────────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .7s cubic-bezier(.16,1,.3,1),
              transform .7s cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform;
}
.reveal.revealed { opacity: 1; transform: none; }
.reveal[data-delay="1"]{ transition-delay:  80ms }
.reveal[data-delay="2"]{ transition-delay: 160ms }
.reveal[data-delay="3"]{ transition-delay: 240ms }
.reveal[data-delay="4"]{ transition-delay: 320ms }
.reveal[data-delay="5"]{ transition-delay: 400ms }
.reveal[data-delay="6"]{ transition-delay: 480ms }

/* ── Hero entrance ───────────────────────────────────────────────── */
.hero-line {
  opacity: 0; transform: translateY(24px);
  animation: g9FadeUp .8s cubic-bezier(.16,1,.3,1) forwards;
}
.hero-line.d1 { animation-delay:.15s }
.hero-line.d2 { animation-delay:.3s }
.hero-line.d3 { animation-delay:.45s }
.hero-line.d4 { animation-delay:.6s }
@keyframes g9FadeUp { to { opacity:1; transform:none } }

/* ── Navbar ──────────────────────────────────────────────────────── */
#g9-navbar { transition: background .4s ease, box-shadow .4s ease, padding .4s ease }
#g9-navbar.scrolled {
  background-color: var(--clr-navy);
  background-image: none;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 8px 30px rgba(0,0,0,.28);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
/* #g9-navbar:not(.scrolled) {
  background-color: transparent;
  background-image: linear-gradient(180deg,rgba(15,23,42,.7),rgba(15,23,42,0));
} */
.g9-nav-shrink { height: 4rem !important }

.custom-logo-link {
  display: flex;
  align-items: center;
  max-width: 160px;
}
.custom-logo {
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ── Gradient shimmer text ───────────────────────────────────────── */
.gradient-text {
  background: linear-gradient(90deg,#22d3ee,#2dd4bf,#22d3ee);
  background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: g9Shimmer 4s linear infinite;
}
@keyframes g9Shimmer { to { background-position: 200% center } }

/* ── Magnetic button ─────────────────────────────────────────────── */
.magnetic-btn { transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease }
.magnetic-btn:hover { transform: translateY(-2px) }

/* ── Image zoom ──────────────────────────────────────────────────── */
.zoom-wrap { overflow: hidden }
.zoom-wrap img { transition: transform .8s cubic-bezier(.16,1,.3,1) }
.zoom-wrap:hover img { transform: scale(1.08) }

/* ── Grid pattern bg ─────────────────────────────────────────────── */
.grid-pattern {
  background-image:
    linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);
  background-size: 56px 56px;
}

/* ── Counter ─────────────────────────────────────────────────────── */
.counter { font-variant-numeric: tabular-nums }

/* ── Accordion ───────────────────────────────────────────────────── */
.accordion-content {
  max-height: 0; overflow: hidden;
  transition: max-height .45s cubic-bezier(.16,1,.3,1);
}

/* ── Field focus glow ────────────────────────────────────────────── */
.g9-field:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(6,182,212,.14);
}

/* ── Float / pulse animations ────────────────────────────────────── */
@keyframes g9Float {
  0%,100% { transform: translateY(0) }
  50%      { transform: translateY(-18px) }
}
@keyframes g9Pulse {
  0%,100% { opacity:.35 }
  50%      { opacity:.75 }
}
.anim-float { animation: g9Float 8s ease-in-out infinite }
.anim-pulse { animation: g9Pulse 6s ease-in-out infinite }

/* ── Footer nav flatten ─────────────────────────────────────────── */
footer .menu > li { list-style: none; }
footer .menu li ul { margin: 0; padding: 0; }
footer .menu li ul li { list-style: none; }

/* ── Prefers-reduced-motion ──────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .reveal          { opacity:1!important; transform:none!important; transition:none!important }
  .hero-line       { opacity:1!important; transform:none!important; animation:none!important }
  .anim-float,
  .anim-pulse      { animation:none!important }
  *                { scroll-behavior: auto!important }
  .zoom-wrap:hover img { transform:none!important }
}