/*
Theme Name: Kadence Child - Pine Gable
Description: Child theme of Kadence for the Pine Gable home decor blog. Brand colors: Deep Charcoal #131313, Pine Orange #E8590C, White #FFFFFF. Carries the blog's boxed page styles (.nc-page / .nc-about), a dark header and footer, and brand fonts.
Author: Pine Gable
Template: kadence
Version: 1.0.0
Text Domain: kadence-child
*/

/* ---------- Brand fonts ---------- */
body { font-family: 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Georgia, serif; }

/* ---------- Kadence header: dark like the Pine Gable design ---------- */
#masthead, .site-header, .site-main-header-wrap, .site-header-inner-wrap {
  background: #131313 !important;
}
.site-main-header-wrap { border-bottom: 2px solid #E8590C; }
.site-branding .site-title, .site-branding .site-title a { color: #FFFFFF !important; }
.site-branding .site-description { color: #B8B8B8 !important; }
.main-navigation .primary-menu-container > ul > li > a,
.main-navigation .primary-menu-container ul li a { color: #F2F2F2 !important; }
.main-navigation .primary-menu-container ul li a:hover,
.main-navigation .primary-menu-container .current-menu-item > a,
.main-navigation .primary-menu-container .current_page_item > a { color: #E8590C !important; }
.main-navigation .primary-menu-container ul ul { background: #1D1D1D !important; }
#mobile-toggle, .menu-toggle-open, .search-toggle-open { color: #FFFFFF !important; }
.mobile-navigation, #mobile-drawer, .mobile-drawer-inner { background: #131313 !important; }
.mobile-navigation ul li a { color: #F2F2F2 !important; }
.mobile-navigation ul li a:hover { color: #E8590C !important; }

/* ---------- Kadence footer: dark ---------- */
.site-footer, .site-footer-wrap { background: #131313 !important; color: #E8E8E8 !important; }
.site-footer a { color: #E8E8E8 !important; }
.site-footer a:hover { color: #E8590C !important; }
.site-bottom-footer-wrap { background: #0E0E0E !important; }

/* ---------- Content links and buttons: brand orange ---------- */
.entry-content a { color: #E8590C; }
.wp-block-button__link, button.wp-block-button__link {
  background: #E8590C !important; color: #FFFFFF !important; border-radius: 10px;
}
.wp-block-button__link:hover { background: #C74A08 !important; }

/* ---------- Hide Kadence's own page title on About (12) and Contact (14):
   those pages carry their title inside their content box. ---------- */
.page-id-12 .entry-header, .page-id-14 .entry-header,
.page-id-12 .entry-hero-container, .page-id-14 .entry-hero-container {
  display: none !important;
}

/* ---------- Boxed light pages: Legal pages (.nc-page) and About (.nc-about) ---------- */
.nc-page, .nc-about {
  background: #FFFFFF;
  color: #1C1C1C;
  max-width: 720px !important;
  margin: 40px auto !important;
  border: 1.5px solid #C4C4C4;
  border-radius: 16px;
  padding: 42px 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  font-size: 17px;
  line-height: 1.75;
}
.nc-page h2, .nc-about h2 {
  font-family: Georgia, 'Playfair Display', serif;
  font-weight: 600;
  color: #111111;
  margin: 28px 0 10px;
}
.nc-page h2:first-child, .nc-about h2:first-child,
.nc-page h1:first-child, .nc-about h1:first-child { margin-top: 0; }
.nc-page p, .nc-about p { margin: 0 0 14px; }
.nc-page ul, .nc-about ul { margin: 0 0 14px; padding-left: 22px; }
.nc-page a, .nc-about a { color: #E8590C; }
@media (max-width: 760px) {
  .nc-page, .nc-about { padding: 30px 22px; margin: 24px 12px !important; }
}