/*
Theme Name: Studio5 Nucleus – Orange County
Template: studio5-nucleus
Author: Global-5 Communications (Studio5)
Version: 1.0.0
Text Domain: studio5-nucleus-oc
*/

/* ---- OC Header polish ---- */
header.wp-block-group {
  padding-top: var(--wp--preset--spacing--md);
  padding-bottom: var(--wp--preset--spacing--md);
}

/* Optional sticky header (uncomment if you want it) */

header.wp-block-group {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--wp--preset--color--oc-white);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* =========================
   Header: 2-row layout (OC)
   Row 1: Logo + Title
   Row 2: Navigation (full width)
   ========================= */

header.wp-block-group .wp-block-group {
  flex-wrap: wrap; /* allow wrapping */
}

header.wp-block-group nav.wp-block-navigation {
  flex-basis: 100%;
  width: 100%;
  margin-top: var(--wp--preset--spacing--xs);
}

/* Optional: make nav feel like its own bar */
header.wp-block-group nav.wp-block-navigation {
  padding-top: var(--wp--preset--spacing--xs);
  border-top: 1px solid rgba(11, 31, 59, 0.08);
}

header.wp-block-group .wp-block-navigation__container {
  justify-content: flex-start;
}

.wp-block-site-logo img {
  height: auto;
}

/* Navigation: subtle pill hover */
.wp-block-navigation .wp-block-navigation-item__content {
  padding: 0.4rem 0.6rem;
  border-radius: 999px;
  text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  background: rgba(30, 90, 168, 0.08);
}

/* Current item styling (helps users) */
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
  background: rgba(30, 90, 168, 0.15);
}

@media screen and (max-width: 1170px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
}

/* =========================
   Page Hero — OC Rhythm
   ========================= */

/* Outer hero spacing */
.nucleus-hero {
  padding-top: var(--wp--preset--spacing--2xl);
  padding-bottom: var(--wp--preset--spacing--2xl);
  background: var(--wp--preset--color--oc-mist);
}

/* Constrain hero content nicely */
.nucleus-hero__inner {
  max-width: var(--wp--style--global--content-size);
}

/* Headings feel intentional, not cramped */
.nucleus-hero h1,
.nucleus-hero h2 {
  margin-bottom: var(--wp--preset--spacing--sm);
}

.nucleus-hero h1 {
  font-size: clamp(2rem, 4vw, 2.25rem);
}

/* Supporting text gets air */
.nucleus-hero p {
  margin-top: 0;
  margin-bottom: var(--wp--preset--spacing--md);
  max-width: 60ch;
}

/* Buttons in hero breathe */
.nucleus-hero .wp-block-buttons {
  margin-top: var(--wp--preset--spacing--md);
}

/* ---- Cards: Documents + Meeting ---- */
.nucleus-documents__item,
.nucleus-meeting-info__card {
  background: rgba(11, 31, 59, 0.04);
  border: 1px solid rgba(11, 31, 59, 0.08);
}

/* ---- Footer ---- */
footer.wp-block-group {
  padding-top: var(--wp--preset--spacing--xl);
  padding-bottom: var(--wp--preset--spacing--md);
}

.nucleus-oc-footer-utility {
  border-top: 1px solid rgba(11, 31, 59, 0.10);
}

/* Make footer utility links feel like a tidy row */
.nucleus-oc-footer-utility__link {
  text-decoration: underline;
  opacity: 0.95;
}

.nucleus-oc-footer-utility__link:hover {
  opacity: 1;
}

/* =========================
   Documents List — OC cards
   ========================= */

.nucleus-documents {
  margin-top: var(--wp--preset--spacing--sm);
}

.nucleus-documents__group {
  margin-top: var(--wp--preset--spacing--lg);
}

.nucleus-documents__group-title {
  margin: 0 0 var(--wp--preset--spacing--sm) 0;
  font-size: var(--wp--preset--font-size--lg);
  line-height: 1.2;
  color: var(--wp--preset--color--oc-ink);
}

.nucleus-documents__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--wp--preset--spacing--sm);
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Card */
.nucleus-documents__item {
  background: rgba(11, 31, 59, 0.04);
  border: 1px solid rgba(11, 31, 59, 0.10);
  border-radius: 0.75rem;
  padding: var(--wp--preset--spacing--md);
}

/* Title/link */
.nucleus-documents__title {
  margin: 0 0 var(--wp--preset--spacing--xs) 0;
}

.nucleus-documents__title a {
  color: var(--wp--preset--color--oc-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.nucleus-documents__title a:hover {
  color: var(--wp--preset--color--oc-accent);
}

/* Meta row */
.nucleus-documents__meta {
  margin: 0;
  color: rgba(11, 31, 59, 0.75);
  font-size: var(--wp--preset--font-size--sm);
}

/* Optional description/excerpt */
.nucleus-documents__excerpt {
  margin: var(--wp--preset--spacing--xs) 0 0 0;
  max-width: 70ch;
}

/* Two-up on wider screens */
@media (min-width: 900px) {
  .nucleus-documents__list {
    grid-template-columns: 1fr 1fr;
  }
}

/* =========================
   Meeting Info — OC card
   ========================= */

.nucleus-meeting-info__card {
  background: rgba(11, 31, 59, 0.04);
  border: 1px solid rgba(11, 31, 59, 0.10);
  border-radius: 0.75rem;
  padding: var(--wp--preset--spacing--md);
}

.nucleus-meeting-info__title {
  margin: 0 0 var(--wp--preset--spacing--sm) 0;
  font-size: var(--wp--preset--font-size--lg);
  line-height: 1.2;
}

.nucleus-meeting-info__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--md);
  margin: 0 0 var(--wp--preset--spacing--xs) 0;
  color: rgba(11, 31, 59, 0.85);
}

.nucleus-meeting-info__label {
  font-weight: 600;
  color: rgba(11, 31, 59, 0.85);
}

.nucleus-meeting-info__value {
  color: rgba(11, 31, 59, 0.85);
}

/* Materials link: make it feel like a primary action */
.nucleus-meeting-info__materials a {
  display: inline-block;
  margin-top: var(--wp--preset--spacing--sm);
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  background: rgba(30, 90, 168, 0.10);
  border: 1px solid rgba(30, 90, 168, 0.25);
  text-decoration: none;
}

.nucleus-meeting-info__materials a:hover {
  background: rgba(30, 90, 168, 0.16);
  border-color: rgba(30, 90, 168, 0.35);
}

/* =================================================
   Homepage Mega Footer (two-thirds one-third block)
   ================================================= */

.nucleus-section__inner .oc-23-13 .oc-23-13__main .wp-block-image {
  display: flex;
}

.wp-image-58 {
  margin: 0 auto !important;  
}

.wp-block-studio5-nucleus-oc-two-thirds-one-third.oc-23-13 {
  padding-left: 0;
  padding-right: 0;
}