/*
 * Theme Name:  Nextlaw Child
 * Description: Child theme for Nextlaw — adds blog layouts, blog detail, blog category, location hub, city pages, and team CPT.
 * Author:      Custom
 * Template:    nextlaw
 * Version:     1.0.0
 * Text Domain: nextlaw-child
 */

/*
 * All custom CSS lives in dedicated per-page stylesheets loaded conditionally
 * in functions.php. Only global micro-overrides go here.
 */

/* ══════════════════════════════════════════════════════════
   GLOBAL HEADER — Default header matches sticky header look
   The business-header .header-upper had a complex two-tone
   layout (navy logo box, gray nav band). This flattens it
   to the same clean white style as the sticky header.
══════════════════════════════════════════════════════════ */

/* White background, subtle shadow — same as sticky */
.business-header .header-upper {
  background-color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Remove the 66px gray decorative band behind the nav */
.business-header .header-upper .inner-container:before {
  display: none !important;
}

/* Reset logo box: no navy bg, no upward float */
.business-header .header-upper .logo-box {
  background-color: transparent !important;
  margin-top: 0 !important;
  padding: 10px 0 !important;
}

/* Remove the 110px white pseudo-element on the outer header
   (no longer needed now that header-upper has explicit bg) */
.business-header:before {
  display: none !important;
}

/* Nav link colour: keep matching the sticky header (#090909) */
.business-header .main-menu .navigation > li > a {
  color: #090909;
}

/* Search and CTA button — remove the upward offset that was
   designed for the old complex two-tone layout */
.business-header .header-upper .search-box-btn,
.business-header .header-upper .outer-box {
  margin-top: 0 !important;
}

/* Align inner-container children vertically */
.business-header .header-upper .inner-container {
  display: flex;
  align-items: center;
}

/* Ensure sticky header stays on top when triggered */
.business-header.fixed-header .sticky-header {
  z-index: 9999 !important;
}

/* custom.css sets .page-wrapper { overflow: hidden } which breaks position:sticky
   on any descendant (TOC sidebar, etc.). Override to visible. */
.page-wrapper {
  overflow: visible !important;
}