/* ── HIRE UG — BLOCKSY OVERRIDES ─────────────────────────────────────────
   Neutralise Blocksy defaults that conflict with the HireUG design.
   Scope overrides to page templates where possible to avoid breaking
   Blocksy's Customizer-controlled layout on standard pages.
   ──────────────────────────────────────────────────────────────────────── */

/* ── SUPPRESS BLOCKSY HEADER & FOOTER SITEWIDE ── */
/* We replace both with our own components injected via blocksy:header:before
   and blocksy:footer:before hooks (functions.php).
   Custom full-page templates bypass Blocksy's rendering entirely.
   !important is required here because Blocksy outputs inline display styles. */

#header {
  display: none !important;
}

#footer {
  display: none !important;
}

/* Blocksy wraps page content in .ct-container — remove its padding on full-page templates */
.page-template-page-home .ct-container,
.page-template-page-about .ct-container,
.page-template-page-contact .ct-container,
.hireug-fullpage .ct-container {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove Blocksy's default page title area on our templates */
.page-template-page-home .page-title,
.page-template-page-about .page-title,
.page-template-page-contact .page-title,
.hireug-fullpage .page-title {
  display: none !important;
}

/* ── TYPOGRAPHY OVERRIDES ── */
/* Override Blocksy's default body font to match our system */
body,
.ct-main-container {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif !important;
}

/* ── BLOCKSY PALETTE LINK COLORS ── */
a {
  color: var(--ink);
  transition: color .2s;
}
a:hover {
  color: var(--amber);
}

/* ── BLOCKSY BUTTON DEFAULTS ── */
/* Match Blocksy's .wp-block-button and .ct-button to our style */
.ct-button,
.wp-block-button__link {
  font-family: 'DM Sans', sans-serif !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
}

/* ── BLOCKSY CONTENT AREA ── */
/* On standard pages (not our templates), keep Blocksy's layout but apply our fonts */
.ct-post-content {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  line-height: 1.75;
  color: var(--muted);
}
.ct-post-content h1,
.ct-post-content h2,
.ct-post-content h3,
.ct-post-content h4 {
  font-family: 'Playfair Display', serif;
  color: var(--ink);
}
.ct-post-content a {
  color: var(--amber);
  border-bottom: 1px solid rgba(212, 135, 10, .3);
}
.ct-post-content a:hover {
  color: var(--amber-lt);
}

/* ── BLOCKSY SIDEBAR ── */
/* Keep sidebar intact — only adjust fonts */
.ct-sidebar {
  font-family: 'DM Sans', sans-serif;
}

/* ── BLOCKSY BREADCRUMBS ── */
.ct-breadcrumbs {
  font-family: 'DM Sans', sans-serif;
  font-size: .82rem;
  color: var(--muted);
}

/* ── BLOCKSY PAGINATION ── */
.ct-pagination .page-numbers {
  font-family: 'DM Sans', sans-serif;
  border-radius: 0;
}
.ct-pagination .page-numbers.current {
  background: var(--amber);
  border-color: var(--amber);
}

/* ── BLOCKSY FORMS (non-contact pages) ── */
.ct-input:focus,
.ct-select:focus,
.ct-textarea:focus {
  border-color: var(--amber) !important;
  box-shadow: 0 0 0 4px rgba(212, 135, 10, .09) !important;
}

/* ── SUPPRESS BLOCKSY DEFAULT HEADER NAV ON ALL PAGES ──
   (We always inject our own via blocksy:header:before hook
    or via page templates. Only hide the Blocksy header when ours is present.) */
body.hireug-has-custom-header #header {
  display: none !important;
}
body.hireug-has-custom-header #footer {
  display: none !important;
}

/* ── ENTRY CONTENT PADDING ── */
/* Blocksy adds padding to .entry-content — reset it on our full-page templates */
.page-template-page-home .entry-content,
.page-template-page-about .entry-content,
.page-template-page-contact .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── REMOVE BLOCKSY PAGE HEADER SPACING ── */
.page-template-page-home .ct-page-header,
.page-template-page-about .ct-page-header,
.page-template-page-contact .ct-page-header {
  display: none !important;
}

/* ── GENERAL BODY BACKGROUND ── */
body {
  background-color: var(--cream) !important;
}