/* =========================================================
   RAŞİDİ — NAVIGATION + METALİK ÜST MENÜ + FORUM BAŞLIKLARI
   KIRMIZI HOVER SÜRÜMÜ
   Default-Dark-Basic-B1 temasına uyarlanmıştır
   ========================================================= */

:root {
    --rashidi-accent: #8b0000;          /* ← KOYU KIRMIZI (hover rengi) */
    --rashidi-accent-text: #ffffff;
}

/* =========================================================
   1) NAVIGATION — Forum/Konu hiyerarşisi
   ========================================================= */
.navigation {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
}

.navigation a:link,
.navigation a:visited {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.navigation a:hover,
.navigation a:active {
    background: var(--rashidi-accent, #8b0000) !important;
    color: var(--rashidi-accent-text, #fff) !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}

.navigation .active {
    color: #ffffff;
    font-size: small;
    font-weight: bold;
}

/* =========================================================
   2) FOOTER BAŞLIKLARI
   ========================================================= */
#rashidi-footer-links .rashidi-footer-title {
    color: var(--rashidi-accent-text, #fff) !important;
}

/* =========================================================
   3) RAŞİDİ ÜST MENÜ — SİYAH PARLAK METALİK
   Tam genişlik şerit + Köşesiz + 15px font
   ========================================================= */
#rashidi-mainmenu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#rashidi-mainmenu ul.rashidi-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    background: linear-gradient(to bottom,
        #3a3a3a 0%,
        #1f1f1f 45%,
        #0a0a0a 55%,
        #000000 100%);
    border-top: 1px solid #555;
    border-bottom: 1px solid #000;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.20),
        inset 0 -1px 0 rgba(0,0,0,0.9),
        0 2px 6px rgba(0,0,0,0.45);
}

#rashidi-mainmenu ul.rashidi-menu li {
    flex: 1 1 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

/* Buton — PARLAK METALİK SİYAH */
#rashidi-mainmenu ul.rashidi-menu li a,
#rashidi-mainmenu ul.rashidi-menu li a:link,
#rashidi-mainmenu ul.rashidi-menu li a:visited {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 10px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    border-right: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 15px !important;
    letter-spacing: .4px;
    white-space: nowrap;
    text-align: center;
    background: linear-gradient(to bottom,
        #6a6a6a 0%,
        #3a3a3a 8%,
        #1a1a1a 45%,
        #000000 52%,
        #0d0d0d 70%,
        #1f1f1f 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.45),
        inset 0 -1px 0 rgba(0,0,0,0.85),
        inset 0 8px 12px -6px rgba(255,255,255,0.12),
        inset 0 -8px 12px -6px rgba(0,0,0,0.6),
        0 1px 3px rgba(0,0,0,0.5) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.95),
                 0 0 1px rgba(255,255,255,0.15) !important;
    background-repeat: no-repeat !important;
    transition: background .2s ease, box-shadow .2s ease, color .2s ease;
}

#rashidi-mainmenu ul.rashidi-menu li:last-child a {
    border-right: none !important;
}

/* Hover — KIRMIZI */
#rashidi-mainmenu ul.rashidi-menu li a:hover,
#rashidi-mainmenu ul.rashidi-menu li a:focus,
#rashidi-mainmenu ul.rashidi-menu li a:active {
    color: #ffffff !important;
    text-decoration: none !important;
    background: var(--rashidi-accent, #8b0000) !important;
    border-color: #000 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.55),
        inset 0 -1px 0 rgba(0,0,0,0.55),
        0 0 14px rgba(139,0,0,0.65),
        0 2px 6px rgba(0,0,0,0.7) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.9) !important;
}

#rashidi-mainmenu ul.rashidi-menu li.current a,
#rashidi-mainmenu ul.rashidi-menu li a.active {
    background: var(--rashidi-accent, #8b0000) !important;
    color: #fff !important;
}

/* Eski menü kalıntısı */
#header ul.menu.top_links {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* =========================================================
   4) FORUM / ALT FORUM / KONU BAŞLIKLARI — BEYAZ
   ========================================================= */
a.forumtitle,
a.forumtitle:link,
a.forumtitle:visited,
a.subforumtitle,
a.subforumtitle:link,
a.subforumtitle:visited,
a.subject,
a.subject:link,
a.subject:visited,
a.subject_old,
a.subject_old:link,
a.subject_old:visited,
a.threadtitle,
a.threadtitle:link,
a.threadtitle:visited,
a.lastpostlink,
a.lastpostlink:link,
a.lastpostlink:visited {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover — KIRMIZI */
a.forumtitle:hover,
a.forumtitle:active,
a.subforumtitle:hover,
a.subforumtitle:active,
a.subject:hover,
a.subject:active,
a.subject_old:hover,
a.subject_old:active,
a.threadtitle:hover,
a.threadtitle:active,
a.lastpostlink:hover,
a.lastpostlink:active {
    color: var(--rashidi-accent, #8b0000) !important;
    text-decoration: none !important;
}

/* Yedek: tablo içindeki linkler */
tbody tr td a:link,
tbody tr td a:visited {
    color: #ffffff !important;
}
tbody tr td a:hover {
    color: var(--rashidi-accent, #8b0000) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 700px) {
    #rashidi-mainmenu ul.rashidi-menu {
        flex-wrap: wrap;
    }
    #rashidi-mainmenu ul.rashidi-menu li {
        flex: 1 1 50%;
    }
    #rashidi-mainmenu ul.rashidi-menu li a {
        padding: 11px 8px !important;
        font-size: 13px !important;
    }
}