/* ========== DARK MODE BASE NEW ========== */
body.dark-mode {
    background-color: #121212 !important;
    color: #343a40 !important;
}

/* ========== CARDS ========== */
body.dark-mode .card {
    background-color: #343a40 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* ========== TABLES ========== */
/* body.dark-mode .table,
body.dark-mode .table thead,
body.dark-mode .table tbody,
body.dark-mode .table tr,
body.dark-mode .table td,
body.dark-mode .table th {
    background-color: #343a40 !important;
    color: #ffffff !important;
    border-color: #333 !important;
} */

/* Table header */
body.dark-mode .table thead {
    background-color: #151515 !important;
    color: #ffffff !important;
}

/* Table hover effect */
body.dark-mode .table-hover tbody tr:hover {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* Table striped rows */
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #212121 !important;
}

/* ========== FORMS ========== */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-control {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #444 !important;
}

/* ========== MODALS ========== */
body.dark-mode .modal-content {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
}

/* ========== BUTTONS ========== */
body.dark-mode .btn-primary {
    background-color: #3a3a3a !important;
    border-color: #555 !important;
    color: #ffffff !important;
}

body.dark-mode .btn {
    border-color: #444 !important;
    color: #000000 !important;
}

/* Optional: dropdowns, pagination, etc */
body.dark-mode .dropdown-menu,
body.dark-mode .pagination,
body.dark-mode .page-item .page-link {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

body.dark-mode .table-hover tbody tr:hover,
body.dark-mode .table-hover tbody tr:hover td,
body.dark-mode .table-hover tbody tr:hover th { 
    background-color: #2a2a2a !important; /* темна сива */
    color: #ffffff !important;
}

.table-hover tbody tr:hover,
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #e1e1e1 !important; /* темна сива */
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #ffffff !important;
}
body.dark-mode b {
    color: #ffffff !important;
}

body.dark-mode .form-label {
    color: #ffffff !important;
}

body.dark-mode .card-header,
body.dark-mode .card-header-smaller {
    background-color: #1f1f1f !important;
    color: #ffffff !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .btn.zabeleska,
body.dark-mode .btn-outline-secondary.zabeleska {
    background-color: #9b9a9a !important;
    border-color: #666 !important;
    color: #ffffff !important;
}

body.dark-mode .btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}

body.dark-mode .btn-outline-secondary {
    color: red !important;
}

body.dark-mode .dropdown-menu .p-3 {
    background-color: #000000;
}

body.dark-mode .dropdown-item:hover {
    background-color: #000000;
}

body.dark-mode #calendar {
    background-color: #000000;
}

body.dark-mode table tr:nth-child(odd) {
    background-color: #3f4143 !important;
    color: #2a2a2a !important;
}

body.dark-mode table tr:nth-child(even) {
    background-color: #454d55 !important;
    color: #2a2a2a !important;
}

body.dark-mode .fc-daygrid-day-number {
    color: #000 !important;
    font-weight: bold;
}

body.dark-mode .btn-outline-primary {
    color: #000000 !important;
    border-color: #000000 !important;
    background-color: #ffffff !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: #000;
}

/* body.dark-mode .btn-outline-primary:hover {
    background-color: #7269ef !important;
    color: #ffffff !important;
} */

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #ffffff !important;
}

body.dark-mode .table-bordered td,
body.dark-mode .table-bordered th {
    border-color: #ffffff !important;
}

body.dark-mode .table td,
body.dark-mode .table th,
body.dark-mode .table tr {
    border-color: #ffffff !important;
    border-width: 0.9px !important;
}

.table td,
.table th {
    border-color: #000000 !important;
    border-width: 0.9px !important;
}

body.dark-mode,
body.dark-mode h1,
h2,
h3,
h4,
h5,
h6,
body.dark-mode p,
span,
label,
a,
td,
th,
div,
body.dark-mode input,
select,
textarea,
button {
    color: #ffffff !important;
}

body:not(.dark-mode),
body:not(.dark-mode) h1,
body:not(.dark-mode) h2,
body:not(.dark-mode) h3,
body:not(.dark-mode) h4,
body:not(.dark-mode) h5,
body:not(.dark-mode) h6,
body:not(.dark-mode) p,
body:not(.dark-mode) span,
body:not(.dark-mode) label,
body:not(.dark-mode) a,
body:not(.dark-mode) td,
body:not(.dark-mode) th,
body:not(.dark-mode) div,
body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea,
body:not(.dark-mode) button {
    color: #000000 !important;
}

body:not(.dark-mode) table tr.rented-row td {
    color: #cc0000 !important;
}

body.dark-mode table tr.rented-row td,
body.dark-mode table tr.rented-row td b,
body.dark-mode table tr.rented-row td strong,
body.dark-mode table tr.rented-row .d-flex,
body.dark-mode table tr.rented-row .d-flex * {
    color: #ff4d4f !important;
}

body.dark-mode .d-flex.flex-column.align-items-center,
body.dark-mode .d-flex.flex-column.align-items-center * {
    color: #ff4d4f !important;
}

body.dark-mode .d-flex.flex-column.align-items-center,
body.dark-mode .d-flex.flex-column.align-items-center * {
    color: #ffffff !important;
}

