/* === The Nearly Normal Podcast - Brand CSS === */
:root {
  --nnp-teal: #14B8C4;
  --nnp-teal-light: #E0F7FA;
  --nnp-yellow: #F9DD3F;
  --nnp-yellow-light: #FFFBEB;
  --nnp-pink: #FF9EB5;
  --nnp-pink-light: #FFF0F3;
  --nnp-navy: #1A1A2E;
  --nnp-white: #FFFFFF;
  --nnp-off-white: #F9FAFB;
}

/* --- HEADER / NAVIGATION BAR --- */
.wp-site-blocks > header,
.site-header,
header.wp-block-template-part,
.has-global-padding.wp-site-blocks > header {
  background-color: #14B8C4 !important;
}

/* Nav text and links - dark for readability on teal */
.wp-block-navigation,
.wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--nnp-navy) !important;
}
.wp-block-navigation a,
.wp-block-navigation a:hover {
  color: var(--nnp-navy) !important;
  text-decoration: none;
}
.wp-block-navigation a:hover {
  color: var(--nnp-white) !important;
}

/* Site title in header */
.wp-block-site-title a,
.wp-block-site-title {
  color: var(--nnp-navy) !important;
}

/* --- FOOTER --- */
footer.wp-block-template-part,
.wp-site-blocks > footer {
  background-color: var(--nnp-navy) !important;
  color: var(--nnp-white) !important;
}
footer a, footer p, footer span {
  color: var(--nnp-white) !important;
}

/* --- HEADINGS --- */
h1, h2, h3 {
  color: var(--nnp-navy) !important;
}

/* --- LINKS --- */
a {
  color: var(--nnp-teal);
}
a:hover {
  color: var(--nnp-navy);
}

/* --- BUTTONS (global) --- */
.wp-block-button__link {
  background-color: var(--nnp-teal) !important;
  color: var(--nnp-white) !important;
  border-radius: 50px !important;
  border: none !important;
}
.wp-block-button__link:hover {
  background-color: var(--nnp-navy) !important;
  color: var(--nnp-white) !important;
}

/* --- BODY BACKGROUND --- */
body, .wp-site-blocks {
  background-color: var(--nnp-off-white) !important;
}

/* --- SECTION / GROUP BLOCK OVERRIDES --- */
.wp-block-group.has-background {
  border-radius: 12px;
}

/* --- FORM INPUTS --- */
input[type="text"],
input[type="email"],
textarea {
  border: 2px solid var(--nnp-teal) !important;
  border-radius: 8px !important;
}
input[type="submit"],
button[type="submit"] {
  background-color: var(--nnp-teal) !important;
  color: var(--nnp-white) !important;
  border-radius: 50px !important;
  border: none !important;
}