/* Fundal general și font */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: url('img/fundal/background.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #1a3d1a;
}

/* Header */
.site-header {
  background-color: rgba(200, 230, 200, 0.95);
  color: #1a3d1a;
  padding: 1rem 2rem;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.logo-contact { display: flex; align-items: center; gap: 1rem; }
.logo { height:50px; width:50px; border-radius:50%; object-fit:cover; border:2px solid #4d995c; }
.contact { display:flex; align-items:center; gap:0.3rem; font-weight:600; }
.contact a { color:#1a3d1a; text-decoration:none; transition:0.3s; }
.contact a:hover { color:#4d995c; }
.whatsapp-icon { height:24px; width:24px; border-radius:50%; object-fit:cover; border:1px solid #4d995c; background-color:#e6f0e6; padding:2px; }
nav a { color:#1a3d1a; text-decoration:none; margin-left:1.5rem; font-weight:500; transition:0.3s; }
nav a:hover, nav a.active { color:#4d995c; }

/* Hero */
.hero h1 { color: #1a3d1a; }
.hero p { color: #1a3d1a; }

/* CTA */
.cta {
  background: rgba(200, 230, 200, 0.95);
  text-align: center;
  padding: 2rem;
  border-radius: 12px;
}
.cta h2 { color: #1a3d1a; }
.cta p { color: #1a3d1a; font-weight:600; }
.cta .btn-secondary {
  background-color: #4d995c;
  color: #fff;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  display: inline-block;
  margin-top: 1.5rem; /* spațiu pentru buton peste text */
  transition: 0.3s;
}
.cta .btn-secondary:hover { background-color: #6ab279; }

/* Buton primar */
.btn-primary {
  background-color: #4d995c;
  color: #fff;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  transition:0.3s;
}
.btn-primary:hover { background-color: #6ab279; }

/* Intro, Services, Calculator cards */
.intro, .services .service-card, .container, .card {
  background: rgba(240, 255, 240, 0.9);
}
.card { color: #111; }

/* Form Inputs și Butoane (Calculator) */
input, select, button { border-radius: 6px; }
button { background-color: #4d995c; color: #fff; }
button:hover { background-color: #6ab279; }

/* Footer */
.site-footer { background: rgba(200, 230, 200, 0.95); color: #1a3d1a; }

/* Responsivitate */
@media(max-width:768px){
  .header-inner { flex-direction: column; gap: 1rem; }
  nav a { margin-left:0; margin-right:1rem; }
}