/**
 * ════════════════════════════════════════════════════════════════
 * COLOR CUSTOM CSS - Firma Renkleri
 * Kırmızı: #E60013 (230, 0, 19)
 * Siyah: #121519 (18, 21, 25)
 * ════════════════════════════════════════════════════════════════
 */

:root {
    /* Firma Ana Renkleri */
    --color-primary: 230 0 19; /* #E60013 Kırmızı */
    --color-danger: 230 0 19; /* #E60013 Kırmızı */
    --color-dark: 18 21 25; /* #121519 Siyah */
    /* Yardımcı Renkler (Icewall varsayılan) */
    --color-success: 34 197 94; /* Yeşil */
    --color-warning: 251 146 60; /* Turuncu */
    --color-info: 59 130 246; /* Mavi */
    --color-pending: 249 115 22; /* Pending Orange */
}

/* ══════════════════════════════════════════════
   TOPBAR - BEYAZ
══════════════════════════════════════════════ */


/* Logo text rengi */


/* Breadcrumb renkleri */
.top-bar-boxed .breadcrumb-light .breadcrumb-item {
    color: #6b7280 !important;
}

    .top-bar-boxed .breadcrumb-light .breadcrumb-item.active {
        color: #1f2937 !important;
    }

    .top-bar-boxed .breadcrumb-light .breadcrumb-item a {
        color: #6b7280 !important;
    }

        .top-bar-boxed .breadcrumb-light .breadcrumb-item a:hover {
            color: #E60013 !important;
        }

/* Login butonları - beyaz header'da görünsün */
.top-bar-boxed .login-type-btn {
    border-color: #e5e7eb;
    color: #4b5563;
}





    .top-bar-boxed .login-type-btn i {
        color: inherit;
    }

/* Notification ikonları - koyu renk */
.top-bar-boxed .notification--light {
    background: rgba(107, 114, 128, 0.1);
    border-color: #e5e7eb;
}

.top-bar-boxed .notification__icon {
    color: #6b7280 !important;
}

.top-bar-boxed .notification--light:hover {
    background: rgba(230, 0, 19, 0.1);
    border-color: #E60013;
}

    .top-bar-boxed .notification--light:hover .notification__icon {
        color: #E60013 !important;
    }

/* User info card - beyaz header'da */
.top-bar-boxed .user-info-card {
    background: rgba(107, 114, 128, 0.1);
    border-color: #e5e7eb;
}

    .top-bar-boxed .user-info-card:hover {
        background: rgba(230, 0, 19, 0.05);
        border-color: #E60013;
    }

.top-bar-boxed .user-info-name {
    color: #1f2937 !important;
}

.top-bar-boxed .user-info-role {
    color: #6b7280 !important;
}

.top-bar-boxed .user-info-arrow {
    color: #6b7280 !important;
}

/* ══════════════════════════════════════════════
   SIDEBAR - BEYAZ
══════════════════════════════════════════════ */
.side-nav {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb;
    border-top-left-radius: 1.3rem;
    border-bottom-left-radius: 1.3rem;
}

    /* Sidebar menu items - default (koyu) */
    .side-nav .side-menu {
        color: #1f2937 !important;
    }

    .side-nav .side-menu__icon {
        color: #6b7280 !important;
    }

    .side-nav .side-menu__title {
        color: #1f2937 !important;
    }

    /* Sidebar menu hover */
    .side-nav .side-menu:hover {
        background: #f9fafb !important;
    }

        .side-nav .side-menu:hover .side-menu__icon {
            color: #E60013 !important;
        }

        .side-nav .side-menu:hover .side-menu__title {
            color: #E60013 !important;
        }

    /* Sidebar menu ACTIVE - kırmızı background, beyaz text */
    .side-nav .side-menu--active {
        background: #E60013 !important;
        color: #ffffff !important;
    }

        .side-nav .side-menu--active .side-menu__icon {
            color: #ffffff !important;
        }

        .side-nav .side-menu--active .side-menu__title {
            color: #ffffff !important;
        }

        .side-nav .side-menu--active::before {
            display: none;
        }

/* Sidebar divider */
.side-nav__devider {
    background-color: #e5e7eb !important;
}

/* Sidebar hamburger toggle button */
.side-nav-toggle {
    background: rgba(107, 114, 128, 0.1) !important;
    border-color: #e5e7eb !important;
    color: #6b7280 !important;
}

    .side-nav-toggle:hover {
        background: rgba(230, 0, 19, 0.1) !important;
        border-color: #E60013 !important;
        color: #E60013 !important;
    }

    .side-nav-toggle i {
        color: inherit !important;
    }

/* ══════════════════════════════════════════════
   MOBILE MENU - BEYAZ
══════════════════════════════════════════════ */
.mobile-menu {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb;
}

.mobile-menu-bar {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb;
}

    .mobile-menu-bar span {
        color: #1f2937 !important;
    }

.mobile-menu-toggler i {
    color: #6b7280 !important;
}

.mobile-menu .menu {
    color: #1f2937 !important;
}

.mobile-menu .menu__icon {
    color: #6b7280 !important;
}

.mobile-menu .menu--active {
    background: #E60013 !important;
    color: #ffffff !important;
}

    .mobile-menu .menu--active .menu__icon {
        color: #ffffff !important;
    }

    .mobile-menu .menu--active .menu__title {
        color: #ffffff !important;
    }

