/* ═══════════════════════════════════════════════════════════
   EVEREST DRILLING — Global Visual Enhancement Layer
   Injected sitewide. Adds scroll animations, hover effects,
   refined colours, and premium interactions without touching
   page content or SEO.
═══════════════════════════════════════════════════════════ */

/* ── Base ───────────────────────────────────────────────── */
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }

/* ── Custom scroll bar ──────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0f2f5; }
::-webkit-scrollbar-thumb { background: #F28B00; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #d97a00; }

/* ── Selection colour ───────────────────────────────────── */
::selection { background: rgba(242,139,0,0.25); color: #0b1f3a; }

/* ══════════════════════════════════════════════════════════
   SCROLL REVEAL ANIMATIONS
══════════════════════════════════════════════════════════ */
.ed-reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.75s cubic-bezier(0.25,0.46,0.45,0.94),
              transform 0.75s cubic-bezier(0.25,0.46,0.45,0.94);
  will-change: opacity, transform;
}
.ed-reveal.ed-visible {
  opacity: 1;
  transform: translateY(0);
}
.ed-reveal.ed-from-left {
  transform: translateX(-40px);
}
.ed-reveal.ed-from-left.ed-visible {
  transform: translateX(0);
}
.ed-reveal.ed-from-right {
  transform: translateX(40px);
}
.ed-reveal.ed-from-right.ed-visible {
  transform: translateX(0);
}
.ed-reveal.ed-scale {
  transform: scale(0.93) translateY(20px);
}
.ed-reveal.ed-scale.ed-visible {
  transform: scale(1) translateY(0);
}
.ed-reveal.ed-d1 { transition-delay: 0.1s; }
.ed-reveal.ed-d2 { transition-delay: 0.2s; }
.ed-reveal.ed-d3 { transition-delay: 0.3s; }
.ed-reveal.ed-d4 { transition-delay: 0.4s; }
.ed-reveal.ed-d5 { transition-delay: 0.5s; }

/* ══════════════════════════════════════════════════════════
   NAVBAR — glass effect on scroll
══════════════════════════════════════════════════════════ */
nav#navbar {
  transition: background 0.4s ease, backdrop-filter 0.4s ease,
              box-shadow 0.4s ease !important;
}
nav#navbar.ed-scrolled {
  background: rgba(11,31,58,0.88) !important;
  backdrop-filter: blur(24px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
  box-shadow: 0 4px 32px rgba(0,0,0,0.35) !important;
}

/* ══════════════════════════════════════════════════════════
   BUTTONS — premium hover interactions
══════════════════════════════════════════════════════════ */
a.nav-cta, .nav-cta, .btn-primary, .dash-card-btn,
button.btn-primary, a.btn-primary {
  transition: transform 0.2s ease, box-shadow 0.25s ease,
              background 0.2s ease, filter 0.2s ease !important;
  position: relative;
  overflow: hidden;
}
a.nav-cta:hover, .nav-cta:hover, .btn-primary:hover,
.dash-card-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(242,139,0,0.45) !important;
  filter: brightness(1.08) !important;
}
a.nav-cta:active, .nav-cta:active, .btn-primary:active {
  transform: translateY(0) !important;
}

/* Ripple effect on gold buttons */
a.nav-cta::after, .nav-cta::after, .btn-primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.12);
  opacity: 0;
  transition: opacity 0.3s ease;
}
a.nav-cta:hover::after, .nav-cta:hover::after, .btn-primary:hover::after {
  opacity: 1;
}

/* ── WhatsApp CTA buttons ───────────────────────────────── */
.btn-wa, .wa-cta, a[href*="wa.me"], a[href*="whatsapp"] {
  transition: transform 0.2s ease, box-shadow 0.25s ease !important;
}
.btn-wa:hover, .wa-cta:hover, a[href*="wa.me"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(37,211,102,0.4) !important;
}

/* ══════════════════════════════════════════════════════════
   CARDS — lift on hover
══════════════════════════════════════════════════════════ */
.svc-card, .proc-step, .branch-card, .blog-card,
.apoint, .dash-card, .case-card, .review-card,
.faq-item, .spec-row {
  transition: transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),
              box-shadow 0.3s ease,
              border-color 0.3s ease !important;
}
.svc-card:hover, .branch-card:hover, .blog-card:hover,
.dash-card:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 20px 56px rgba(11,31,58,0.14) !important;
}
.proc-step:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 40px rgba(11,31,58,0.12) !important;
}

/* ── Service card icon pulse ────────────────────────────── */
.svc-card:hover .svc-icon,
.svc-card:hover .svc-ico {
  transform: scale(1.12) !important;
  transition: transform 0.3s ease !important;
}

/* ══════════════════════════════════════════════════════════
   IMAGES — smooth zoom and overlay
══════════════════════════════════════════════════════════ */
.gal-item {
  overflow: hidden;
}
.gal-item img {
  transition: transform 0.65s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}
