/*
Theme Name: Solar Buddy Child
Theme URI: https://www.solarbuddy.com.au
Description: Child theme for Solar Buddy (Option A — Enterprise Trust). Holds brand tokens and custom polish.
Author: Solar Buddy
Template: Divi
Version: 1.0
*/

/* ===== Brand tokens (Option A — Enterprise Trust) ===== */
:root{
  --sb-navy:#16263d; --sb-navy2:#1f3552; --sb-steel:#2f6fb0; --sb-steel-d:#255a91;
  --sb-ink:#1c2733; --sb-slate:#48586b; --sb-line:#e2e8f0; --sb-bg:#f5f7fa;
  --sb-good:#1f9d6b; --sb-bad:#d9534f;
}
/* Smooth section rhythm + readable body */
body{ color:var(--sb-ink); }
/* Buttons: brand steel-blue, consistent radius */
.sb-btn, .et_pb_button.sb-btn{
  background:var(--sb-steel)!important; color:#fff!important; border:0!important;
  border-radius:8px!important; padding:13px 26px!important; font-weight:600!important;
}
.sb-btn:hover{ background:var(--sb-steel-d)!important; }

/* Force white headings in dark sections (beats Divi's global heading !important via higher specificity) */
.et_pb_section .sb-on-dark h1,
.et_pb_section .sb-on-dark h2,
.et_pb_section .sb-on-dark h3,
.et_pb_section .sb-on-dark h4{ color:#ffffff !important; }

/* Clip panels so inner colored header bars respect rounded corners */
.sb-clip{ overflow:hidden; }
.sb-clip > .et_pb_module{ margin-bottom:0 !important; }

/* Detection panel header bars + padded body (CSS-driven; reliable in Divi 5) */
.sb-bar{ padding:13px 22px !important; margin-bottom:0 !important; }
.sb-bar .et_pb_text_inner p{ color:#ffffff !important; margin:0 !important; font-weight:700; font-size:16px; }
.sb-bar-good{ background:#1f9d6b !important; }
.sb-bar-bad{ background:#d9534f !important; }
.sb-body{ padding:22px !important; }

/* ===== Header ===== */
#main-header{ box-shadow:0 1px 0 #e2e8f0; }
#logo{ max-height:46px; }
#top-menu li a{ color:#48586b; font-weight:500; }
#top-menu li a:hover{ color:#2f6fb0; }
/* "Book a demo" menu item as a button */
#top-menu li.sb-menu-btn a{ background:#2f6fb0; color:#fff !important; border-radius:8px; padding:9px 18px !important; }
#top-menu li.sb-menu-btn a:hover{ background:#255a91; }
.et_header_style_left #et-top-navigation{ padding-top:18px; }

/* ===== Footer ===== */
#main-footer{ background:#16263d; }
#footer-widgets{ padding:60px 0 30px; }
#footer-widgets .footer-widget{ color:#aebccf; }
#footer-widgets .footer-widget a{ color:#aebccf; }
#footer-widgets .footer-widget a:hover{ color:#ffffff; }
#footer-widgets .fwidget{ font-size:14px; }
#footer-bottom{ background:#0f1d30; padding:16px 0; }
#footer-info, #footer-info a{ color:#7f93ab; font-size:13px; }
#footer-info a:hover{ color:#fff; }
.et-social-icons{ display:none; }

/* ===== Responsive (Divi 5 raw-content fallback) ===== */
.et_pb_image img, .et_pb_text img{ max-width:100% !important; height:auto !important; }
/* Beat Divi 5's .et_pb_row_N{width:1080px!important} using a matching, higher-specificity selector */
@media (max-width:1100px){
  .et_builder_inner_content .et_pb_row.et_pb_row{ width:90% !important; max-width:1080px !important; }
}
@media (max-width:980px){
  .et_builder_inner_content .et_pb_row .et_pb_column.et_pb_column{ width:100% !important; float:none !important; margin:0 0 24px !important; }
  .et_builder_inner_content .et_pb_row .et_pb_column.et_pb_column:last-child{ margin-bottom:0 !important; }
}
@media (max-width:600px){
  .et_pb_section h1{ font-size:30px !important; line-height:1.2 !important; }
  .et_pb_section h2{ font-size:25px !important; }
}

/* Equal-height card rows (Divi 5 raw-content: native equalize doesn't generate, use flex) */
.sb-card{ border:1px solid #e2e8f0 !important; }
@media (min-width:981px){
  .et_builder_inner_content .sb-equal.et_pb_row{ display:flex !important; flex-wrap:wrap; align-items:stretch; }
  .et_builder_inner_content .sb-equal.et_pb_row > .et_pb_column{ float:none !important; }
}

/* Equal-height chart images in detection panels */
.et_pb_text img.sb-chart{ height:360px !important; object-fit:contain !important; width:100% !important; background:#fafbfc; }
@media (max-width:600px){ .et_pb_text img.sb-chart{ height:240px !important; } }
