/*
Theme Name: Narayanan L - Kadence Child
Theme URI: https://narayananl.com/
Description: Executive technology portfolio child theme for Kadence.
Author: Narayanan L
Template: kadence
Version: 1.0.0
Text Domain: narayananl
*/

/* ---------- Design tokens ---------- */
:root {
  --nl-navy-950: #06111d;
  --nl-navy-900: #081827;
  --nl-navy-800: #0d2137;
  --nl-blue-600: #0f4c81;
  --nl-teal-500: #38bfa7;
  --nl-gold-400: #d9b65d;
  --nl-white: #f7f9fc;
  --nl-muted: #aebdcd;
  --nl-border: rgba(255,255,255,.12);
  --nl-radius: 18px;
  --nl-shadow: 0 18px 60px rgba(0,0,0,.20);
}

/* ---------- Global ---------- */
body {
  background: var(--nl-navy-950);
  color: var(--nl-white);
}

.content-bg,
.site-container,
.content-area {
  background: transparent;
}

.entry-content {
  --global-palette1: var(--nl-teal-500);
}

.entry-content a:not(.wp-element-button) {
  text-underline-offset: 3px;
}

.nl-section {
  padding-top: clamp(64px, 8vw, 112px);
  padding-bottom: clamp(64px, 8vw, 112px);
}

.nl-section-dark {
  background:
    radial-gradient(circle at 85% 10%, rgba(15,76,129,.35), transparent 30%),
    linear-gradient(180deg, var(--nl-navy-900), var(--nl-navy-950));
}

.nl-eyebrow {
  margin-bottom: 18px !important;
  color: var(--nl-teal-500);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nl-hero-title {
  max-width: 1040px;
  margin-bottom: 24px !important;
  font-size: clamp(3.1rem, 7vw, 6.8rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.nl-lede {
  max-width: 800px;
  color: var(--nl-muted);
  font-size: clamp(1.08rem, 2vw, 1.28rem);
}

.nl-section-title {
  max-width: 880px;
  font-size: clamp(2.2rem, 4.6vw, 4.2rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

.nl-muted {
  color: var(--nl-muted);
}

.nl-card {
  height: 100%;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid var(--nl-border);
  border-radius: var(--nl-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow: var(--nl-shadow);
}

.nl-card h3 {
  margin-top: 8px;
}

.nl-card p {
  color: var(--nl-muted);
}

.nl-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nl-tag {
  display: inline-block;
  padding: 7px 11px;
  border: 1px solid var(--nl-border);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #ced8e4;
  font-size: .78rem;
}

.nl-number {
  color: var(--nl-gold-400);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.nl-divider {
  border-top: 1px solid var(--nl-border);
}

.nl-quote {
  max-width: 1050px;
  font-size: clamp(2rem, 4.4vw, 4rem);
  line-height: 1.15;
  letter-spacing: -.035em;
}

.nl-cta {
  border: 1px solid var(--nl-border);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(15,76,129,.45), rgba(56,191,167,.10));
  box-shadow: var(--nl-shadow);
}

/* Header treatment */
#masthead {
  border-bottom: 1px solid var(--nl-border);
  background: rgba(6,17,29,.90);
  backdrop-filter: blur(16px);
}

.site-header-item,
.site-branding a,
.primary-menu-container a {
  color: var(--nl-white);
}

.primary-menu-container a:hover,
.primary-menu-container .current-menu-item > a {
  color: var(--nl-teal-500);
}

/* Buttons */
.wp-element-button,
.wp-block-button__link {
  border-radius: 10px !important;
  font-weight: 700;
}

.nl-button-outline .wp-block-button__link {
  border: 1px solid var(--nl-border) !important;
  background: transparent !important;
  color: var(--nl-white) !important;
}

/* Archive cards */
.nl-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}

.nl-archive-item {
  padding: 26px;
  border: 1px solid var(--nl-border);
  border-radius: var(--nl-radius);
  background: rgba(255,255,255,.035);
}

.nl-archive-item a {
  color: var(--nl-white);
  text-decoration: none;
}

.nl-archive-item a:hover {
  color: var(--nl-teal-500);
}

@media (max-width: 900px) {
  .nl-archive-grid { grid-template-columns: 1fr; }
  .nl-hero-title { font-size: clamp(2.7rem, 12vw, 4.7rem) !important; }
}