/* Dark Mode Styles */
:root {
    --dark-bg-color: #1a1a1a;
    --dark-text-color: #f0f0f0;
    --dark-card-bg: #2c2c2c;
    --dark-border-color: #444;
    --dark-hover-color: #383838;
    --dark-input-bg: #333;
    --dark-input-text: #f0f0f0;
    --dark-link-color: #9ecbff;
    --dark-secondary-bg: #222;
    --dark-alert-bg: #333;
}

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

html.dark-mode,
.dark-mode body,
.dark-mode #wrapper,
.dark-mode #page-content-wrapper,
.dark-mode .page-wrapper,
.dark-mode #wrapper #content-wrapper,
.dark-mode main,
.dark-mode .container,
.dark-mode .container-fluid {
    background-color: var(--dark-bg-color) !important;
}

body.dark-mode .row,
body.dark-mode .col,
body.dark-mode [class^="col-"] {
    background-color: transparent !important;
}

/* General elements */
body.dark-mode #content-wrapper,
body.dark-mode #content {
    background-color: var(--dark-bg-color);
    color: var(--dark-text-color);
}

body.dark-mode .text-gray-800,
body.dark-mode .text-gray-900 {
    color: var(--dark-text-color) !important;
}

/* Cards */
body.dark-mode .card {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
}

body.dark-mode .card-header {
    background-color: var(--dark-secondary-bg);
    border-color: var(--dark-border-color);
}

body.dark-mode .card-footer {
    background-color: var(--dark-secondary-bg);
    border-color: var(--dark-border-color);
}

/* Buttons */
body.dark-mode .btn-outline-primary:not(:hover),
body.dark-mode .btn-outline-secondary:not(:hover),
body.dark-mode .btn-outline-success:not(:hover),
body.dark-mode .btn-outline-danger:not(:hover),
body.dark-mode .btn-outline-warning:not(:hover),
body.dark-mode .btn-outline-info:not(:hover),
body.dark-mode .btn-outline-light:not(:hover),
body.dark-mode .btn-outline-dark:not(:hover) {
    color: var(--dark-text-color);
}

/* Tables */
body.dark-mode .table {
    color: var(--dark-text-color);
}

body.dark-mode .table-bordered {
    border-color: var(--dark-border-color);
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: var(--dark-border-color);
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: var(--dark-hover-color);
}

/* Forms */
body.dark-mode .form-control {
    background-color: var(--dark-input-bg);
    border-color: var(--dark-border-color);
    color: var(--dark-input-text);
}

body.dark-mode .form-control:focus {
    background-color: var(--dark-input-bg);
    color: var(--dark-input-text);
}

body.dark-mode label {
    color: var(--dark-text-color);
}

/* Links */
body.dark-mode a:not(.btn) {
    color: var(--dark-link-color);
}

body.dark-mode a:not(.btn):hover {
    color: #fff;
}

/* Alerts */
body.dark-mode .alert {
    background-color: var(--dark-alert-bg);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color);
}

/* Post and Comment Cards */
body.dark-mode .list-group-item {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color);
}

body.dark-mode .list-group-item-action:hover {
    background-color: var(--dark-hover-color);
}

/* Pagination */
body.dark-mode .page-item .page-link {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color);
}

/* body.dark-mode .page-item.active .page-link {
    background-color: #7c3aed;
    border-color: #7c3aed;
} */

body.dark-mode .page-item.disabled .page-link {
    background-color: var(--dark-secondary-bg);
    color: #6c757d;
}

/* Footer */
body.dark-mode .sticky-footer {
    background-color: var(--dark-secondary-bg) !important;
    color: var(--dark-text-color);
    border-top: 1px solid var(--dark-border-color);
}

body.dark-mode .sticky-footer .text-secondary,
body.dark-mode .sticky-footer a.text-secondary {
    color: #a0a0a0 !important;
}

body.dark-mode .sticky-footer a.text-secondary:hover {
    color: var(--dark-text-color) !important;
    text-decoration: underline !important;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    background-color: var(--dark-secondary-bg);
    border-color: var(--dark-border-color);
}

body.dark-mode .close {
    color: var(--dark-text-color);
}

/* Dropdown menu */
body.dark-mode .dropdown-menu {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
}

body.dark-mode .dropdown-item {
    color: var(--dark-text-color);
}

body.dark-mode .dropdown-item:hover {
    background-color: var(--dark-hover-color);
    color: var(--dark-text-color);
}

body.dark-mode .dropdown-divider {
    border-color: var(--dark-border-color);
}

/* Toggle button style */
.dark-mode-toggle {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6c757d;
    font-size: 1.2rem;
    padding: 0.2rem 0.5rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, color 0.2s;
}

