/* ==========================================
   STARSOHBET - KAHVE & KREM MİNİMAL TEMA (SON HALİ)
   ========================================== */

:root {
    --primary-color: #9932CC !important;      /* Sıcak Kahve (SaddleBrown) */
    --primary-hover: #5c2c16 !important;    /* Koyu Kahve Hover */
    --accent-color: #a0522d !important;     /* Sienna / Toprak Vurgu */
    --dark-color: #2c1d11 !important;       /* Koyu Alanlar */
    --text-main: #332218 !important;        /* Doğal Okunabilir Kahve/Metin Rengi */
    --text-muted: #78685c !important;       /* İkincil Metin Rengi */
    --bg-main: #fcf9f5 !important;          /* Ferah Krem Zemin Rengi */
    --card-bg: #ffffff !important;          /* Kart ve Blok Beyaz Yüzeyi */
    --border-color: #eadecd !important;     /* Krem Tonuna Uyumlu İnce Çizgi */
}

/* Genel sayfa zemini (Krem) */
body {
    background: var(--bg-main) !important;
    color: var(--text-main) !important;
}

/* ==========================================
   ÜST MENÜ VE NAVBAR
   ========================================== */
.navbar,
header .navbar,
.site-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.navbar-nav .nav-link {
    color: var(--text-main) !important;
    font-weight: 600;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
    background: #f4eee3 !important;
    border-radius: 6px;
}

/* Logo yazısı */
.logo,
.logo a,
.site-title,
.site-title a {
    color: var(--primary-color) !important;
}

/* ==========================================
   SOHBET GİRİŞ PANELİ (SOL / ÜST KISIM)
   ========================================== */
.chat-login,
.chat-login-form {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    border-radius: 16px;
}

.chat-login h2,
.chat-login p,
.chat-login label {
    color: var(--text-main) !important;
}

/* Sekmeler (Tabs) ve Inline Stilli Butonlar Dahil Kahveye Çevrildi */
.chat-login .nav-link.active,
.nav-tabs .nav-link.active,
button[style*="background-color: #ff7a00"],
button[style*="background-color:#ff7a00"] {
    background: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
}

.chat-login .nav-link:not(.active) {
    background: #f4eee3 !important;
    color: #555555 !important;
    border: none !important;
}

/* Giriş Butonları - Kahve Tonu */
.chat-login .baglan,
.chat-login button,
.btn-primary,
.btn-danger {
    background: var(--primary-color) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700;
}

.chat-login .baglan:hover,
.btn-primary:hover,
.btn-danger:hover {
    background: var(--primary-hover) !important;
    box-shadow: 0 4px 12px rgba(139, 69, 19, 0.2);
}

/* Mobil chat ve alternatif butonlar */
.chat-login .btn-outline-secondary {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #d5ccc0 !important;
    border-radius: 10px !important;
}

.chat-login .btn-outline-secondary:hover {
    background: #f4eee3 !important;
    color: var(--primary-color) !important;
}

/* Input alanları */
.chat-login input,
.chat-login .input-group-text {
    background: #faf6f0 !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
    border-radius: 10px !important;
}

/* ==========================================
   KARTLAR, İÇERİKLER VE BLOG BLOKLARI
   ========================================== */
section.bg-white,
.seo-content,
.post_box,
article {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 16px !important;
}

/* Başlıklar ve Vurgulu Metinler */
h1, h2, h3, h4, h5,
.text-dark,
span[style*="color: #ff7a00"],
span[style*="color:#ff7a00"] {
    color: var(--primary-color) !important;
}

/* Linkler */
a,
.text-primary {
    color: var(--primary-color) !important;
    text-decoration: none;
}

a:hover {
    color: var(--primary-hover) !important;
}

/* Etiketler (Badge) */
.badge,
.room-clm .room-name span {
    background: #f4eee3 !important;
    color: var(--primary-color) !important;
    border: 1px solid #e2d7c5 !important;
}

.badge:hover,
.room-clm .room-name span:hover {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

/* Bootstrap renk sınıfları kahveye uyarlandı */
.btn-warning,
.btn-orange,
.btn-yellow,
.bg-warning,
.bg-orange,
.bg-yellow {
    background: var(--primary-color) !important;
    color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

.text-warning,
.text-orange,
.text-yellow {
    color: var(--primary-color) !important;
}

/* ==========================================
   FOOTER (ALT KISIM) - KREM ZEMİN & KAHVERENGİ YAZI
   ========================================== */
footer,
.footer,
.site-footer {
    background-color: var(--bg-main) !important;
    color: var(--text-main) !important;
    border-top: 1px solid var(--border-color) !important;
    padding-top: 4rem !important;
    padding-bottom: 2rem !important;
}

/* Footer başlıkları (Koyu Kahverengi) */
footer h2, footer h3, footer h4, footer h5, footer h6, footer h6.fw-bold,
.footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 {
    color: var(--primary-color) !important;
    font-weight: 700;
}

/* Footer paragrafları, liste elemanları ve yazıları (Kahve Tonu) */
footer p, footer span, footer li,
.footer p, .footer span, .footer li,
.site-footer p, .site-footer span, .site-footer li {
    color: var(--text-main) !important;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Footer Linkleri */
footer a,
.footer a,
.site-footer a {
    color: var(--text-main) !important;
    text-decoration: none !important;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover {
    color: var(--primary-hover) !important;
}

/* Footer Alt Telif Çizgisi */
.site-footer .site-info,
.footer-bottom {
    border-top: 1px solid var(--border-color) !important;
    margin-top: 3rem;
    padding-top: 1.5rem;
    color: var(--text-muted) !important;
}

/* "Devamı" ve benzeri yeşil kalan butonları kahveye çevirir */
.btn-success, 
.bg-success, 
[style*="background-color: #28a745"], 
[style*="background-color:#28a745"],
a.btn[style*="background-color"],
button[style*="background-color"] {
    background-color: #9932CC !important;
    border-color: #9932CC !important;
    color: #ffffff !important;
}
/* Yorum gönder ve benzer turuncu butonları kahveye çevirir */
input[type="submit"],
button[type="submit"],
.form-submit input,
.comment-form input[type="submit"],
.btn-warning,
.btn-orange {
    background-color: #9932CC !important;
    border-color: #9932CC !important;
    color: #ffffff !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.form-submit input:hover,
.comment-form input[type="submit"]:hover {
    background-color: #5c2c16 !important;
    border-color: #5c2c16 !important;
}

.home p, 
.home span, 
.home div, 
.home li, 
.home a:not([class*="btn"]) {
    color: #000000 !important;
}

.home h1, 
.home h2, 
.home h3, 
.home h4, 
.home h5, 
.home h6,
.home h1 a,
.home h2 a,
.home h3 a {
    color: #000000 !important;
}

.site-main h1, 
.site-main h2, 
.site-main h3, 
.site-main h4, 
.site-main h5, 
.site-main h6 {
    color: #000000 !important;
}
.ez-toc-title,
#ez-toc-container .ez-toc-title {
    color: #000000 !important;
}
.ez-toc-list li a,
#ez-toc-container a,
#ez-toc-container ul li a {
    color: #000000 !important;
    text-decoration: none !important;
}

.ez-toc-list li a:hover,
#ez-toc-container a:hover {
    color: #333333 !important;
}