/* Sidebar Toggle Stilləri */

/* Minimalist sidebar */
aside.sidebar-minimal {
    width: 80px !important;
}

/* Header-də hamburger menu button sabitlənməsi */
header {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Header-left class-ı olan div-ləri düzəlt - hamburger menu-dan sonra */
.header-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
}

/* Responsive üçün */

/* Logo mətni gizlət */
aside.sidebar-minimal .logo-text {
    display: none !important;
}

/* Sidebar transition */
aside {
    transition: width 0.3s ease-in-out;
}

/* Bütün mətn span-ləri gizlət (ikonlar istisna) */
aside.sidebar-minimal .sidebar-item span:not([class*="fa-"]),
aside.sidebar-minimal button.sidebar-item span:not([class*="fa-"]) {
    display: none !important;
}

/* Nav item-ləri gizlət */
aside.sidebar-minimal .nav-item {
    display: none !important;
}

/* Collapse contentləri gizlət */
aside.sidebar-minimal .collapse-content {
    display: none !important;
}

/* Sidebar item-ləri mərkəzləşdir */
aside.sidebar-minimal .sidebar-item {
    justify-content: center !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    text-align: center !important;
}

/* Button-ları mərkəzləşdir */
aside.sidebar-minimal button.sidebar-item {
    justify-content: center !important;
}

aside.sidebar-minimal button.sidebar-item > div.flex {
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
}

/* Button-larda justify-between-i mərkəzə çevir */
aside.sidebar-minimal button.sidebar-item.items-center.justify-between,
aside.sidebar-minimal button.sidebar-item.justify-between {
    justify-content: center !important;
}

/* Button-un sonundakı chevron ikonunu gizlət */
aside.sidebar-minimal button.sidebar-item > i.fa-chevron-down,
aside.sidebar-minimal button.sidebar-item:last-child i.fa-chevron-down {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Chevron ikonlarını gizlət - bütün variantlar */
aside.sidebar-minimal i[class*="chevron-down"],
aside.sidebar-minimal .fa-chevron-down,
aside.sidebar-minimal i.fa-chevron-down,
aside.sidebar-minimal button .fa-chevron-down,
aside.sidebar-minimal .sidebar-item .fa-chevron-down,
aside.sidebar-minimal button.sidebar-item i.fa-chevron-down,
aside.sidebar-minimal button.sidebar-item > i.fa-chevron-down,
aside.sidebar-minimal .sidebar-item i.fa-chevron-down,
aside.sidebar-minimal button.sidebar-item i[class*="chevron"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
}

/* İkonları mərkəzləşdir və göstər (chevron istisna) */
aside.sidebar-minimal .sidebar-item i[class*="fa-"]:not(.fa-chevron-down),
aside.sidebar-minimal button.sidebar-item i[class*="fa-"]:not(.fa-chevron-down) {
    display: block !important;
    margin: 0 auto !important;
    width: 24px !important;
    text-align: center !important;
}

/* Button içindəki əsas ikonları göstər */
aside.sidebar-minimal button.sidebar-item > div.flex > i[class*="fa-"]:not(.fa-chevron-down) {
    display: block !important;
    margin: 0 auto !important;
    width: 24px !important;
}

/* AI Köməkçi düyməsindəki div-i gizlət */
/* Qeyd: AI Köməkçi ikonunu gizlətmirik (minimalist rejimdə də ikon qalmalıdır) */

/* Dashboard linkini gizlət */
aside #nav-dashboard {
    display: none !important;
}

/* Parametrlər və Çıxış - mətn gizlət */
aside.sidebar-minimal .mt-4 .sidebar-item,
aside.sidebar-minimal .border-t .sidebar-item {
    font-size: 0 !important;
}

aside.sidebar-minimal .mt-4 .sidebar-item i,
aside.sidebar-minimal .border-t .sidebar-item i {
    font-size: 1rem !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Toggle button */
#sidebar-toggle-btn {
    transition: all 0.2s ease-in-out;
    margin-bottom: 0.5rem !important;
}

#sidebar-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.15);
    transform: scale(1.05);
}

/* Minimalist rejimdə toggle button */
aside.sidebar-minimal #sidebar-toggle-btn {
    margin-bottom: 0.25rem !important;
}

/* Minimalist rejimdə tooltip */
aside.sidebar-minimal .sidebar-item,
aside.sidebar-minimal button.sidebar-item {
    position: relative;
}

aside.sidebar-minimal .sidebar-item[data-tooltip]:hover::after,
aside.sidebar-minimal button.sidebar-item[data-tooltip]:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    left: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
    padding: 6px 12px;
    background: #1e293b;
    color: white;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    animation: fadeInTooltip 0.2s ease-out;
}

aside.sidebar-minimal .sidebar-item[data-tooltip]:hover::before,
aside.sidebar-minimal button.sidebar-item[data-tooltip]:hover::before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: #1e293b;
    z-index: 1001;
    pointer-events: none;
}

@keyframes fadeInTooltip {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }
}

/* Toggle button styling */
#sidebar-toggle-btn {
    cursor: pointer;
    transition: all 0.2s ease;
}

#sidebar-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    transform: scale(1.05);
}

#sidebar-toggle-btn i {
    transition: transform 0.2s ease;
}

#sidebar-toggle-btn:hover i {
    transform: scale(1.1);
}