/* ══════════════════════════════════════════════
   PRIMARY BUTTON - KIRMIZI
══════════════════════════════════════════════ */
.btn-primary {
    background-color: rgb(230 0 19) !important;
    border-color: rgb(230 0 19) !important;
}

    .btn-primary:hover {
        background-color: rgb(184 0 15) !important;
        border-color: rgb(184 0 15) !important;
    }

/* ══════════════════════════════════════════════
   TEXT & BORDER UTILITIES - KIRMIZI
══════════════════════════════════════════════ */
.text-primary {
    color: rgb(230 0 19) !important;
}

.bg-primary {
    background-color: rgb(230 0 19) !important;
}

.bg-primary\/10 {
    background-color: rgba(230, 0, 19, 0.1) !important;
}

.bg-primary\/20 {
    background-color: rgba(230, 0, 19, 0.2) !important;
}

.bg-primary\/80 {
    background-color: rgba(230, 0, 19, 0.8) !important;
}

.border-primary {
    border-color: rgb(230 0 19) !important;
}

/* ══════════════════════════════════════════════
   DROPDOWN MENU - KIRMIZI BACKGROUND
══════════════════════════════════════════════ */
.dropdown-content.bg-primary\/80 {
    background: linear-gradient(135deg, rgba(230, 0, 19, 0.9), rgba(184, 0, 15, 0.9)) !important;
}

/* ══════════════════════════════════════════════
   FORM CONTROLS - FOCUS STATE
══════════════════════════════════════════════ */
.form-control:focus,
.form-select:focus {
    /*border-color: rgb(230 0 19);*/
    --tw-ring-color: rgb(230 0 19 / 0.1);
}

.form-check-input:checked {
    background-color: rgb(230 0 19);
    border-color: rgb(230 0 19);
}

/* ══════════════════════════════════════════════
   NOTIFICATION BADGE - KIRMIZI
══════════════════════════════════════════════ */
.notification--bullet::before {
    background-color: rgb(230 0 19) !important;
}

/* ══════════════════════════════════════════════
   LINKS - KIRMIZI HOVER
══════════════════════════════════════════════ */
a.text-primary:hover {
    color: rgb(184 0 15) !important;
}

/* ══════════════════════════════════════════════
   ALERT PRIMARY - KIRMIZI
══════════════════════════════════════════════ */
.alert-primary {
    background-color: rgba(230, 0, 19, 0.1);
    border-color: rgb(230 0 19);
    color: rgb(230 0 19);
}

/* ══════════════════════════════════════════════
   BADGE PRIMARY - KIRMIZI
══════════════════════════════════════════════ */
.badge-primary {
    background-color: rgb(230 0 19);
    color: #ffffff;
}

/* ══════════════════════════════════════════════
   PROGRESS BAR - KIRMIZI
══════════════════════════════════════════════ */
.progress-bar {
    background-color: rgb(230 0 19);
}

/* ══════════════════════════════════════════════
   TAB ACTIVE STATE - KIRMIZI
══════════════════════════════════════════════ */
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
    background-color: rgb(230 0 19);
    border-color: rgb(230 0 19);
}

/* ══════════════════════════════════════════════
   PAGINATION ACTIVE - KIRMIZI
══════════════════════════════════════════════ */
.pagination .page-item.active .page-link {
    background-color: rgb(230 0 19);
    border-color: rgb(230 0 19);
}

.pagination .page-item .page-link:hover {
    color: rgb(230 0 19);
}

/* ══════════════════════════════════════════════
   DARK MODE OVERRIDES
══════════════════════════════════════════════ */
.dark {
    --color-primary: 230 0 19;
    --color-danger: 230 0 19;
}

    .dark .text-primary {
        color: rgb(230 0 19) !important;
    }

    .dark .bg-primary {
        background-color: rgb(230 0 19) !important;
    }

/* ══════════════════════════════════════════════
   SCROLLBAR - KIRMIZI ACCENT
══════════════════════════════════════════════ */
::-webkit-scrollbar-thumb {
    background-color: rgba(230, 0, 19, 0.3);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(230, 0, 19, 0.6);
    }

/* ══════════════════════════════════════════════
   HOVER & FOCUS UTILITIES
══════════════════════════════════════════════ */
.hover\:text-primary:hover {
    color: rgb(230 0 19) !important;
}

.hover\:bg-primary:hover {
    background-color: rgb(230 0 19) !important;
}

.hover\:border-primary:hover {
    border-color: rgb(230 0 19) !important;
}

.focus\:border-primary:focus {
    border-color: rgb(230 0 19) !important;
}

.focus\:ring-primary:focus {
    --tw-ring-color: rgb(230 0 19 / 0.5) !important;
}

/* ══════════════════════════════════════════════
   TABLE ACTIVE ROW - KIRMIZI ACCENT
══════════════════════════════════════════════ */
.table tbody tr.active,
.table tbody tr.table-active {
    background-color: rgba(230, 0, 19, 0.05);
}

.table tbody tr:hover {
    background-color: rgba(230, 0, 19, 0.02);
}

button.swal2-confirm {
    background-color: #E60013 !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    border: none !important;
    min-width: 120px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

button.swal2-cancel {
    background-color: #6b7280 !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border-radius: 0.5rem !important;
    border: none !important;
    min-width: 120px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}