/* =================================================================
   THE SOLAR HOUSE — Hero slider + Google Reviews trust bar
================================================================= */

/* ===== HERO SLIDER ===== */
.hero-slider{position:relative;width:100%;overflow:hidden;background:#0f1a24}
.hero-slider__track{display:flex;transition:transform 0.75s cubic-bezier(0.65,0,0.35,1);will-change:transform}
.hero-slider__slide{min-width:100%;position:relative;line-height:0}

/* Desktop/Mobile banner switching */
.hero-slider__img-desktop{width:100%;height:auto;display:block;aspect-ratio:1920/700;object-fit:cover}
.hero-slider__img-mobile{width:100%;height:auto;display:none;aspect-ratio:768/950;object-fit:cover}
@media(max-width:768px){
  .hero-slider__img-desktop{display:none}
  .hero-slider__img-mobile{display:block}
}

/* ===== SLIDE 1 CTA OVERLAY ===== */
.hero-slide1-overlay{
  position:absolute;inset:0;z-index:3;
  display:flex;flex-direction:column;
  align-items:flex-start;justify-content:center;
  padding:0 7% 4%;
  background:linear-gradient(90deg,rgba(10,18,28,0.72) 0%,rgba(10,18,28,0.35) 55%,transparent 100%);
}
.hero-slide1-overlay h1{
  font-size:clamp(26px,4vw,58px);font-weight:800;color:#fff;
  line-height:1.15;margin:0 0 14px;max-width:600px;
  text-shadow:0 2px 12px rgba(0,0,0,0.4);
}
.hero-slide1-overlay h1 span{color:#fece0f}
.hero-slide1-overlay p{
  font-size:clamp(14px,1.5vw,20px);color:rgba(255,255,255,0.88);
  margin:0 0 28px;max-width:480px;line-height:1.6;
}
.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-cta-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(45deg,#fece0f,#ff8c42);
  color:#1a2a3a;font-weight:700;font-size:16px;
  padding:14px 32px;border-radius:50px;text-decoration:none;
  transition:all 0.3s ease;box-shadow:0 6px 20px rgba(254,206,15,0.35);
  border:none;cursor:pointer;
}
.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(254,206,15,0.5);color:#1a2a3a;text-decoration:none}
.hero-cta-secondary{
  display:inline-flex;align-items:center;gap:10px;
  border:2px solid rgba(255,255,255,0.7);color:#fff;font-weight:600;font-size:15px;
  padding:13px 28px;border-radius:50px;text-decoration:none;
  transition:all 0.3s ease;backdrop-filter:blur(4px);
}
.hero-cta-secondary:hover{background:rgba(255,255,255,0.15);color:#fff;text-decoration:none;transform:translateY(-2px)}
@media(max-width:576px){
  .hero-slide1-overlay{padding:0 5% 6%;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(10,18,28,0.5) 0%,rgba(10,18,28,0.7) 100%)}
  .hero-slide1-overlay h1{text-align:center}
  .hero-slide1-overlay p{text-align:center}
  .hero-cta-group{justify-content:center}
  .hero-cta-primary,.hero-cta-secondary{font-size:14px;padding:12px 22px}
}

/* ===== ARROWS ===== */
.hero-slider__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:50px;height:50px;border-radius:50%;
  border:2px solid rgba(255,255,255,0.3);
  background:rgba(0,0,0,0.25);backdrop-filter:blur(6px);
  color:#fff;font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.3s ease;padding:0;
}
.hero-slider__arrow:hover{background:#fece0f;border-color:#fece0f;color:#1a2a3a}
.hero-slider__arrow--prev{left:20px}
.hero-slider__arrow--next{right:20px}
@media(max-width:768px){
  .hero-slider__arrow{width:36px;height:36px;font-size:14px}
  .hero-slider__arrow--prev{left:10px}
  .hero-slider__arrow--next{right:10px}
}

/* ===== DOTS ===== */
.hero-slider__dots{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  z-index:5;display:flex;gap:10px;
}
.hero-slider__dot{
  width:10px;height:10px;border-radius:50%;
  border:2px solid rgba(255,255,255,0.6);background:transparent;
  cursor:pointer;padding:0;transition:all 0.3s ease;
}
.hero-slider__dot.active{background:#fece0f;border-color:#fece0f;width:28px;border-radius:20px}

/* ===== PROGRESS BAR ===== */
.hero-slider__progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,0.15);z-index:5}
.hero-slider__progress-bar{height:100%;background:linear-gradient(90deg,#fece0f,#ff8c42);width:0%}
.hero-slider__progress-bar.running{transition:width 5s linear;width:100%!important}

/* ===== GOOGLE REVIEWS TRUST BAR ===== */
.hero-trust-bar{
  background:#fff;border-bottom:1px solid #f0f0f0;
  padding:14px 0;
}
.hero-trust-bar .container{
  display:flex;align-items:center;justify-content:center;
  gap:32px;flex-wrap:wrap;
}
.trust-google-block{
  display:flex;align-items:center;gap:12px;
}
.trust-google-logo{
  display:flex;align-items:center;gap:6px;
}
.trust-google-logo .g-letter{
  font-size:22px;font-weight:700;
}
.g-b{color:#4285F4}.g-r{color:#EA4335}.g-y{color:#FBBC05}.g-g{color:#34A853}
.trust-rating-num{
  font-size:26px;font-weight:800;color:#1a2a3a;line-height:1;
}
.trust-stars{display:flex;gap:2px;align-items:center;margin:2px 0}
.trust-stars i{color:#FBBC05;font-size:15px}
.trust-review-count{font-size:12px;color:#666;line-height:1.3}
.trust-review-count a{color:#4285F4;text-decoration:none;font-weight:500}
.trust-review-count a:hover{text-decoration:underline}
.trust-divider{width:1px;height:44px;background:#e8e8e8}
.trust-reviewer-strip{
  display:flex;align-items:center;gap:10px;
}
.trust-avatars{display:flex;align-items:center}
.trust-avatar{
  width:34px;height:34px;border-radius:50%;
  border:2px solid #fff;margin-left:-10px;
  background:#ddd;font-size:12px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  color:#fff;flex-shrink:0;overflow:hidden;
}
.trust-avatar:first-child{margin-left:0}
.trust-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.av1{background:#4285F4}.av2{background:#EA4335}.av3{background:#34A853}.av4{background:#FBBC05}.av5{background:#7F77DD}
.trust-reviewer-text{font-size:13px;color:#444;line-height:1.4}
.trust-reviewer-text strong{color:#1a2a3a;display:block;font-size:13px;font-weight:600}
.trust-badge-row{display:flex;align-items:center;gap:8px}
.trust-verified-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:#e8f5e9;color:#2e7d32;
  font-size:11px;font-weight:600;padding:4px 10px;
  border-radius:20px;
}
@media(max-width:768px){
  .trust-divider{display:none !important}
  .trust-reviewer-strip{display:none !important}
  .hero-trust-bar{padding:14px 0 !important;}
  .hero-trust-bar .container{
    flex-direction:row !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:14px !important;
    padding:0 20px !important;
    text-align:left !important;
  }
  .trust-google-block{
    flex-direction:row !important;
    align-items:center !important;
    gap:14px !important;
  }
  .trust-google-logo{
    justify-content:flex-start !important;
    margin-bottom:3px;
  }
  .trust-rating-num{font-size:22px !important;}
  .trust-stars i{font-size:13px !important;}
  .trust-review-count{font-size:11px !important;}
  .trust-badge-row{justify-content:center !important;}
  .trust-verified-badge{font-size:11px !important;}
}