/* Lernava admin panel — targeted fixes on top of the Trezo theme.
   1) Logo/close-button (X) no longer overlaps the logo image.
   2) Sidebar "Logout" is pinned outside the scrollable nav so it's always visible,
      and still collapses to an icon along with the rest of the menu.
   3) Collapsed desktop sidebar shows a small icon-only mark instead of losing the logo.
   4) Mobile header keeps the sidebar-open button on the same row as the theme toggle,
      with the usual side gutters intact.
*/

.sidebar-area {
    display: flex;
    flex-direction: column;
}

.sidebar-area .logo {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.sidebar-area .logo .logo-full img {
    max-width: 150px;
    width: auto;
    height: auto;
}

.sidebar-area .logo .logo-full {
    display: block !important;
}

.sidebar-area .logo .logo-collapsed {
    display: none !important;
}

.sidebar-area .logo .logo-collapsed img {
    display: block;
    width: 44px;
    height: 44px;
    object-fit: contain;
}

/* Burger/close button stays out of the flex flow (absolutely positioned, like the
   original theme markup) so it never competes for space with the logo and can't
   squeeze the collapsed icon down to nothing in the narrow icon-rail state. */
.sidebar-area .sidebar-burger-menu {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.sidebar-area .layout-menu {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}

.sidebar-area .sidebar-footer {
    flex: 0 0 auto;
    padding: 10px 25px 20px;
    border-top: 1px solid #ECF0FF;
}

.sidebar-area .sidebar-footer .menu-inner {
    margin: 0;
    padding: 0;
}

[data-theme=dark] .sidebar-area .sidebar-footer {
    border-top-color: #1b2a4a;
}

/* Desktop-only: collapsed (icon-rail) sidebar state.
   Below 1200px, [sidebar-data-theme=sidebar-hide] means the mobile overlay is OPEN
   (full width), so none of this collapse/icon-swap logic should run there. */
@media (min-width: 1200px) {
    [sidebar-data-theme=sidebar-hide] .sidebar-area:not(:hover) .logo .logo-full {
        display: none !important;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area:not(:hover) .logo .logo-collapsed {
        display: block !important;
    }

    /* Keep the pinned Logout footer in sync with the rest of the menu when collapsed */
    [sidebar-data-theme=sidebar-hide] .sidebar-area .sidebar-footer {
        padding-left: 17px;
        padding-right: 17px;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area .sidebar-footer .menu-link .title {
        opacity: 0;
        visibility: hidden;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area .sidebar-footer .menu-link .menu-icon {
        position: relative;
        right: -1.5px;
        margin-right: 0;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area:hover .sidebar-footer {
        padding-left: 25px;
        padding-right: 25px;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area:hover .sidebar-footer .menu-link .title {
        opacity: 1;
        visibility: visible;
    }
    [sidebar-data-theme=sidebar-hide] .sidebar-area:hover .sidebar-footer .menu-link .menu-icon {
        right: 0;
        margin-right: 4px;
    }
}

/* Header: keep the sidebar-open button on the same row as the theme toggle, pinned left,
   without losing the usual left/right gutters. */
@media only screen and (max-width: 575px) {
    .header-area .row {
        flex-wrap: nowrap;
        align-items: center;
    }
    .header-area .row > [class*="col-"] {
        width: auto;
        max-width: none;
        flex: 0 0 auto;
    }
    .header-area .row > [class*="col-"]:last-child {
        flex: 1 1 auto;
        min-width: 0;
    }
    .header-area .left-header-content ul {
        justify-content: flex-start !important;
    }
    .header-area .right-header-content ul {
        justify-content: flex-end !important;
    }
}

/* ════════════════════════════════════════════════════════════════════
   5) Site ile ortak marka rengi + tipografi — Trezo'nun kendi moru
      (#605DFF) artık style.css'in KAYNAĞINDA (145 yerde: sidebar,
      sekmeler, checkbox/switch, sayfalama, form odak rengi, takvim vb.)
      doğrudan #066ac9 (site mavisi) olarak değiştirildi, burada ayrıca
      override etmeye gerek yok. Burada sadece:
      1) Blade dosyalarındaki var(--primaryColor, #4f46e5) referansları
         için değişkeni tanımlıyoruz (Trezo'nun kendi --bs-primary'sinden
         ayrı, Lernava'nın kendi custom kodunda kullandığı bir değişken).
      2) Yazı tipini siteyle aynı Heebo/Roboto yapıyoruz.
   ════════════════════════════════════════════════════════════════════ */
:root {
    --primaryColor: #066ac9;
}

body {
    font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.card-title {
    font-family: "Heebo", sans-serif;
}