/* Eray Dental - Şeffaf Hover Efektli Tema (Ghost Style) */

/* 1. BAŞLIKLAR: Koyu Zümrüt Yeşili */
.home-heading {
    color: #147C68 !important; 
    font-weight: 700;
    opacity: 1 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
  
/* 2. ALT BAŞLIKLAR: Ana Turkuaz */
.home-subheading {
    color: #39A98E !important;
    font-weight: 600;
    opacity: 1 !important;
}
  
/* Opacity düzeltmeleri */
.op-1, .op-2, .op-3 {
    opacity: 1 !important;
    color: inherit;
}
  
/* 3. GENEL GÖVDE */
body {
    background-color: #FFFFFF;
    color: #222222; 
}
  
/* 4. LİNKLER VE VURGULAR */
a,
.highlight,
.btn-primary {
    color: #39A98E;
}
  
/* 5. BUTONLAR (GHOST EFEKTİ BURADA) */
.btn-primary {
    background-color: #39A98E; /* Normal hali: Dolu Turkuaz */
    border: 2px solid #39A98E; /* Çerçeve ekledik ki şeffaf olunca kaybolmasın */
    color: #FFFFFF;
    transition: all 0.3s ease; /* Yumuşak geçiş efekti */
}
  
.btn-primary:hover,
.btn-primary:focus {
    background-color: transparent; /* HOVER: Arka plan şeffaf oluyor */
    border-color: #147C68;         /* Çerçeve koyu yeşile dönüyor */
    color: #147C68;                /* Yazı rengi koyu yeşile dönüyor */
}
  
/* 6. MENÜ (NAVBAR) */
.navbar-default {
    background-color: #147C68;
    border-color: transparent;
}
  
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
  
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a {
    color: #D5EFF4; 
    opacity: 0.8; /* Hafif şeffaflık eklendi */
}
  
/* 7. BAŞLIK ETİKETLERİ */
.section-title,
h1, h2, h3, h4, h5, h6 {
    color: #147C68;
}
  
/* 8. İKONLAR */
.feature-icon i,
.icon,
.social-icons i {
    color: #39A98E;
}
  
.feature-icon .back-icon {
    color: #A0A0A0; 
}
  
.progress-bar {
    background-color: #39A98E;
}
  
/* 9. FOOTER */
footer {
    background-color: #147C68;
    color: #FFFFFF;
}
  
footer a,
footer .social-icons i {
    color: #FFFFFF;
}
  
footer a:hover {
    color: #D5EFF4;
    background-color: transparent;
    opacity: 0.7; /* Linklerde hafif silikleşme efekti */
}
  
/* 10. YUKARI ÇIK BUTONU (GHOST EFEKTİ) */
#back-to-top {
    background-color: #39A98E;
    color: #FFFFFF;
    border: 2px solid #39A98E;
    transition: all 0.3s ease;
}
  
#back-to-top:hover {
    background-color: transparent; /* Arka plan şeffaf */
    color: #147C68;
    border-color: #147C68;
}