.dark-mode-toggle:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

body.dark-mode .dark-mode-toggle {
    color: #f8f9fc;
}

body.dark-mode .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Hide dark mode in admin dashboard pages */
body.is-admin .dark-mode-toggle {
    display: none;
}

/* Sidebar Dark Mode */
body.dark-mode .sidebar {
    background: linear-gradient(
        180deg,
        var(--dark-bg-color) 10%,
        var(--dark-secondary-bg) 100%
    ) !important;
    background-color: var(--dark-bg-color) !important;
}

body.dark-mode .sidebar .sidebar-brand {
    background-color: rgba(0, 0, 0, 0.1);
}

body.dark-mode .sidebar .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark-mode .sidebar .nav-item .nav-link:hover {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .sidebar .nav-item.active .nav-link {
    color: #fff !important;
    font-weight: 700;
}

body.dark-mode .sidebar .sidebar-heading {
    color: rgba(255, 255, 255, 0.6) !important;
}

body.dark-mode .sidebar .collapse-inner {
    background-color: var(--dark-card-bg) !important;
    border: 1px solid var(--dark-border-color);
}

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

body.dark-mode .sidebar .collapse-item:hover {
    background-color: var(--dark-hover-color) !important;
}

body.dark-mode .sidebar hr.sidebar-divider {
    border-color: var(--dark-border-color);
}

body.dark-mode .sidebar #sidebarToggle {
    background-color: var(--dark-border-color);
    color: var(--dark-text-color);
}

body.dark-mode .sidebar #sidebarToggle:hover {
    background-color: var(--dark-hover-color);
    cursor: pointer;
}

/* Topbar Dark Mode */
body.dark-mode .topbar {
    background-color: var(--dark-bg-color) !important;
    border-bottom: 1px solid var(--dark-border-color) !important;
}

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

body.dark-mode .topbar .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark-mode .topbar .nav-link:hover {
    color: #fff !important;
}

/* Topbar Search Form Dark Mode */
body.dark-mode .topbar .search-form .form-control {
    background-color: var(--dark-input-bg) !important;
    border-color: var(--dark-border-color) !important;
    color: var(--dark-input-text) !important;
}

body.dark-mode .topbar .search-form .form-control:focus {
    background-color: var(--dark-input-bg) !important;
    border-color: #7c3aed !important;
}

body.dark-mode .topbar .search-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-mode .topbar .dropdown-menu {
    background-color: var(--dark-card-bg);
    border: 1px solid var(--dark-border-color);
}

body.dark-mode .topbar .dropdown-item {
    color: var(--dark-text-color);
}

body.dark-mode .topbar .dropdown-item:hover {
    background-color: var(--dark-hover-color);
}

body.dark-mode .topbar .dropdown-header {
    border-color: var(--dark-border-color);
    color: rgba(255, 255, 255, 0.6);
}

body.dark-mode .topbar .dropdown-divider {
    border-color: var(--dark-border-color);
}

/* List Groups Dark Mode - Daha Kapsamlı */
body.dark-mode .list-group {
    border-color: var(--dark-border-color);
}

body.dark-mode .list-group-item {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color);
}

body.dark-mode .list-group-item-action {
    color: var(--dark-text-color);
}

body.dark-mode .list-group-item-action:hover,
body.dark-mode .list-group-item-action:focus {
    background-color: var(--dark-hover-color);
    color: var(--dark-text-color);
}

body.dark-mode .list-group-item.active {
    background-color: #fff;
    border-color: #fff;
    color: #fff;
}

/* List group farklı varyasyonlar */
body.dark-mode .list-group-item-primary {
    background-color: #3a57a9;
    color: #fff;
}

body.dark-mode .list-group-item-secondary {
    background-color: #494e53;
    color: #fff;
}

body.dark-mode .list-group-item-success {
    background-color: #2c7a40;
    color: #fff;
}

body.dark-mode .list-group-item-danger {
    background-color: #a03d44;
    color: #fff;
}

body.dark-mode .list-group-item-warning {
    background-color: #986a2c;
    color: #fff;
}

body.dark-mode .list-group-item-info {
    background-color: #307c9a;
    color: #fff;
}

body.dark-mode .list-group-item-light {
    background-color: #4a4a4a;
    color: #fff;
}

body.dark-mode .list-group-item-dark {
    background-color: #222;
    color: #fff;
}

/* İç içe list group için stil */
body.dark-mode .list-group .list-group {
    margin-top: 0.5rem;
}

/* Diğer list-group içindeki elementler için stiller */
body.dark-mode .list-group-item .badge {
    background-color: var(--dark-secondary-bg);
    color: var(--dark-text-color);
}

