/*
Theme Name: AK Network Solutions
Theme URI: https://aknetworksolutions.com
Author: AK Network Solutions
Author URI: https://aknetworksolutions.com
Description: Custom Gutenberg block theme for AK Network Solutions — AI-powered digital marketing agency, New Delhi.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.1
License: Proprietary
Text Domain: akns
*/

/* ─── Reset & Base ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #0F172A;
  background: #fff;
  overflow-x: hidden;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; }
ul, ol { list-style: none; }

/* ─── Typography ─── */
.ak-display { font-family: 'Space Grotesk', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif; line-height: 1.15; }

/* ─── Global tokens ─── */
:root {
  --ak-navy:    #060B18;
  --ak-navy-2:  #0A1628;
  --ak-navy-3:  #0F1A2E;
  --ak-blue:    #2563EB;
  --ak-blue-lt: #EFF6FF;
  --ak-cyan:    #06B6D4;
  --ak-amber:   #F59E0B;
  --ak-slate:   #0F172A;
  --ak-muted:   #64748B;
  --ak-border:  #E2E8F0;
  --ak-surface: #F8FAFC;
  --ak-radius:  12px;
  --ak-radius-sm: 7px;
  --container:  1200px;
}

/* ─── Container ─── */
.ak-container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 48px;
}
@media (max-width: 768px) {
  .ak-container { padding: 0 20px; }
}

/* ─── Section spacing ─── */
.ak-section { padding: 72px 0; }

/* ─── Section eyebrow ─── */
.ak-eyebrow-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--ak-blue);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 8px;
  display: block;
}
.ak-eyebrow-label.cyan { color: var(--ak-cyan); }

/* ─── Section heading ─── */
.ak-section-title {
  font-size: 30px;
  font-weight: 700;
  color: var(--ak-slate);
  letter-spacing: -0.4px;
  margin-bottom: 8px;
}
.ak-section-title.white { color: #fff; }
.ak-section-sub {
  font-size: 14px;
  color: var(--ak-muted);
  max-width: 460px;
  line-height: 1.7;
  margin-bottom: 40px;
}
.ak-section-sub.muted-white { color: rgba(255,255,255,0.45); }

/* ─── Buttons ─── */
.ak-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 22px;
  border-radius: var(--ak-radius-sm);
  font-size: 13px;
  font-weight: 500;
  transition: opacity .15s, transform .15s;
}
.ak-btn:hover { opacity: .88; transform: translateY(-1px); }
.ak-btn-primary { background: var(--ak-blue); color: #fff; }
.ak-btn-outline { border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.8); }
.ak-btn-cyan { background: var(--ak-cyan); color: #fff; }
.ak-btn-ghost { border: 1px solid var(--ak-border); color: var(--ak-slate); }

/* ─── Tag pill ─── */
.ak-tag {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: 10px;
}

/* ─── WordPress core overrides ─── */
.wp-block { max-width: none !important; }
.editor-styles-wrapper { font-family: 'Inter', sans-serif !important; }