/* ════════════════════════════════════════════════════════════════════════════
   GLOBAL THEME — #36394d + epin-pattern.png
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Body & Global Background ────────────────────── */
html, 
body, 
body.dark-theme, 
body.night, 
body.dark-theme.night {
    min-height: 100vh;
    background-color: #383b50 !important;
    background-image: url('https://www.oyuncusatis.com/assets/dist/img/epin-pattern.png') !important;
    background-attachment: fixed !important;
    background-position: center top !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-blend-mode: multiply !important;
    filter: none !important;
    opacity: 1 !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
}

/* Katmanlar Tamamen Temizlendi */
body::before,
body.dark-theme::before,
body.night::before,
body::after,
body.dark-theme::after,
body.night::after,
.rightMessages.open:after {
    display: none !important;
}

/* ── Navbar — Üst Bar ─────────────────────────────── */

/* En üstteki duyuru çubuğu */
.header-top {
    background-color: rgb(25, 26, 39) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
}

/* Ana gezinme çubuğu (logo + arama) */
.navbar-epincim {
    background-color: rgb(37, 39, 58) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
}

/* Gezinti menü çubuğu (kategoriler/bağlantılar) + oyun kategorisi simgeleri */
.navbar-epincimm,
section.home-category-slider {
    background-color: rgb(50, 52, 72) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
}

.navbar-epincim .navbar-nav > li > a,
.navbar-epincimm .navbar-nav > li > a,
.MenuSpanDiv,
.navbar-epincim a,
.navbar-epincimm a,
.header-slick a, 
.header-links a, 
.gununFirsatlariText {
    color: rgba(255, 255, 255, 0.85) !important;
}

.navbar-epincim .navbar-nav > li > a:hover,
.navbar-epincimm .navbar-nav > li > a:hover,
.navbar-epincim .navbar-nav > li.active > a,
.navbar-epincimm .navbar-nav > li.active > a {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #fff !important;
}

/* ── Navbar Dropdown (Hesabım) ────────────────────── */
.dropdown-menu,
.ui.dropdown .menu,
.Hesabim .dropdown-menu,
.Hesabim .menu,
.bakiyeDropdown .menu {
    background-color: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
}

.dropdown-item,
.my-account-menu-link,
.ui.dropdown .menu > .item {
    color: rgba(255, 255, 255, 0.85) !important;
}

.dropdown-item:hover,
.my-account-menu-link:hover,
.ui.dropdown .menu > .item:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #fff !important;
}

/* ── Panel / Kart / İlan Kutuları ─────────────────── */
.panel, 
.panel-heading, 
.panel-body,
.AdvertBox-Main,
.TabContentDiv .AdvertBox-Main,
.ui.raised.card,
.ui.card,
.ui.segment {
    background: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.panel-default,
.HomeExp0, .HomeExp5, .HomeExp9, .HomeExp10,
.ui.modal > .content,
.modal-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.AdvertBox-Main:hover,
.TabContentDiv .AdvertBox-Main:hover,
.ui.raised.card:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px);
}

/* ── Butonlar ─────────────────────────────────────── */
.btn-primary,
.btn.btn-primary,
.btn-default, 
.btn-secondary,
.ui.blue.button:not(.basic), 
.ui.blue.fluid.button, 
.ui.violet.button:not(.basic) {
    background: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-default:hover, 
.btn-secondary:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.btn-success { background: #22c55e !important; color: #fff !important; border: none !important; }
.btn-danger  { background: #ef4444 !important; color: #fff !important; border: none !important; }
.btn-warning { background: #f59e0b !important; color: #fff !important; border: none !important; }

/* ── Form Elemanları ──────────────────────────────── */
input.form-control,
textarea.form-control,
select.form-control,
.form-control,
.ui.form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.ui.form textarea,
.ui.input > input,
.ui.selection.dropdown {
    background: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.form-control:focus,
.ui.form input:focus,
.ui.form textarea:focus {
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ── Tablolar ─────────────────────────────────────── */
.ui.table,
.table {
    background: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}
.ui.table thead th,
.table thead th {
    background: #36394d !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.ui.table tbody tr:hover td,
.table-hover tbody tr:hover td {
    background: rgba(0, 0, 0, 0.05) !important;
}
.ui.table tbody tr td {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* ── Modal ────────────────────────────────────────── */
.modal-content,
.ui.modal,
.ui.modal > .header,
.modal-header,
.modal-footer {
    background: #36394d !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.modal-title { color: #fff !important; }
.close, .modal .close { color: rgba(255, 255, 255, 0.6) !important; opacity: 1 !important; }
.close:hover { color: #fff !important; }

/* ── Diğer UI Elemanları (Breadcrumb, Sidebar vb.) ── */
.navigationBar, 
section.navigationBar,
.login-box, .register-box,
.auth-card, .login-card,
.panel-left,
.hesabim-sidebar,
.account-sidebar,
.hd-sidebar-card,
.tumKategorilerPanel,
.searchBox, .header-search,
.rightMessages .chatMessagePanel,
.rightMessages,
.chatMessagePanel,
input#ChatMessage,
.footer-top, .footer-middle, .footer-bottom,
.ui.menu,
.ui.message {
    background: #36394d !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    color: #fff !important;
}

/* Linkler */
a:not(.btn):not(.hd-menu-link):not(.dropdown-item):not(.my-account-menu-link):not(.navbar-brand) {
    color: rgba(255, 255, 255, 0.85);
}
a:not(.btn):not(.hd-menu-link):not(.dropdown-item):not(.my-account-menu-link):not(.navbar-brand):hover {
    color: #fff;
}
footer a { color: rgba(255, 255, 255, 0.6) !important; }
footer a:hover { color: #fff !important; }