/*
Theme Name: GeoHut Kadence
Theme URI:
Author: GeoHut
Description: A modern Kadence child theme for GeoHut – geospatial drone services. Edit every section in Appearance → Editor with no coding required.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Template: kadence
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: geohut
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, one-column, wide-blocks
*/

/* ══════════════════════════════════════════════════════════════
   DARK THEME VARIABLES — single theme, no switcher
══════════════════════════════════════════════════════════════ */
:root {
  --gh-bg:          #0f1a1c;
  --gh-bg2:         #152226;
  --gh-bg3:         #1c2d31;
  --gh-bg-nav:      rgba(15,26,28,0.96);
  --gh-text:        #e8f4f6;
  --gh-text2:       #b0d0d8;
  --gh-muted:       #7a9ea6;
  --gh-border:      rgba(0,180,200,0.12);
  --gh-border-hov:  rgba(0,180,200,0.4);
  --gh-cyan:        #00b4c8;
  --gh-cyan-bright: #00cde0;
  --gh-lime:        #8acc00;
  --gh-lime-bright: #a0e020;
  --gh-slate:       #3d4850;
  --gh-stat-bg:     #0f1a1c;
  --gh-shadow:      none;
  --gh-radius:      14px;
}

/* ══════════════════════════════════════════════════════════════
   RESET / BASE
══════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Neutralise Kadence's is-layout-constrained padding injection —
   our section classes handle all padding directly. */
.gh-section.is-layout-constrained,
.gh-cta-band.is-layout-constrained {
  padding-left: 0;
  padding-right: 0;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  background: var(--gh-bg) !important;
  color: var(--gh-text) !important;
  overflow-x: hidden;
}

/* Force background on all Kadence wrappers */
.site, #page, .wp-site-blocks {
  background: var(--gh-bg) !important;
  color: var(--gh-text) !important;
}

/* Accent colour span */
.gh-accent { color: var(--gh-cyan); }


/* ══════════════════════════════════════════════════════════════
   NAV
══════════════════════════════════════════════════════════════ */
.gh-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 68px;
  padding: 0 48px;
  background: var(--gh-bg-nav);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--gh-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* WordPress adds extra wrappers – flatten them */
.gh-nav > .wp-block-group__inner-container,
.gh-nav .wp-block-group__inner-container { display: contents; }

/* Site logo in nav */
.gh-site-logo img {
  max-width: 140px;
  height: auto;
  border-radius: 6px;
  display: block;
}

/* Site title in nav */
.gh-nav .wp-block-site-title a,
.gh-nav .wp-block-site-title,
.gh-site-title a,
.gh-site-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  color: var(--gh-text) !important;
  text-decoration: none;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Nav menu links */
.gh-nav-menu a,
.gh-nav .wp-block-navigation-item__content {
  font-size: 14px;
  font-weight: 500;
  color: var(--gh-muted) !important;
  text-decoration: none;
  transition: color 0.2s;
  font-family: 'Inter', system-ui, sans-serif !important;
}
.gh-nav-menu a:hover,
.gh-nav .wp-block-navigation-item__content:hover { color: var(--gh-cyan) !important; }

/* Phone button */
.gh-btn-phone .wp-block-button__link {
  white-space: nowrap;
  padding: 9px 20px !important;
  transition: background 0.2s !important;
}


/* ══════════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════════ */
.gh-hero {
  min-height: 86vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 48px;
  position: relative;
  overflow: hidden;
  background: var(--gh-bg);

  /* subtle grid */
  background-image:
    linear-gradient(var(--gh-border) 1px, transparent 1px),
    linear-gradient(90deg, var(--gh-border) 1px, transparent 1px),
    radial-gradient(ellipse 55% 45% at 50% 40%, rgba(0,180,200,0.07) 0%, transparent 65%);
  background-size: 70px 70px, 70px 70px, cover;
}

/* Globe canvas — JS controls size + position */
#gh-globe {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* All hero content sits above the canvas */
.gh-hero > *:not(#gh-globe) {
  position: relative;
  z-index: 1;
}

.gh-hero__title {
  font-size: clamp(48px, 7vw, 84px) !important;
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: 1 !important;
  color: var(--gh-text) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  margin-bottom: 22px;
}

