/*
Theme Name: KZK Advisory
Theme URI: https://kzkadvisory.com/
Author: KZK Advisory
Author URI: https://kzkadvisory.com/
Description: Premium corporate WordPress theme for KZK Advisory — accounting, advisory, tax & outsourcing. Built with a modern London consultancy aesthetic, glassmorphism, video hero, and full responsive design.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kzk-advisory
Tags: business, corporate, finance, custom-logo, custom-menu, full-width-template
*/

/* ── CSS Variables ── */
:root {
  --navy:      #0b1f3a;
  --navy-deep: #07172c;
  --teal:      #2aa6b8;
  --teal-2:    #5cbdb9;
}

/* ── Base ── */
*, *::before, *::after { box-sizing: border-box; }
html  { scroll-behavior: smooth; }
body  {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #0f172a; margin: 0; padding: 0;
}
h1,h2,h3,h4,h5 { font-family: 'Plus Jakarta Sans','Inter',sans-serif; letter-spacing: -.022em; }
img, video { max-width: 100%; display: block; }

/* ── Utility colours ── */
.bg-navy       { background: #0b1f3a; }
.bg-navy-deep  { background: #07172c; }
.text-teal     { color: #2aa6b8; }
.bg-teal       { background: #2aa6b8; }
.border-teal   { border-color: #2aa6b8; }

/* ── Text gradient ── */
.text-gradient {
  background: linear-gradient(135deg, #2aa6b8 0%, #5cbdb9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ── Glassmorphism ── */
.glass {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.15);
}

/* ── Hero grid overlay ── */
.hero-grid {
  background-image:
    linear-gradient(rgba(42,166,184,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42,166,184,.10) 1px, transparent 1px);
  background-size: 60px 60px;
  animation: gridPan 30s linear infinite;
  pointer-events: none;
}
@keyframes gridPan { from { background-position:0 0; } to { background-position:60px 60px; } }

/* ── Animations ── */
@keyframes fadeUp   { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes marquee  { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.animate-fade-up    { animation: fadeUp .9s cubic-bezier(.22,1,.36,1) both; }
.animate-marquee    { animation: marquee 40s linear infinite; }

/* ── Reveal on scroll ── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* ── Hero layout ── */
.kzk-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width:1024px) {
  .kzk-hero-inner { grid-template-columns: 1fr auto; align-items: center; gap: 3rem; }
}

/* ── Mobile: hero video ── */
@media (max-width: 767px) {
  #kzk-hero-video {
    /* video tetao mobile e show hobe — object-fit:cover keeps it full */
    object-position: center center;
  }
}

/* ── WP core helpers ── */
.alignwide  { max-width:1200px; margin-left:auto; margin-right:auto; }
.alignfull  { width:100%; }
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  height: 1px; width: 1px; overflow: hidden;
}
main { padding-top: 72px; } /* offset for fixed header */