/*
 Theme Name:   OceanWP Child - ChatPilot CRM
 Theme URI:    https://chatpilotcrm.com
 Description:  OceanWP child theme for ChatPilot CRM blog
 Author:       ChatPilot CRM
 Template:     oceanwp
 Version:      1.0.0
 Text Domain:  oceanwp-child
*/

/* ========================================
   Site Header — constrain logo on all pages
   ======================================== */
#site-logo #site-logo-inner a img {
  max-height: 30px !important;
  width: auto !important;
}

#site-header {
  border-bottom: 1px solid #f0ebe6;
}

/* ========================================
   Page Header (title + breadcrumbs bar)
   Warm styling to match standalone design
   ======================================== */
.page-header {
  background: #fffbf5 !important;
  border-bottom: 1px solid #f0ebe6 !important;
  padding: 32px 0 !important;
}

.page-header .page-header-title {
  font-family: 'DM Serif Display', serif !important;
  color: #1c1210 !important;
  font-size: 28px !important;
  font-weight: 400 !important;
}

.page-header .site-breadcrumbs,
.page-header .site-breadcrumbs a,
.page-header .site-breadcrumbs .trail-items li::after {
  color: #a08478 !important;
  font-size: 13px !important;
}

.page-header .site-breadcrumbs a:hover {
  color: #f37a10 !important;
}

/* ========================================
   Regular Pages (legal, etc.)
   Warm styling to match standalone design
   ======================================== */
body.page {
  background: #fffbf5 !important;
  color: #1c1210;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.page .entry-content,
body.page .single-page-article {
  color: #44312a;
  font-size: 15px;
  line-height: 1.8;
}

body.page .entry-content h1,
body.page .entry-content h2,
body.page .entry-content h3,
body.page .entry-content h4 {
  font-family: 'DM Serif Display', serif !important;
  font-weight: 400 !important;
  color: #1c1210 !important;
}

body.page .entry-content h2 {
  font-size: 26px !important;
  margin: 40px 0 16px;
}

body.page .entry-content h3 {
  font-size: 20px !important;
  margin: 32px 0 12px;
}

body.page .entry-content a {
  color: #f37a10;
  text-decoration-color: rgba(243, 122, 16, 0.3);
  transition: color 0.2s;
}

body.page .entry-content a:hover {
  color: #ea580c;
  text-decoration-color: #ea580c;
}

body.page .entry-content ul,
body.page .entry-content ol {
  color: #44312a;
}

body.page .entry-content blockquote {
  border-left: 4px solid #f37a10;
  background: #f8f5f1;
  padding: 16px 24px;
  margin: 24px 0;
  font-style: italic;
  color: #5c4339;
}

/* ========================================
   Footer Widgets Area
   Match standalone template footer style
   ======================================== */
#footer-widgets {
  background: #2d1f1a !important;
  padding: 60px 0 32px !important;
}

#footer-widgets .footer-widgets-inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Brand column */
#footer-widgets .footer-brand img {
  height: 24px !important;
  width: auto !important;
  margin-bottom: 12px;
}

#footer-widgets .footer-brand p {
  color: #a08478;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
  max-width: 260px;
}

/* Widget titles — match standalone heading style */
#footer-widgets .widget-title {
  color: #e2d5cb !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
}

/* OceanWP adds a left border accent on widget titles — remove it */
#footer-widgets .widget-title::before,
#footer-widgets .widget-title::after {
  display: none !important;
}

/* Nav menu links */
#footer-widgets .widget_nav_menu ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#footer-widgets .widget_nav_menu ul li {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
}

#footer-widgets .widget_nav_menu ul li a {
  color: #a08478 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  display: block !important;
  padding: 4px 0 !important;
  transition: color 0.2s !important;
  border: none !important;
}

#footer-widgets .widget_nav_menu ul li a:hover {
  color: #fb923c !important;
}

/* ========================================
   Footer Bottom Bar (Copyright)
   ======================================== */
#footer-bottom {
  background: #2d1f1a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 24px 0 !important;
}

#footer-bottom #footer-bottom-inner {
  max-width: 1140px;
}

#footer-bottom #copyright {
  color: #78584c !important;
  font-size: 12px !important;
}

#footer-bottom a {
  color: #78584c !important;
}

#footer-bottom a:hover {
  color: #fb923c !important;
}
