/*
Theme Name: SBGF Theme
Theme URI: https://smallbusiness.fasteraim.com
Author: Faster Aim Technology Limited
Author URI: https://fasteraim.com
Description: Small Business Growth & Finance theme — deep green and gold, built for African entrepreneurs.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: sbgf-theme
*/

/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;overflow-x:hidden;background:#f8f9fa;color:#1f2937;font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.7;}
img,iframe{max-width:100%!important;height:auto!important;display:block;}
a{color:#006400;text-decoration:none;transition:color .3s;}
a:hover{color:#D4AF37;}

/* ===== TOP BAR ===== */
.sb-top-bar{
  position:fixed;top:0;left:0;right:0;height:68px;
  background:#006400;z-index:9999;
  box-shadow:0 4px 15px rgba(0,0,0,0.15);
  display:flex;align-items:center;justify-content:center;
}
.sb-container{
  max-width:1280px;width:100%;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.sb-menu-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;background:#1a1a1a;border-radius:8px;
  box-shadow:0 3px 8px rgba(0,0,0,0.2);cursor:pointer;border:none;
}
.sb-logo{background:#000;padding:10px;display:inline-block;border-radius:12px;}
.sb-logo a{color:#fff;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:0.5px;}
.sb-searchBtn{
  background:#000;padding:6px 10px;border-radius:12px;
  display:inline-flex;align-items:center;gap:6px;
  box-shadow:0 4px 8px rgba(0,0,0,0.3);cursor:pointer;border:none;color:#fff;font-size:14px;
}

/* ===== SLIDE-OUT MENU ===== */
.sb-menu{
  position:fixed;top:0;left:-280px;width:260px;height:100%;
  background:#006400;z-index:99999;
  transition:left 0.3s ease;overflow-y:auto;padding-top:20px;
}
.sb-menu.open{left:0;}
.sb-menu-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px 20px;color:#fff;font-size:18px;font-weight:bold;
  border-bottom:1px solid rgba(255,255,255,0.2);
}
.sb-menu-header button{color:#fff;font-size:28px;background:none;border:none;cursor:pointer;line-height:1;}
.sb-menu-list{list-style:none;padding:10px 0;margin:0;}
.sb-menu-list li a{
  display:block;padding:14px 20px;color:#fff;font-size:15px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.sb-menu-list li a:hover{background:rgba(255,255,255,0.1);color:#D4AF37;}

/* ===== OVERLAY ===== */
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9998;}
.sb-overlay.active{display:block;}

/* ===== SEARCH POPUP ===== */
.sb-search-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:99999;align-items:center;justify-content:center;}
.sb-search-popup.open{display:flex;}
.sb-search-box{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;position:relative;}
.sb-search-close{position:absolute;top:10px;right:16px;font-size:28px;color:#333;background:none;border:none;cursor:pointer;}
.sb-search-box input[type="search"]{width:100%;padding:12px;border:2px solid #006400;border-radius:8px;font-size:16px;margin-bottom:10px;font-family:inherit;}
.sb-search-box button[type="submit"]{background:#006400;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;cursor:pointer;width:100%;font-family:inherit;}
.sb-search-box button[type="submit"]:hover{background:#004d00;}

/* ===== MAIN WRAPPER ===== */
#outer-wrapper{max-width:1280px;margin:0 auto;padding:20px 15px;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.08);margin-top:88px;}

/* ===== HERO ===== */
.sbgf-hero{background:#006400;padding:48px 32px;text-align:center;font-family:Georgia,serif;border-radius:16px;margin-bottom:32px;}
.sbgf-tag{display:inline-block;background:#D4AF37;color:#3a2a00;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;padding:5px 16px;border-radius:20px;margin-bottom:20px;text-transform:uppercase;}
.sbgf-h1{font-size:36px;font-weight:700;font-style:italic;color:#fff;margin:0 0 12px;line-height:1.2;}
.sbgf-h1 span{color:#D4AF37;}
.sbgf-sub{font-family:'Open Sans',sans-serif;font-size:15px;color:rgba(255,255,255,0.85);margin:0 auto 28px;max-width:520px;line-height:1.7;}
.sbgf-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.sbgf-btn-primary{background:#D4AF37;color:#1a0f00;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:700;padding:13px 28px;border-radius:6px;text-decoration:none;}
.sbgf-btn-primary:hover{opacity:0.9;color:#1a0f00;}
.sbgf-btn-secondary{background:transparent;color:#fff;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;padding:12px 28px;border-radius:6px;text-decoration:none;border:2px solid rgba(255,255,255,0.5);}
.sbgf-btn-secondary:hover{border-color:#fff;color:#fff;}
.sbgf-stats{display:flex;justify-content:center;gap:40px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.15);flex-wrap:wrap;}
.sbgf-stat-num{font-family:Georgia,serif;font-size:26px;font-weight:700;color:#D4AF37;display:block;}
.sbgf-stat-label{font-family:'Open Sans',sans-serif;font-size:12px;color:rgba(255,255,255,0.7);letter-spacing:1px;text-transform:uppercase;}

/* ===== POST CARDS ===== */
.post-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.07);transition:all 0.4s ease;margin-bottom:30px;}
.post-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.12);}
.post-card .post-thumbnail img{width:100%;height:240px;object-fit:cover;border-radius:0;}
.post-card .post-content{padding:24px;}
.post-card .post-title{font-size:1.6rem;line-height:1.3;margin:0 0 14px;font-weight:700;}
.post-card .post-title a{color:#1f2937;}
.post-card .post-title a:hover{color:#006400;}
.post-card .post-excerpt{color:#4b5563;font-size:15px;line-height:1.65;margin:12px 0;}
.read-more{color:#D4AF37;font-weight:600;display:inline-block;margin-top:12px;font-size:15px;}
.post-meta{margin-top:20px;padding-top:16px;border-top:1px solid #eee;color:#777;font-size:14px;}
.post-meta a{color:#006400;font-weight:600;}
.post-meta a:hover{color:#D4AF37;}

/* Social share */
.social-share{margin:16px 0 10px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* ===== SINGLE POST ===== */
.single-post-content{padding:24px;}
.single-post-content h1{font-size:2em;color:#1f2937;margin-bottom:20px;}
.post-body{line-height:1.8;font-size:16px;}
.post-body h2,.post-body h3{color:#006400;margin:28px 0 14px;}
.post-body blockquote{border-left:5px solid #D4AF37;background:#f8f9fa;padding:20px 25px;border-radius:8px;margin:25px 0;}
.post-body img{border-radius:12px;margin:20px auto;}

/* ===== BREADCRUMBS ===== */
.breadcrumbs{background:#f8f9fa;padding:14px 20px;margin:15px 0 25px;border-radius:12px;font-size:15px;color:#555;}
.breadcrumbs a{color:#006400;font-weight:600;}
.breadcrumbs a:hover{color:#D4AF37;}
.breadcrumbs .separator{margin:0 6px;color:#aaa;}

/* ===== PAGINATION ===== */
.pagination{text-align:center;padding:30px 0;}
.pagination a,.pagination span{display:inline-block;padding:10px 18px;margin:0 4px;border-radius:8px;background:#f8f9fa;color:#006400;font-weight:600;border:1px solid #e5e7eb;}
.pagination a:hover{background:#006400;color:#fff;}
.pagination .current{background:#006400;color:#fff;}

/* ===== FOOTER BADGE ===== */
.footer-badge{text-align:center;padding:24px 16px;background:#0F6E56;border-radius:12px;margin:30px auto;max-width:600px;font-family:'Open Sans',sans-serif;border-top:4px solid #5DCAA5;border-bottom:4px solid #5DCAA5;}
.footer-badge-title{margin:0 0 4px;font-size:20px;font-weight:700;color:#E1F5EE;font-family:Georgia,serif;}
.footer-divider{width:80%;height:1px;background:#5DCAA5;margin:10px auto;}
.footer-badges-row{margin-bottom:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.footer-badge-pill{background:#085041;color:#9FE1CB;font-size:11px;padding:4px 12px;border-radius:6px;border:0.5px solid #5DCAA5;}
.footer-company{margin:0 0 4px;font-size:13px;font-weight:700;color:#5DCAA5;letter-spacing:1.5px;font-family:Georgia,serif;}
.footer-reg{margin:0 0 6px;font-size:11px;color:#9FE1CB;}
.footer-reg a{color:#5DCAA5;}
.footer-tagline{margin:0;font-size:10px;color:#5DCAA5;font-style:italic;}

/* ===== SUB-FOOTER ===== */
.sub-footer{text-align:center;padding:20px;background:#006400;color:rgba(255,255,255,0.85);font-size:14px;margin-top:30px;border-radius:12px;}
.sub-footer a{color:#D4AF37;}

/* ===== DARK MODE TOGGLE ===== */
.dark-toggle{position:fixed;bottom:30px;right:20px;z-index:9999;}
.dark-toggle input{display:none;}
.toggle-label{cursor:pointer;width:62px;height:34px;background:rgba(0,100,0,0.3);border-radius:50px;display:flex;align-items:center;justify-content:space-between;padding:6px;position:relative;box-shadow:0 8px 25px rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.2);transition:all 0.4s;}
.slider-bg{position:absolute;inset:0;background:linear-gradient(135deg,#006400,#004d00);border-radius:50px;transition:0.4s;z-index:-1;}
.sun,.moon{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;transition:0.4s;z-index:1;}
.moon{opacity:0;transform:scale(0.7);fill:#fff;stroke:none;}
#darkSwitch:checked + .toggle-label .slider-bg{background:linear-gradient(135deg,#1a1a2e,#16213e);}
#darkSwitch:checked + .toggle-label .sun{opacity:0;transform:scale(0.7);}
#darkSwitch:checked + .toggle-label .moon{opacity:1;transform:scale(1);}

/* ===== DARK MODE ===== */
body.dark-mode{background:#0f0f1e!important;color:#e0e0ff!important;}
.dark-mode #outer-wrapper{background:#1a1a2e!important;}
.dark-mode .post-card{background:#1e1e35!important;color:#d0d0ff!important;}
.dark-mode .post-card .post-title a{color:#d0d0ff!important;}
.dark-mode .post-body,.dark-mode .single-post-content{color:#d0d0ff!important;}
.dark-mode a{color:#8fbfff!important;}
.dark-mode .post-meta{border-color:#333!important;color:#aaa!important;}
.dark-mode .breadcrumbs{background:#1e1e35!important;color:#aaa!important;}
.dark-mode img{opacity:0.92;filter:brightness(0.9);}
.dark-mode .sb-search-box{background:#1e1e35;}
.dark-mode .sb-search-box input{background:#111;color:#eee;border-color:#444;}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .sb-top-bar{height:62px;}
  .sbgf-h1{font-size:26px;}
  .sbgf-stats{gap:24px;}
  .sbgf-stat-num{font-size:22px;}
  #outer-wrapper{padding:12px 10px;margin-top:72px;}
  .post-card .post-thumbnail img{height:200px;}
  .post-card .post-title{font-size:1.3rem;}
  .single-post-content h1{font-size:1.5em;}
}
@media(max-width:480px){
  .sb-logo a{font-size:13px;}
  .post-card .post-content{padding:16px;}
  .dark-toggle{bottom:20px;right:15px;}
  .toggle-label{width:56px;height:30px;}
}