/*
Theme Name: WhittyIT Pro
Theme URI: https://whittyit.com
Author: WhittyIT
Description: A clean, modern block theme for a professional consulting site. Designed for fast, credible public-sector-facing pages.
Version: 1.0.0
License: GPLv2 or later
Text Domain: whittyit-pro
*/

:root{
  --whittyit-shadow: 0 12px 30px rgba(16, 24, 40, 0.10);
  --whittyit-shadow-sm: 0 6px 16px rgba(16, 24, 40, 0.10);
}

/* Header */
.whittyit-header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,0.82);
  border-bottom: 1px solid rgba(152,162,179,0.25);
}
.whittyit-nav a{ text-decoration: none; }
.whittyit-nav a:hover{ text-decoration: underline; text-underline-offset: 4px; }
.whittyit-cta a{
  background: var(--wp--preset--color--blue);
  color: #fff !important;
  padding: 10px 14px;
  border-radius: 10px;
  display: inline-block;
  box-shadow: var(--whittyit-shadow-sm);
}
.whittyit-cta a:hover{ opacity: .92; }

/* Hero */
.whittyit-hero{
  background: radial-gradient(900px 420px at 20% 20%, rgba(59,168,255,0.18), transparent 60%),
              radial-gradient(900px 420px at 80% 20%, rgba(31,111,224,0.16), transparent 55%),
              linear-gradient(180deg, rgba(11,31,59,0.06), rgba(255,255,255,0));
}
.whittyit-badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(31,111,224,0.08);
  color: var(--wp--preset--color--navy);
  font-weight: 600;
  font-size: 0.9rem;
}

/* Cards */
.whittyit-card{
  background: #fff;
  border: 1px solid rgba(152,162,179,0.22);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--whittyit-shadow);
  height: 100%;
}
.whittyit-card p{ margin-top: 10px; }

/* Section surface */
.whittyit-surface{
  background: var(--wp--preset--color--surface);
  border-top: 1px solid rgba(152,162,179,0.22);
  border-bottom: 1px solid rgba(152,162,179,0.22);
}

/* Footer */
.whittyit-footer{
  background: var(--wp--preset--color--navy);
  color: #fff;
}
.whittyit-footer a{ color: #fff; }
.whittyit-footer .wp-block-site-title{ color:#fff; }

/* Improve lists */
.wp-block-list li{ margin-bottom: .35rem; }

/* Make buttons inside dark sections still pop */
.has-navy-background-color .wp-block-button__link,
.whittyit-footer .wp-block-button__link{
  background: var(--wp--preset--color--cyan);
  color: #0B1F3B !important;
}