/* ==========================================================================
   1. Sidebar Width Overrides
   ========================================================================== */

/* Desktop (1201px+) - 35rem (350px) */
@media (min-width: 1201px) {
    .sidebar {
        width: 35rem !important;
    }

    .page-wrapper.with-sidebar > .content-wrapper {
        left: 35rem !important;
        width: calc(100% - 35rem) !important;
    }

    .page-wrapper.with-sidebar[data-sidebar-type~="full-height"] > .navbar:not(.navbar-fixed-bottom) {
        left: 35rem !important;
        width: calc(100% - 35rem) !important;
    }

    .page-wrapper.with-sidebar[data-sidebar-type~="full-height"] > .navbar.navbar-fixed-bottom {
        left: 35rem !important;
        width: calc(100% - 35rem) !important;
    }
}

/* Large Screens (1900px+) - 45rem (450px) */
@media (min-width: 1900px) {
    .sidebar {
        width: 45rem !important;
    }

    .page-wrapper.with-sidebar > .content-wrapper {
        left: 45rem !important;
        width: calc(100% - 45rem) !important;
    }

    .page-wrapper.with-sidebar[data-sidebar-type~="full-height"] > .navbar:not(.navbar-fixed-bottom) {
        left: 45rem !important;
        width: calc(100% - 45rem) !important;
    }

    .page-wrapper.with-sidebar[data-sidebar-type~="full-height"] > .navbar.navbar-fixed-bottom {
        left: 45rem !important;
        width: calc(100% - 45rem) !important;
    }
}

/* ==========================================================================
   2. Logo & Navbar
   ========================================================================== */

/* Стили для СВЕТЛОЙ темы (по умолчанию) */
.navbar-brand img#site_logo {
    height: 35px !important;
    max-height: none !important;
    width: auto;
    padding: 0; 
    border-radius: 0;
    background-color: transparent; 
    border: none;
    transition: opacity 0.3s ease;    
    content: url('/static/custom/logo-light.png');
}

/* Стили для ТЕМНОЙ темы */
body.dark-mode .navbar-brand img#site_logo {
    background-color: transparent;
    content: url('/static/custom/logo-dark.png');
}

/* ==========================================================================
   Выравнивание Заголовка и Логотипа
   ========================================================================== */

.navbar-brand {
    /* Выравниваем элементы (лого и текст) по нижней границе */
    align-items: flex-end !important;
    
    /* Опционально: Если логотип прижался слишком низко к краю полосы меню, 
       добавьте немного отступа снизу для всего блока */
    /* padding-bottom: 5px; */
}

/* Настройки конкретно для текста "Заметки DBA" */
.navbar-brand > span {
    /* Сбрасываем высоту строки, чтобы текст легче было позиционировать */
    line-height: 1 !important;
    
    /* Этим значением регулируйте высоту текста */
    /* 0px - база. Если нужно ниже - ставьте отрицательное (напр. -2px). Выше - положительное. */
    margin-bottom: 2px !important; 
    
    /* Немного отступа слева от логотипа */
    margin-left: 10px !important;
}

/* Корректировка для логотипа, чтобы он не "прыгал" */
.navbar-brand img#site_logo {
    margin-bottom: 0 !important;
}
/* ==========================================================================
   3. Custom Cards Styling
   ========================================================================== */

a.card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
    height: 100%;
}

.hover-shadow {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s;
    border: 1px solid transparent;
}

/* Light Theme Hover */
.hover-shadow:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-color);
}

/* Dark Theme Styles */
.dark-mode .hover-shadow {
    background-color: #25282c;
    border: 1px solid #3d4146;
}

.dark-mode .hover-shadow:hover {
    background-color: #2d3238;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    border-color: #66d9ef;
}

.card-title i {
    opacity: 0.9;
}

.text-center.mb-20 h1 {
    font-weight: 300;
    margin-bottom: 1rem;
}