/* 
   Yakamoz Veteriner Kliniği - Kurumsal Renk Tanımlamaları
   Bu bölümde sitenin ana renk dinamikleri yönetilir.
*/

:root {
    --main-turkuaz: #1ca8b3;        /* Logodan alınan tam turkuaz rengi */
    --main-turkuaz-hover: #17939d;  /* Butonların üzerine gelindiğinde görünecek koyu ton */
}

/* İçerisi Dolu Olan Buton (Örn: Üye Ol / Gönder) */
.btn-turkuaz-fill {
    background-color: var(--main-turkuaz) !important;
    border-color: var(--main-turkuaz) !important;
    color: #ffffff !important;
    transition: all 0.3s ease; /* Yumuşak bir geçiş efekti sağlar */
}

.btn-turkuaz-fill:hover {
    background-color: var(--main-turkuaz-hover) !important;
    border-color: var(--main-turkuaz-hover) !important;
}

/* Sadece Çerçevesi Olan Buton (Örn: Giriş Yap / Detay) */
.btn-turkuaz-outline {
    background-color: transparent !important;
    border: 2px solid var(--main-turkuaz) !important;
    color: var(--main-turkuaz) !important;
    transition: all 0.3s ease;
}

.btn-turkuaz-outline:hover {
    background-color: var(--main-turkuaz) !important;
    color: #ffffff !important;
}
/* Navbar Linklerinin Rengini Değiştirme */
.navbar-nav .nav-link {
    color: #555 !important; /* Varsayılan gri tonu */
    font-weight: 500;
    transition: color 0.3s ease;
}

/* Mouse ile üzerine gelindiğinde (Hover) Logodaki Turkuaz Olsun */
.navbar-nav .nav-link:hover {
    color: var(--main-turkuaz) !important;
}

/* Hangi sayfadaysak o link Turkuaz kalsın (Active) */
.navbar-nav .nav-link.active {
    color: var(--main-turkuaz) !important;
    font-weight: bold;
}
/* 1. Ana Buton Rengini Ezme */
.btn-primary {
    background-color: var(--main-turkuaz) !important;
    border-color: var(--main-turkuaz) !important;
    color: #ffffff !important;
}

/* 2. Hover (Üzerine Gelme) Durumu */
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: var(--main-turkuaz-hover) !important;
    border-color: var(--main-turkuaz-hover) !important;
    box-shadow: 0 0 0 0.25rem rgba(28, 168, 179, 0.25) !important; /* Turkuaz odaklanma gölgesi */
}

/* 3. Eğer Navbar'da 'Giriş Yap' gibi Outline (Çerçeveli) Buton Varsa */
.btn-outline-primary {
    color: var(--main-turkuaz) !important;
    border-color: var(--main-turkuaz) !important;
}

.btn-outline-primary:hover {
    background-color: var(--main-turkuaz) !important;
    color: #ffffff !important;
}
/* Haber içeriğindeki tüm resimleri kapsayıcıya sığdır */
.news-content img {
    max-width: 100% !important; /* Resim asla kutusundan dışarı taşamaz */
    height: auto !important;     /* Oran bozulmaz */
    display: block;
    margin: 10px auto;           /* İsterseniz resimleri ortalar */
}

/* Tabloların taşmasını engellemek için */
.news-content table {
    width: 100% !important;
    overflow-x: auto;
    display: block;
}