/* tab-menu.css - GÜNCEL VERSİYON */

:root {
--primary-color: #007bff;
--text-color: #333;
--border-color: #eee;
--font-family-inter: 'Inter', sans-serif;
}

/* Sayfa Kaydırmasını Kapatmak İçin Genel Stil */
body.menu-open {
overflow: hidden !important;
}

/* Sidebar Menü Stilleri */
.sidebar-menu {
position: fixed; 
top: 0;
left: 0;
width: 320px; 
height: 100vh;
background-color: #fff;
box-shadow: 2px 0 15px rgba(0,0,0,0.4);
transform: translateX(-100%);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 9999999;
font-family: var(--font-family-inter);
display: flex;
flex-direction: column;
}

.sidebar-menu.open {
transform: translateX(0);
}

@media (max-width: 400px) {
.sidebar-menu {
width: 320px; 
}
}

/* MENÜ BAŞLIKLARI */
.menu-tabs {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.tab-button {
flex-basis: 50%; 
max-width: 50%; 
padding: 15px 10px;
background: #f8f8f8;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600; 
color: #666;
transition: background-color 0.3s;
font-family: inherit;
text-align: center;
text-transform: uppercase;
}

.tab-button:first-child {
border-right: 1px solid var(--border-color);
}

.tab-button.active {
color: var(--text-color);
background-color: #fff;
font-weight: 600; 
}

/* Sekme İçerikleri */
.tab-content {
display: none;
flex-grow: 1;
overflow-y: auto;
padding-bottom: 60px;
}

.tab-content.active {
display: block;
}

/* Liste Stilleri */
.category-list, .main-menu-list {
list-style: none;
padding: 0;
margin: 0;
}

.category-list li, .main-menu-list li {
border-bottom: 1px solid var(--border-color);
}

/* 2. & 3. YAZI TİPİ VE KALINLIK AYARLARI */
.category-list li a, 
.main-menu-list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 600; /* Ana Menü ve Kategoriler BOLD (700) */
    font-family: var(--font-family-inter); /* Inter yazı tipi */
    transition: background-color 0.2s;
}

/* Dropdown ALT MENÜ ÖĞELERİ (Normal Kalacak) */
.main-menu-list .sub-menu li a {
    font-weight: 400; /* Dropdown alt öğeleri NORMAL (400) */
    padding: 10px 15px; 
    font-size: 14px;
}

/* SAĞ OK İKON STİLLERİ (fas fa-chevron-right) */

/* .arrow-right kaldırıldı */

.submenu-arrow {
    /* Dikey hizalama: Ana menü metni ile simgeyi ortalar */
    align-self: center; 
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Eski boyutlar */
    width: 20px; 
    height: 20px; 
    font-size: 12px; 
    
    margin-left: 10px;
    background: transparent; 
    color: #6B8E23; 
    border-radius: 4px;
    transition: transform 0.3s;
}

/* Dropdown bağlantısının kendisi (metin ve ikonun aynı hizada kalması için) */
.main-menu-list .submenu-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Alt Menü Drodown */
.main-menu-list .sub-menu {
list-style: none;
padding: 0 0 0 20px; 
background-color: #fafafa;
border-top: 1px solid var(--border-color);
overflow: hidden;
max-height: 0;
transition: max-height 0.4s ease-in-out;
}


/* Menü Altındaki Butonlar (TÜMÜ ALT ALTA, SOLA HİZALI, HOVER KALDIRILMIŞ) */
.menu-divider {
    height: 1px;
    background: var(--border-color);
    margin: 10px 15px;
}

.info-buttons-container {
    padding: 5px 15px 15px 15px; 
    display: flex;
    flex-direction: column; 
    gap: 10px; 
}

/* 🔥 TÜM BUTONLARIN ORTAK STİLİ (SOLA HİZALI VE HOVER KALDIRILMIŞ) */
.btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 15px; 
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 6px;
    background: transparent;
    text-decoration: none;
    color: #333;
    position: relative;
    overflow: hidden;
    transition: none;
    line-height: 1;
    font-family: var(--font-family-inter);
    font-size: 13px;
    font-weight: 500;
}

.btn.full-row-button {
    width: 100%;
    justify-content: flex-start; 
}

/* HOVER EFEKTLERİ KALDIRILDI */
.btn::before {
    display: none; 
}
.btn:hover {
    background-color: transparent !important; 
}

/* ICON KUTUSU */
.btn .h-icon {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #E9F2D8;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 12px;
    color: #6B8E23;
    flex-shrink: 0;
}

.btn .h-icon img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    display: block;
    filter: brightness(0) saturate(100%) invert(33%) sepia(50%) saturate(616%) hue-rotate(47deg) brightness(89%) contrast(94%);
}

/* Alt Kısım (Hesabım) */
.menu-footer {
padding: 15px 20px;
border-top: 1px solid var(--border-color);
position: absolute;
bottom: 0;
width: 100%;
background-color: #fff;
box-sizing: border-box;
flex-shrink: 0;
}