/* Selfdrive Rwanda Uganda Homepage Styles */

/* Hero Section */
[data-id="hero-section"] {
  background-image: linear-gradient(rgba(27, 46, 35, 0.7), rgba(27, 46, 35, 0.7)), url('https://images.unsplash.com/photo-1516426122078-c23e76319801?q=80&w=1920');
  background-size: cover;
  background-position: center;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
}

[data-id="hero-eyebrow"] {
  color: #F4A261 !important;
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
}

[data-id="hero-title"] {
  color: #FFFFFF !important;
  font-size: 56px;
  text-align: center;
  max-width: 800px;
  margin-bottom: 24px;
  font-weight: 700;
}

[data-id="hero-subtitle"] {
  color: #FFFFFF !important;
  font-size: 20px;
  text-align: center;
  max-width: 640px;
  margin-bottom: 32px;
}

[data-id="hero-buttons"] {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: center;
}

[data-id="hero-btn-primary"] {
  background-color: #2D6A4F !important;
  color: #FFFFFF !important;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  border: none;
}

[data-id="hero-btn-secondary"] {
  background-color: transparent !important;
  color: #FFFFFF !important;
  padding: 16px 32px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid #FFFFFF;
}

/* Services Section */
[data-id="services-section"] {
  background-color: #FFFFFF;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-id="services-heading"] {
  color: #1B2E23 !important;
  font-size: 40px;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 700;
}

[data-id="services-subtitle"] {
  color: #3D5A4A !important;
  font-size: 18px;
  text-align: center;
  margin-bottom: 48px;
}

[data-id="services-grid"] {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
}

[data-id="service-1"],
[data-id="service-2"],
[data-id="service-3"],
[data-id="service-4"] {
  background-color: #F2F7F4;
  padding: 40px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 280px;
  min-width: 280px;
  flex: 1;
}

[data-id="service-1-icon"],
[data-id="service-2-icon"],
[data-id="service-3-icon"],
[data-id="service-4-icon"] {
  font-size: 48px;
  text-align: center;
  margin-bottom: 16px;
}

[data-id="service-1-title"],
[data-id="service-2-title"],
[data-id="service-3-title"],
[data-id="service-4-title"] {
  color: #1B2E23 !important;
  font-size: 22px;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 600;
}

[data-id="service-1-desc"],
[data-id="service-2-desc"],
[data-id="service-3-desc"],
[data-id="service-4-desc"] {
  color: #3D5A4A !important;
  font-size: 16px;
  text-align: center;
}

/* Destinations Section */
[data-id="destinations-section"] {
  background-color: #F2F7F4;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-id="dest-heading"] {
  color: #1B2E23 !important;
  font-size: 40px;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 700;
}

[data-id="dest-subtitle"] {
  color: #3D5A4A !important;
  font-size: 18px;
  text-align: center;
  margin-bottom: 48px;
}

[data-id="dest-grid"] {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
}

[data-id="dest-rwanda"],
[data-id="dest-uganda"] {
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 320px;
}

[data-id="dest-rwanda"] img,
[data-id="dest-uganda"] img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

[data-id="rwanda-content"],
[data-id="uganda-content"] {
  padding: 24px;
  display: flex;
  flex-direction: column;
}

[data-id="rwanda-title"],
[data-id="uganda-title"] {
  color: #1B2E23 !important;
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 600;
}

[data-id="rwanda-desc"],
[data-id="uganda-desc"] {
  color: #3D5A4A !important;
  font-size: 16px;
  margin-bottom: 16px;
}

[data-id="rwanda-btn"],
[data-id="uganda-btn"] {
  background-color: #2D6A4F !important;
  color: #FFFFFF !important;
  padding: 12px 24px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  align-self: flex-start;
}

/* Testimonials Section */
[data-id="testimonials-section"] {
  background-color: #FFFFFF;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-id="testimonials-heading"] {
  color: #1B2E23 !important;
  font-size: 40px;
  text-align: center;
  margin-bottom: 48px;
  font-weight: 700;
}

[data-id="testimonials-grid"] {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
}

[data-id="testimonial-1"],
[data-id="testimonial-2"] {
  background-color: #F2F7F4;
  padding: 40px;
  border-radius: 16px;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 300px;
}

[data-id="testimonial-1-text"],
[data-id="testimonial-2-text"] {
  color: #3D5A4A !important;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 24px;
}

[data-id="testimonial-1-author"],
[data-id="testimonial-2-author"] {
  color: #1B2E23 !important;
  font-size: 16px;
  font-weight: 600;
}

/* CTA Section */
[data-id="cta-section"] {
  background-color: #2D6A4F;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-id="cta-title"] {
  color: #FFFFFF !important;
  font-size: 40px;
  text-align: center;
  margin-bottom: 16px;
  font-weight: 700;
}

[data-id="cta-text"] {
  color: #FFFFFF !important;
  font-size: 18px;
  text-align: center;
  max-width: 640px;
  margin-bottom: 32px;
}

[data-id="cta-btn"] {
  background-color: #F4A261 !important;
  color: #1B2E23 !important;
  padding: 16px 32px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border: none;
}

/* Footer Section */
[data-id="footer-section"] {
  background-color: #1B2E23;
  padding: 64px 20px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-id="footer-logo"] {
  max-width: 200px;
  margin-bottom: 24px;
}

[data-id="footer-text"] {
  color: #FFFFFF !important;
  font-size: 14px;
  text-align: center;
}

/* Responsive */
@media (max-width: 768px) {
  [data-id="hero-title"] {
    font-size: 36px;
  }
  
  [data-id="services-grid"],
  [data-id="dest-grid"],
  [data-id="testimonials-grid"] {
    flex-direction: column;
    align-items: center;
  }
  
  [data-id="hero-buttons"] {
    flex-direction: column;
  }
}