.gal-item:hover img {
  transform: scale(1.07) !important;
}

/* Hero images subtle parallax handled by JS */
.hero-img-parallax {
  will-change: transform;
}

/* ══════════════════════════════════════════════════════════
   STATISTICS — count-up animation targets
══════════════════════════════════════════════════════════ */
.ed-counter {
  display: inline-block;
  transition: opacity 0.3s ease;
}

/* ══════════════════════════════════════════════════════════
   SECTION BACKGROUNDS — refined
══════════════════════════════════════════════════════════ */

/* Softer white on body */
body {
  background-color: #fafbfc;
}

/* Subtle texture on light sections */
section[style*="background:#f7f9fc"],
section[style*="background: #f7f9fc"],
#about-borehole-drilling {
  background: linear-gradient(180deg, #f7f9fc 0%, #f0f4f8 100%) !important;
}

/* Navy sections get subtle gradient depth */
section[style*="background:#0b1f3a"],
section[style*="background: #0b1f3a"] {
  background: linear-gradient(135deg, #0b1f3a 0%, #0d2a4d 100%) !important;
}

/* Gold CTA strips — richer gradient */
section[style*="background:linear-gradient(90deg,#F28B00"],
section[style*="background:linear-gradient(90deg, #F28B00"] {
  background: linear-gradient(105deg, #F28B00 0%, #F7B731 60%, #F5A623 100%) !important;
  box-shadow: 0 4px 32px rgba(242,139,0,0.25) !important;
}

/* ══════════════════════════════════════════════════════════
   NAV LINKS — smoother underline on hover
══════════════════════════════════════════════════════════ */
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: #F5A623;
  transition: width 0.25s ease;
}
.nav-links a:hover::after,
.nav-links a.active::after {
  width: 100%;
}

/* ══════════════════════════════════════════════════════════
   HERO SECTIONS — depth & polish
══════════════════════════════════════════════════════════ */

/* Slow zoom on hero background image */
.svc-hero-img, img.svc-hero-img {
  transition: transform 8s ease !important;
}
section:hover .svc-hero-img {
  transform: scale(1.04) !important;
}

/* Hero overlays — richer gradient */
section .hero-overlay,
.br-hero-overlay {
  background: linear-gradient(
    105deg,
    rgba(11,31,58,0.88) 0%,
    rgba(11,31,58,0.62) 50%,
    rgba(11,31,58,0.20) 100%
  ) !important;
}

/* ══════════════════════════════════════════════════════════
   TYPOGRAPHY — refined spacing & hierarchy
══════════════════════════════════════════════════════════ */
p {
  line-height: 1.78;
}
h1, h2, h3 {
  text-wrap: balance;
}

/* ── Eyebrow animation ──────────────────────────────────── */
.eyebrow {
  transition: opacity 0.5s ease;
}

/* ══════════════════════════════════════════════════════════
   FLOATING WHATSAPP BUTTON — pulse
══════════════════════════════════════════════════════════ */
#wa-float, .mcta-wa {
  animation: ed-pulse 3s ease-in-out infinite;
}
@keyframes ed-pulse {
  0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,0.4); }
  50% { box-shadow: 0 4px 32px rgba(37,211,102,0.7), 0 0 0 8px rgba(37,211,102,0.08); }
}

/* ══════════════════════════════════════════════════════════
   FOOTER LINKS
══════════════════════════════════════════════════════════ */
footer a, .footer a {
  transition: color 0.2s ease, letter-spacing 0.2s ease !important;
}
footer a:hover, .footer a:hover {
  letter-spacing: 0.5px;
}

/* ══════════════════════════════════════════════════════════
   MOBILE — touch-friendly
══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Disable expensive hover effects on touch */
  .svc-card:hover, .proc-step:hover, .branch-card:hover,
  .blog-card:hover, .dash-card:hover {
    transform: none !important;
  }
  /* Reduce motion for accessibility */
  @media (prefers-reduced-motion: reduce) {
    .ed-reveal, * {
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
    }
  }
}

/* ══════════════════════════════════════════════════════════
   PAGE TRANSITION — fade in on load
══════════════════════════════════════════════════════════ */
body {
  animation: ed-pagein 0.4s ease forwards;
}
@keyframes ed-pagein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ══════════════════════════════════════════════════════════
   GOLD ACCENT LINE (section divider)
══════════════════════════════════════════════════════════ */
.eyebrow-line {
  background: linear-gradient(90deg, #F28B00, #F7B731) !important;
  border-radius: 2px;
}

/* ══════════════════════════════════════════════════════════
   LINK HOVER glow on inline gold links
══════════════════════════════════════════════════════════ */
a[style*="color:#F28B00"], a[style*="color: #F28B00"],
a[style*="color:#F5A623"] {
  transition: text-shadow 0.2s ease !important;
}
a[style*="color:#F28B00"]:hover {
  text-shadow: 0 0 12px rgba(242,139,0,0.5) !important;
}