.gh-hero__sub {
  font-size: 16px;
  color: var(--gh-muted);
  line-height: 1.8;
  max-width: 540px;
  margin: 0 auto 36px;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Section tag pill — always centred, box and text */
.gh-section-tag {
  display: block;
  width: fit-content;
  margin: 0 auto 18px;
  text-align: center !important;
  color: var(--gh-cyan);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: rgba(0,122,140,0.07);
  padding: 5px 14px;
  border-radius: 50px;
  border: 1px solid var(--gh-border);
  font-family: 'Inter', system-ui, sans-serif !important;
}
/* --left variant no longer overrides — everything is centred */
.gh-section-tag--left {
  margin-left: auto;
  margin-right: auto;
}

/* Shared button styles */
.gh-btn-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--gh-text) !important;
  border: 2px solid var(--gh-border-hov) !important;
  padding: 13px 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  transition: border-color 0.2s, color 0.2s !important;
  display: inline-block;
  white-space: nowrap;
}
.gh-btn-outline .wp-block-button__link:hover {
  border-color: var(--gh-cyan) !important;
  color: var(--gh-cyan) !important;
}

.gh-btn-primary .wp-block-button__link {
  background: var(--gh-cyan) !important;
  color: #fff !important;
  padding: 13px 30px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  transition: background 0.2s !important;
  display: inline-block;
  white-space: nowrap;
}
.gh-btn-primary .wp-block-button__link:hover {
  background: var(--gh-cyan-bright) !important;
}


/* ══════════════════════════════════════════════════════════════
   SECTORS BAR
══════════════════════════════════════════════════════════════ */
.gh-sectors-bar {
  padding: 20px 48px;
  border-top: 1px solid var(--gh-border);
  border-bottom: 1px solid var(--gh-border);
  gap: 36px !important;
  background: var(--gh-bg2);
}
.gh-sector-item {
  font-size: 11px;
  color: var(--gh-muted);
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   STATS
══════════════════════════════════════════════════════════════ */
.gh-stats-band {
  background: var(--gh-stat-bg);
}
/* Full-width band: no constrained layout, columns fill 100% */
.gh-stats-band > .wp-block-columns,
.gh-stats.wp-block-columns {
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  margin: 0 !important;
  flex-wrap: nowrap;
}
.gh-stats > .wp-block-column { margin: 0 !important; flex: 1 1 0; }

.gh-stat {
  padding: 32px 24px;
  text-align: center;
  border-right: 1px solid var(--gh-border);
  background: var(--gh-stat-bg);
}
.gh-stat:last-child { border-right: none; }

/* Kadence Count Up rendered elements — match stat design */
.gh-stat .kb-count-up {
  display: block;
  text-align: center;
}
.gh-stat .kb-count-up-number {
  font-size: 44px !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  line-height: 1 !important;
  color: var(--gh-text) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  margin: 0 0 5px !important;
  text-align: center;
}
.gh-stat .kb-count-up-title {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--gh-muted) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center;
  margin: 0 !important;
}