body.dark-mode table.table-hover > tbody > tr:hover,
body.dark-mode table.table-hover > tbody > tr:hover > td,
body.dark-mode table.table-hover > tbody > tr:hover > th {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode .text-dark {
    color: #ffffff !important;
}

/* 🔆 Во light mode - задржи ја црната */
body:not(.dark-mode) .text-dark {
    color: #000000 !important;
}

body:not(.dark-mode) .main-nav {
    background-color: white;
}

body.dark-mode tr.text-danger td {
    color: #ff4d4f !important; /* јака црвена боја што ќе се пробие */
}

/*# sourceMappingURL=app.min.css.map */

body.dark-mode .form-check-input:checked {
    background-color: orange !important;
    border-color: orange !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

body.dark-mode .settings-bar,
body.dark-mode .offcanvas-footer {
    background-color: #000000;
}

/* 🛠️ Fix за Choices.js во dark mode */
body.dark-mode .choices__inner,
body.dark-mode .choices__item,
body.dark-mode .choices__list--dropdown,
body.dark-mode .choices__list--dropdown .choices__item {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ccc !important;
}

body.dark-mode .btn-black {
    color: #ffffff !important;
}

body.dark-mode .btn-danger-custom {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

body.dark-mode .btn-danger-custom:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

body.dark-mode .btn-outline-info-custom {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

body.dark-mode .btn-outline-info-custom:hover {
    background-color: #0d6efd !important;
    color: #ffffff !important;
}

body.dark-mode .sortable-item:hover {
    background-color: #2a2a2a !important;
}

body.dark-mode .topbar {
    background-color: #1f1f1f !important;
    color: white !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .topbar .topbar-button {
    background-color: transparent;
    color: white !important;
}

body.dark-mode .topbar .btn.btn-orange {
    color: black !important;
    background-color: #ff8c00 !important;
    border-color: #ff8c00 !important;
}
.topbar .btn.btn-orange:hover {
    transform: scale(1.09);
    box-shadow: 0 12px 24px #888,0 0 30px #ddd;
}
/* Optional: dropdown adjustments */
body.dark-mode .dropdown-menu {
    background-color: #2a2a2a;
    color: white;
}

body.dark-mode .dropdown-item {
    color: white;
}
body.dark-mode .dropdown-item:hover {
    background-color: #444;
    color: #fff;
}
body:not(.dark-mode) .topbar {
    background-color: #ffffff !important;
    color: #000 !important;
    border-bottom: 1px solid #ddd !important;
}

body:not(.dark-mode) .topbar .topbar-button {
    color: #000 !important;
}

body:not(.dark-mode) .topbar .btn.btn-orange {
    color: black !important;
    background-color: #ff8c00 !important;
    border-color: #ff8c00 !important;
}

/* Dark mode (веќе го имаме ова од претходно) */
body.dark-mode .topbar {
    background-color: #1f1f1f !important;
    color: white !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .topbar .topbar-button {
    color: white !important;
}

.btn-view-blue {
    background-color: #4187f1 !important;
    color: #004085 !important;
    border-color: #b8daff !important;
}

.btn-view-blue:hover {
    background-color: #16579d !important;
    color: #003366 !important;
}

/* Второто копче: жолто */
.btn-edit-yellow {
    background-color: #efc22c !important;
    color: #856404 !important;
    border-color: #ffeeba !important;
}

.btn-edit-yellow:hover {
    background-color: #d6a40e !important;
    color: #704d00 !important;
}

.btn-delete-red {
    background-color: #eb3f4d !important;
    color: #f0263a !important;
    border-color: #f5c6cb !important;
}

.btn-delete-red:hover {
    background-color: #f6495a !important;
    color: #5a1a1e !important;
}

/* За бела тема останува сиво копче */
.btn-internet-gray {
    background-color: #f1f1f1 !important;
    color: #444 !important;
    border-color: #ddd !important;
}

.btn-internet-gray:hover {
    background-color: #e0e0e0 !important;
    color: #222 !important;
}

/* DARK MODE – зелено ако е на интернет */
body.dark-mode .btn-internet-gray[data-on-internet="1"] {
    background-color: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
}

/* DARK MODE – портокалово ако НЕ е на интернет */
body.dark-mode .btn-internet-gray[data-on-internet="0"] {
    background-color: #fd7e14 !important;
    color: white !important;
    border-color: #fd7e14 !important;
}

.modal-content.modal-filled.bg-success {
    background-color: #37a593 !important;
    color: black !important;
}

.modal-content.modal-filled.bg-success .btn,
.modal-content.modal-filled.bg-success .btn:focus {
    color: #37a593;
    background-color: rgb(69, 69, 69) !important;
    border: none;
}

.modal-content.modal-filled.bg-success .btn:hover {
    background-color: #f1f1f1;
}

.modal-content.modal-filled.bg-success .bx,
.modal-content.modal-filled.bg-success h4,
.modal-content.modal-filled.bg-success p {
    color: black !important;
}

.modal-content.modal-filled.bg-danger {
    background-color: #ef5f5f !important;
    color: black !important;
}

.modal-content.modal-filled.bg-danger .btn.btn-light {
    color: black !important;
    border: none;
}

.modal-content.modal-filled.bg-danger .btn-outline-light {
    border-color: #fff;
    color: black !important;
}

.modal-content.modal-filled.bg-danger .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.modal-content.modal-filled.bg-danger .bx,
.modal-content.modal-filled.bg-danger h4,
.modal-content.modal-filled.bg-danger p {
    color: black !important;
}

.form-check-label.small.black-label {
    color: #000 !important;
}