:root{
  --accent: #0F7C4E;
  --gold: #E0B84B;
  --bg: #FAF8F2;
  --muted: #6c757d;
}

body{background:var(--bg);color:#222;font-family: 'Open Sans', sans-serif;}
.hero{background: linear-gradient(90deg, rgba(15,124,78,0.08), rgba(0,0,0,0.02));padding:60px 0;}
.card-img-top{height:200px;object-fit:cover;}
.feature-icon{width:60px;height:60px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;}
footer.site-footer{background:#fff;padding:30px 0;border-top:1px solid #eee;margin-top:60px;}
.testimonial{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.05);}
.form-floating>.form-control:focus{border-color:var(--accent);box-shadow:none;}
@media (max-width:575px){.hero{padding:30px 0;} .card-img-top{height:140px;}}

/* --- WhatsApp + Ara Floating Butonlar (sabit, sağ altta, yan yana) --- */
.whatsapp-float,
.call-float {
  position: fixed !important;
  bottom: 20px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
  color: #fff;
  z-index: 99999;
}

/* Sağ altta yeşil WhatsApp */
.whatsapp-float {
  right: 20px !important;
  background: #25D366;
}

/* Onun solunda mavi Ara */
.call-float {
  right: 92px !important; /* 56px genişlik + arada 16px boşluk */
  background: #0A84FF;
}

/* Hover efekti */
.whatsapp-float:hover,
.call-float:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 10px 28px rgba(0,0,0,.26);
}

/* Tooltip – isimler nht-tooltip / nht-tooltiptext */
.nht-tooltip {
  position: relative;
}
.nht-tooltip .nht-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
  position: absolute;
  bottom: 70px;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: opacity 0.2s;
  font-size: 13px;
  white-space: nowrap;
}
.nht-tooltip:hover .nht-tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Küçük ekranlarda biraz küçültelim */
@media (max-width: 380px) {
  .whatsapp-float,
  .call-float {
    width: 52px !important;
    height: 52px !important;
    bottom: 16px !important;
  }
  .whatsapp-float { right: 16px !important; }
  .call-float    { right: 84px !important; }
}
/* Bu kısım ikonların kesin görünmesi için */
.whatsapp-float svg,
.call-float svg {
  width: 28px;
  height: 28px;
  display: block;
}

/* Tooltip – isimler nht-tooltip / nht-tooltiptext */
.nht-tooltip {
  position: relative;
}
.nht-tooltip .nht-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 6px;
  position: absolute;
  bottom: 70px;
  right: 50%;
  transform: translateX(50%);
  opacity: 0;
  transition: opacity 0.2s;
  font-size: 13px;
  white-space: nowrap;
}
.nht-tooltip:hover .nht-tooltiptext {
  visibility: visible;
  opacity: 1;
}