.gh-stat__num {
  font-size: 44px !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  line-height: 1 !important;
  color: var(--gh-text) !important;
  margin: 0 0 5px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
.gh-stat__lbl {
  font-size: 12px;
  color: var(--gh-muted);
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   SECTIONS (shared)
══════════════════════════════════════════════════════════════ */
.gh-section {
  padding: 72px 48px;
  background: var(--gh-bg);
}
.gh-section--alt {
  background: var(--gh-bg3);
}

/*
 * Kadence overrides WordPress's is-layout-constrained behaviour, replacing
 * the auto-margin centering with its own padding-only approach.
 * We replicate the centering explicitly so every direct child of a section
 * is constrained to 1200 px and properly centred — regardless of viewport.
 */
.gh-section > *,
.gh-section.gh-section--alt > * {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
/* CTA band is narrower */
.gh-cta-band > * {
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
/* Contact section — wider two-column grid needs room */
.gh-contact-grid {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gh-section-h2 {
  font-size: clamp(30px,4vw,48px) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  color: var(--gh-text) !important;
  margin-bottom: 12px;
  line-height: 1.05 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-section-sub {
  font-size: 14px;
  color: var(--gh-muted);
  line-height: 1.75;
  max-width: 540px;
  margin-bottom: 40px;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   SERVICE CARDS
══════════════════════════════════════════════════════════════ */
.gh-srv-grid.wp-block-columns {
  gap: 14px !important;
  margin-bottom: 14px;
}

.gh-srv-card {
  background: var(--gh-bg2) !important;
  border: 1px solid var(--gh-border);
  border-radius: var(--gh-radius);
  padding: 28px !important;
  box-shadow: var(--gh-shadow);
  transition: border-color 0.25s, transform 0.2s;
}
.gh-srv-card:hover {
  border-color: var(--gh-border-hov);
  transform: translateY(-2px);
}

.gh-srv-ico {
  font-size: 20px;
  margin-bottom: 16px;
  width: 48px; height: 48px;
  border-radius: 11px;
  background: rgba(0,122,140,0.08);
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--gh-border);
}

.gh-srv-card .wp-block-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--gh-text) !important;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-srv-card .wp-block-paragraph {
  font-size: 13px;
  color: var(--gh-muted);
  line-height: 1.7;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-srv-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 12px;
}
.gh-stag {
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 50px;
  border: 1px solid var(--gh-border);
  color: var(--gh-muted);
  font-weight: 500;
  display: inline-block;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   ABOUT SPLIT
══════════════════════════════════════════════════════════════ */
.gh-about__grid.wp-block-columns { gap: 0 !important; margin: 0 !important; }
.gh-about__grid > .wp-block-column { margin: 0 !important; }

.gh-about__left {
  background: var(--gh-bg2);
  padding: 64px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--gh-border);
}

.gh-about__left .wp-block-heading {
  font-size: clamp(26px,3.5vw,42px) !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.05 !important;
  margin-bottom: 16px;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-compliance {
  font-size: 12px !important;
  opacity: 0.5;
  margin-bottom: 0 !important;
}

.gh-about__right {
  background: var(--gh-bg3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 460px;
}

.gh-about__right .wp-block-image {
  width: 100%;
  height: 100%;
}
.gh-about__right .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ══════════════════════════════════════════════════════════════
   SPECTRAL CARDS
══════════════════════════════════════════════════════════════ */
.gh-spec-grid.wp-block-columns { gap: 14px !important; }

.gh-spec-card {
  background: var(--gh-bg2) !important;
  border: 1px solid var(--gh-border);
  border-radius: var(--gh-radius);
  padding: 24px !important;
  box-shadow: var(--gh-shadow);
  transition: border-color 0.2s;
}
.gh-spec-card:hover { border-color: var(--gh-border-hov); }

.gh-spec-bar { height: 3px; border-radius: 2px; margin-bottom: 16px; }

.gh-spec-lbl {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-spec-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--gh-text) !important;
  margin-bottom: 8px;
  letter-spacing: -0.3px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* ── Index gradient bars (NDVI, NDRE, GNDVI, EVI, SAVI, Thermal IR) ── */
.gh-index-bars {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--gh-border);
}

.gh-index-bar {
  margin-bottom: 8px;
}

/* Uppercase label above each bar */
.gh-index-bar__label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--gh-muted) !important;
  margin-bottom: 8px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Gradient bar shared base */
.gh-bar-ndvi, .gh-bar-ndre, .gh-bar-gndvi,
.gh-bar-evi, .gh-bar-savi, .gh-bar-thermal {
  min-height: 46px !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}
.gh-bar-ndvi    { background: linear-gradient(to right,#5c0a0a,#9b2a1a,#c86010,#d4a010,#5aaa18,#1a8040,#0a4820) !important; }
.gh-bar-ndre    { background: linear-gradient(to right,#2d0a0a,#7a1515,#c84a1a,#e8a020,#9acc20,#2a9040,#0a5020) !important; }
.gh-bar-gndvi   { background: linear-gradient(to right,#0a1a0a,#1a4a1a,#2a8a2a,#5acc30,#aae030,#e8f040,#ffffa0) !important; }
.gh-bar-evi     { background: linear-gradient(to right,#1a0a00,#5a2a00,#aa6010,#d4a030,#80c030,#20a040,#006030) !important; }
.gh-bar-savi    { background: linear-gradient(to right,#2a1800,#7a4010,#c88020,#e8c040,#a0d030,#40b040,#006820) !important; }
.gh-bar-thermal { background: linear-gradient(to right,#000030,#0a0a80,#1040c0,#20a0c0,#40e0a0,#a0e040,#e0a000,#e04000,#a00000) !important; }

/* Text inside gradient bars */
.gh-bar-ndvi .wp-block-paragraph,
.gh-bar-ndre .wp-block-paragraph,
.gh-bar-gndvi .wp-block-paragraph,
.gh-bar-evi .wp-block-paragraph,
.gh-bar-savi .wp-block-paragraph,
.gh-bar-thermal .wp-block-paragraph {
  color: rgba(255,255,255,0.92) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 13px 16px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* Min / max label row */
.gh-index-bar__ends {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  gap: 8px;
}
.gh-index-bar__ends .wp-block-paragraph {
  font-size: 11px !important;
  color: var(--gh-muted) !important;
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   CASE STUDY CARDS
══════════════════════════════════════════════════════════════ */
.gh-cases-grid.wp-block-columns { gap: 14px !important; }

.gh-case-card .wp-block-cover {
  border-radius: var(--gh-radius);
  overflow: hidden;
  aspect-ratio: 4/3;
  min-height: 260px;
  transition: transform 0.2s;
}
.gh-case-card .wp-block-cover:hover { transform: translateY(-2px); }

.gh-case-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--gh-cyan-bright) !important;
  margin-bottom: 4px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
.gh-case-tag--lime { color: var(--gh-lime-bright) !important; }

.gh-case-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  color: #ffffff !important;
  margin: 0 0 4px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-case-result {
  font-size: 11px !important;
  color: rgba(255,255,255,0.5) !important;
  margin: 0 !important;
}


/* ══════════════════════════════════════════════════════════════
   PROCESS
══════════════════════════════════════════════════════════════ */
.gh-proc-grid.wp-block-columns {
  gap: 0 !important;
  border: 1px solid var(--gh-border);
  border-radius: var(--gh-radius);
  overflow: hidden;
}
.gh-proc-grid > .wp-block-column { margin: 0 !important; }

.gh-proc-step {
  padding: 30px 24px;
  border-right: 1px solid var(--gh-border);
  background: var(--gh-bg2);
}
.gh-proc-step:last-child { border-right: none; }

.gh-proc-num {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--gh-cyan) !important;
  letter-spacing: 1px !important;
  margin-bottom: 12px !important;
  text-transform: none !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-proc-step .wp-block-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--gh-text) !important;
  margin-bottom: 8px;
  letter-spacing: -0.3px;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-proc-step .wp-block-paragraph {
  font-size: 13px;
  color: var(--gh-muted);
  line-height: 1.7;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   CTA BAND
══════════════════════════════════════════════════════════════ */
.gh-cta-band {
  padding: 88px 48px;
  text-align: center;
  background: var(--gh-bg);
  border-top: 1px solid var(--gh-border);
}

.gh-cta-title {
  font-size: clamp(32px,5vw,58px) !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  color: var(--gh-text) !important;
  margin-bottom: 12px;
  line-height: 1.05 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-cta-sub {
  font-size: 15px;
  color: var(--gh-muted);
  max-width: 460px;
  margin: 0 auto 32px;
  line-height: 1.75;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   CONTACT
══════════════════════════════════════════════════════════════ */
.gh-contact-grid.wp-block-columns { gap: 56px !important; }

.gh-contact-detail {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.gh-cd-ico {
  font-size: 15px;
  flex-shrink: 0;
  margin-right: 4px;
}

.gh-cd-lbl {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--gh-cyan) !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-cd-val {
  font-size: 13px !important;
  color: var(--gh-muted) !important;
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* WPForms integration styling */
.gh-contact-form-wrap .wpforms-container {
  background: transparent;
}
.gh-contact-form-wrap .wpforms-container .wpforms-form input,
.gh-contact-form-wrap .wpforms-container .wpforms-form select,
.gh-contact-form-wrap .wpforms-container .wpforms-form textarea {
  background: var(--gh-bg3);
  border: 1px solid var(--gh-border);
  border-radius: 10px;
  padding: 11px 14px;
  color: var(--gh-text);
  font-size: 14px;
  font-family: 'Inter', system-ui, sans-serif;
}
.gh-contact-form-wrap .wpforms-container .wpforms-form input:focus,
.gh-contact-form-wrap .wpforms-container .wpforms-form select:focus,
.gh-contact-form-wrap .wpforms-container .wpforms-form textarea:focus {
  border-color: var(--gh-cyan);
  outline: none;
}
.gh-contact-form-wrap .wpforms-container .wpforms-form .wpforms-submit {
  background: var(--gh-cyan);
  color: #fff;
  border: none;
  padding: 13px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Inter', system-ui, sans-serif;
  transition: background 0.2s;
  width: 100%;
}
.gh-contact-form-wrap .wpforms-container .wpforms-form .wpforms-submit:hover {
  background: var(--gh-cyan-bright);
}


/* ══════════════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════════════ */
.gh-footer {
  background: var(--gh-slate);
  padding: 28px 48px;
  gap: 16px;
}

.gh-footer .wp-block-site-logo img {
  max-width: 100px;
  height: auto;
}

.gh-footer .wp-block-site-title,
.gh-footer .wp-block-site-title a {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
  text-decoration: none;
  font-family: 'Inter', system-ui, sans-serif !important;
}

.gh-footer-links a,
.gh-footer .wp-block-navigation-item__content {
  font-size: 12px !important;
  font-weight: 500;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none;
  transition: color 0.2s;
  font-family: 'Inter', system-ui, sans-serif !important;
}
.gh-footer-links a:hover,
.gh-footer .wp-block-navigation-item__content:hover { color: #fff !important; }

.gh-footer-copy {
  background: #0a1214;
  padding: 11px 48px;
}

.gh-footer-tagline {
  font-size: 11px !important;
  color: rgba(255,255,255,0.4) !important;
  margin: 3px 0 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}


/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — 1024px (tablet)
══════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .gh-nav { padding: 0 24px; }
  .gh-hero { padding: 60px 24px; min-height: 70vh; }
  .gh-section { padding: 56px 24px; }
  .gh-about__left { padding: 48px 24px; }
  .gh-cta-band { padding: 64px 24px; }
  .gh-footer { padding: 24px 24px; }
  .gh-footer-copy { padding: 11px 24px; }
  .gh-sectors-bar { padding: 20px 24px; }
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — 767px (mobile)
══════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  .gh-nav {
    padding: 12px 16px;
    height: auto;
    min-height: 60px;
    flex-wrap: wrap;
    gap: 8px;
  }
  .gh-hero { padding: 48px 16px; min-height: 60vh; }
  .gh-section { padding: 40px 16px; }
  .gh-about__left { padding: 32px 16px; }
  .gh-about__right { min-height: 300px; }
  .gh-contact-grid.wp-block-columns { gap: 32px !important; }
  .gh-proc-grid.wp-block-columns { flex-direction: column; }
  .gh-proc-step { border-right: none; border-bottom: 1px solid var(--gh-border); }
  .gh-proc-step:last-child { border-bottom: none; }
  .gh-footer { padding: 20px 16px; }
  .gh-footer-copy { padding: 11px 16px; }
  .gh-sectors-bar { gap: 16px !important; padding: 16px 16px; }
  .gh-stats.wp-block-columns { flex-direction: column; }
  .gh-stat { border-right: none; border-bottom: 1px solid var(--gh-border); }
  .gh-stat:last-child { border-bottom: none; }
  .gh-cta-band { padding: 48px 16px; }
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — 480px (small mobile)
══════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {
  .gh-hero { background-image: none; min-height: 50vh; }
  .gh-hero__title {
    font-size: clamp(36px, 10vw, 48px) !important;
    letter-spacing: -2px !important;
  }
  .gh-cta-title {
    font-size: clamp(28px, 8vw, 36px) !important;
    letter-spacing: -1px !important;
  }
  .gh-stat__num {
    font-size: 36px !important;
  }
  .gh-srv-card { padding: 20px !important; }
  .gh-spec-card { padding: 18px !important; }
}