/* common-style.css - STACKIA EKOSİSTEMİ ORTAK STİL ŞABLONU */

/* --- TEMA DEĞİŞKENLERİ --- */
:root {
    --bg-body: #f8f9fa;
    --bg-surface: #ffffff;
    --text-main: #333333;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
    --card-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    --nav-bg: #ffffff;
    --nav-text: #444444;
    --brand-color: #000000;
    
    /* Dinamik olarak güncellenecek varsayılan vurgu renkleri */
    --primary-color: #0d6efd;
    --primary-hover: #0a58ca;
}

body.dark-mode {
    --bg-body: #121212;
    --bg-surface: #1e1e1e;
    --text-main: #e0e0e0;
    --text-muted: #a0a0a0;
    --border-color: #2d2d2d;
    --card-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    --nav-bg: #1e1e1e;
    --nav-text: #e0e0e0;
    --brand-color: #e0e0e0;
}

/* --- TEMEL AYARLAR --- */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-main);
    background-color: var(--bg-body);
    transition: background-color 0.3s, color 0.3s;
    overflow-x: hidden;
}

/* --- YARDIMCI RENK VE BUTON SINIFLARI --- */
.text-primary {
    color: var(--primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--bg-surface) !important;
}

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

.btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    color: var(--bg-surface) !important;
}

/* --- NAVBAR ERİŞİLEBİLİRLİK & TASARIM --- */
.navbar-brand {
    color: var(--brand-color) !important;
}

.nav-link {
    font-weight: 500;
    color: var(--nav-text) !important;
    margin: 0 10px;
    transition: color 0.2s;
}

.nav-link:hover, .nav-link.active {
    color: var(--primary-color) !important;
}

/* Navbar toggler adaptasyonu (inline style kaldırıldı) */
.navbar-toggler {
    border: 1px solid var(--border-color);
    padding: 4px 8px;
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: 2px solid var(--primary-color);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

body.dark-mode .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28224, 224, 224, 0.85%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* --- HIZLI ERİŞİM VE SCROLL HİZALAMA --- */
.scroll-offset {
    scroll-margin-top: 120px;
}

/* --- ACCORDION KOYU MOD DÜZENLEMESİ --- */
body.dark-mode .accordion-item, 
body.dark-mode .accordion-button {
    background-color: var(--bg-surface);
    color: var(--text-main);
    border-color: var(--border-color);
}

body.dark-mode .accordion-button:not(.collapsed) {
    background-color: #2d2d2d;
    color: var(--primary-color);
}

body.dark-mode .accordion-button::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* --- KOYU MOD GENEL OVERRIDES --- */
body.dark-mode .bg-light {
    background-color: #181818 !important;
}

body.dark-mode .bg-white {
    background-color: var(--bg-surface) !important;
}

body.dark-mode .text-dark {
    color: var(--text-main) !important;
}

body.dark-mode .text-muted {
    color: var(--text-muted) !important;
}

body.dark-mode .border-top {
    border-color: var(--border-color) !important;
}

body.dark-mode .btn-outline-dark {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

body.dark-mode .btn-outline-dark:hover {
    background-color: #f8f9fa;
    color: #000000;
}