body.dark-mode .list-group-item small,
body.dark-mode .list-group-item .text-muted {
    color: #adb5bd !important;
}

/* Özel formatlı list-group'lar için */
body.dark-mode .list-group-flush .list-group-item {
    border-color: var(--dark-border-color);
}

body.dark-mode .list-group-horizontal .list-group-item {
    border-color: var(--dark-border-color);
}

body.dark-mode [class*="bg-light"],
body.dark-mode [class*="bg-white"],
body.dark-mode .bg-light,
body.dark-mode .bg-white {
    background-color: var(--dark-bg-color) !important;
}

/* Mobil menü dark mode uyumluluğu */
body.dark-mode .mobile-menu {
    background-color: var(--dark-card-bg) !important;
    border-top-color: var(--dark-border-color) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

body.dark-mode .mobile-menu .nav-link {
    color: var(--dark-text-color) !important;
    border-bottom-color: var(--dark-border-color) !important;
}

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

body.dark-mode .mobile-menu .nav-link:hover {
    background-color: var(--dark-hover-color) !important;
    color: var(--dark-link-color) !important;
}

body.dark-mode .mobile-menu .nav-link:last-child {
    border-bottom: none !important;
}

/* Mobil menü badge'leri */
body.dark-mode .mobile-menu .badge {
    background-color: #dc3545;
    color: #fff;
}

/* Hamburger menü butonu dark mode */
body.dark-mode .mobile-menu-toggle {
    color: var(--dark-text-color) !important;
}

body.dark-mode .mobile-menu-toggle:hover {
    color: var(--dark-link-color) !important;
}

body.dark-mode .main-menu .nav-link:hover {
    color: #fff !important;
    background-color: #1e1e1e;
    border-radius: 0.35rem;
}

body.dark-mode pre {
    background-color: #2d2d2d;
    border: 1px solid #444;
    color: #e6e6e6;
}

/* public/css/dark-mode-custom.css veya blade dosyanızın <style> bloğu */

body.dark-mode .input-group-text {
    background-color: #23272b !important;
    color: #e9ecef !important;
    border-color: #444950 !important;
}

body.dark-mode .form-control,
body.dark-mode .custom-file-input,
body.dark-mode .custom-file-label {
    background-color: #181a1b !important;
    color: #e9ecef !important;
    border-color: #444950 !important;
}

body.dark-mode .form-control:focus {
    background-color: #23272b !important;
    color: #fff !important;
    border-color: #6c757d !important;
}

body.dark-mode .custom-file-label {
    background-color: #23272b !important;
    color: #23272b !important;
    border-color: #444950 !important;
}
body.dark-mode .custom-file-label::after {
    color: #23272b;
    background-color: #23272b;
    border-left: none;
}

/* Dark mode: .text-light arka planı ve ikonlar için koyu renk uyumu */
body.dark-mode .fa-stack .fa-circle.text-light {
    color: #23272b !important; /* Daha koyu bir daire arka planı */
}
body.dark-mode .fa-stack .fa-envelope,
body.dark-mode .fa-stack .fa-bell {
    color: #f8f9fa !important; /* İkonlar açık renk olsun */
}


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

body.dark-mode .featured-category {
    background: linear-gradient(135deg, #44433e 0%, #2c2c2c 50%) !important;
    border-left: 4px solid #ffc107 !important;
}

body.dark-mode i.text-light {
    color: #2c2c2c !important;
}

/* Input Group Dark Mode */
body.dark-mode .input-group {
    background-color: var(--dark-card-bg) !important;
    border-color: var(--dark-border-color) !important;
}
body.dark-mode .input-group-prepend,
body.dark-mode .input-group-append {
    background-color: var(--dark-secondary-bg) !important;
    border-color: var(--dark-border-color) !important;
}
body.dark-mode .input-group-text {
    background-color: var(--dark-secondary-bg) !important;
    color: var(--dark-text-color) !important;
    border-color: var(--dark-border-color) !important;
}
body.dark-mode .custom-file {
    background-color: var(--dark-card-bg) !important;
}
body.dark-mode .custom-file-input {
    background-color: var(--dark-input-bg) !important;
    color: var(--dark-input-text) !important;
    border-color: var(--dark-border-color) !important;
}
body.dark-mode .custom-file-label {
    background-color: var(--dark-input-bg) !important;
    color: var(--dark-input-text) !important;
    border-color: var(--dark-border-color) !important;
}
body.dark-mode .custom-file-label::after {
    background-color: var(--dark-secondary-bg) !important;
    color: var(--dark-text-color) !important;
    border-left: 1px solid var(--dark-border-color) !important;
}


body.dark-mode .enter {

    color: #f8f9fa !important;
}

body.dark-mode .enter b {

    color: #f8f9fa !important;
}