/*
Theme Name: Beyond Green Solar Solutions
Theme URI: https://beyondgreensolar.com
Author: Beyond Green Solar Solutions
Author URI: https://beyondgreensolar.com
Description: Landing-page theme for Beyond Green Solar Solutions x Dubai Islamic Bank - Shariah-compliant solar financing. Self-contained: built-in header, footer, savings calculator, and quote form (emails via WordPress, no plugin required). Elementor-friendly for any additional pages.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beyondgreen
*/

/* Only the rules that cannot be inline live here. All section styling is inline
   on the markup (in template-parts/landing.php, header.php, footer.php) so the
   design renders identically to the approved mockup. */

* { box-sizing: border-box; }
body { margin: 0; padding: 0; }

/* Form placeholders */
.bg-input::placeholder { color: #9aa0a3; }

/* Savings-calculator range slider */
input.bg-range { -webkit-appearance: none; appearance: none; height: 7px; border-radius: 6px; outline: none; cursor: pointer; background: #d9dcdd; }
input.bg-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #2ca84e; border: 4px solid #d7ecdb; box-shadow: 0 1px 4px rgba(0,0,0,.35); cursor: pointer; }
input.bg-range::-moz-range-thumb { width: 22px; height: 22px; border: 4px solid #d7ecdb; border-radius: 50%; background: #2ca84e; cursor: pointer; }
.bg-lockup-img{
	height:75px;
	display:block;
}
/* Hover state for top-bar social links */
.bg-link-hover:hover { opacity: .6; }

/* Responsive breakpoints */
@media (max-width: 1024px) {
  .bg-grid-5 { grid-template-columns: repeat(3, 1fr) !important; }
  .bg-grid-6 { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .bg-two-col { flex-direction: column-reverse !important; }
  .bg-grid-5 { grid-template-columns: repeat(2, 1fr) !important; }
  .bg-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
  .bg-form-grid { grid-template-columns: 1fr !important; }
  .bg-hero-h1 { font-size: 30px !important; }
  .bg-topbar-inner { flex-direction: column !important; gap: 8px !important; }
  .bg-lockup { gap: 24px !important; flex-wrap: wrap !important; }
  .bg-hero-top { min-height: 340px !important; }
}
@media (max-width: 480px) {
  .bg-grid-5, .bg-grid-6 { grid-template-columns: repeat(2, 1fr) !important; }
  .bg-stat-grid { grid-template-columns: 1fr !important; }
  .bg-lockup-img{
	height:65px;
	display:block;
}
}

/* ---- Contact Form 7 integration (quote form) ----
   Makes CF7's generated markup match the design exactly. */
.bg-cf7 form.wpcf7-form { margin: 0; }
.bg-cf7 .wpcf7-form-control-wrap { display: block; }
.bg-cf7 input.bg-input { width: 100%; border: 1px solid #cfe2d4; border-radius: 8px; padding: 13px 14px; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; outline: none; background: #fff; }
.bg-cf7 input.bg-submit { width: 100%; margin-top: 22px; background: #2ca84e; color: #fff; border: none; border-radius: 9px; padding: 15px; font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 16px; cursor: pointer; }
.bg-cf7 input.bg-submit:hover { background: #239043; }
.bg-cf7 .wpcf7-spinner { display: block; margin: 10px auto 0; }
.bg-cf7 .wpcf7-not-valid-tip { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #d93025; margin-top: 5px; }
.bg-cf7 .wpcf7-response-output { font-family: 'Open Sans', sans-serif; font-size: 13px; border-radius: 8px; margin: 14px 0 0 !important; padding: 10px 12px !important; }