/*
Theme Name: KingNet Cloud
Theme URI: https://king-networks.com
Author: King Networks
Description: Modern dark block theme for King Networks — cloud, colocation, bandwidth, managed IT, and network services. Datacenter-first.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: kingnet-cloud
*/

/* ---- Base polish (theme.json handles tokens; this adds states/effects it can't) ---- */
:root { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Eyebrow / mono labels */
.kn-eyebrow {
  font-family: var(--wp--preset--font-family--mono);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.8rem;
  color: var(--wp--preset--color--primary);
}

/* Gradient text accent */
.kn-gradient-text {
  background: linear-gradient(100deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary) 60%, var(--wp--preset--color--accent));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Cards */
.kn-card {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 14px;
  background: var(--wp--preset--color--surface);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  height: 100%;
}
.kn-card:hover {
  transform: translateY(-4px);
  border-color: var(--wp--preset--color--primary);
  box-shadow: 0 12px 40px -12px rgba(56,189,248,0.35);
}
.kn-card .kn-card-icon {
  font-size: 1.6rem;
  display: inline-flex;
  width: 52px; height: 52px;
  align-items: center; justify-content: center;
  border-radius: 12px;
  background: rgba(56,189,248,0.10);
  border: 1px solid var(--wp--preset--color--border);
  margin-bottom: .5rem;
}

/* Hero glow background */
.kn-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 78% -10%, rgba(124,58,237,0.28), transparent 60%),
    radial-gradient(800px 500px at 8% 110%, rgba(34,211,238,0.16), transparent 55%),
    var(--wp--preset--color--base);
}

/* Buttons: primary gets a subtle glow; secondary is outline */
.wp-block-button.is-style-kn-glow .wp-block-button__link {
  box-shadow: 0 8px 30px -8px rgba(56,189,248,0.6);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--wp--preset--color--border);
}

/* Stat strip dividers */
.kn-stat { border-left: 2px solid var(--wp--preset--color--primary); padding-left: 1rem; }
.kn-stat .kn-stat-num { font-family: var(--wp--preset--font-family--mono); }

/* Header sticky + blur */
.wp-site-blocks > header.wp-block-template-part {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(140%) blur(10px);
  background: rgba(10,14,23,0.72);
  border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Nav link hover */
.wp-block-navigation a:hover { color: var(--wp--preset--color--primary) !important; }

/* Section eyebrow spacing helper */
.kn-section-head { max-width: 640px; }

@media (max-width: 781px) {
  .kn-hero h1 { font-size: 2.4rem !important; }
}