.brand-image {
    padding: 0.2em !important;
    /* background-color: white !important; */
}

/* Center the logo in the sidebar/header brand area */
.brand-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}
.brand-link .brand-text {
    display: none !important;
}
/* Ensure the logo image itself centers */
.brand-link .brand-image {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
    margin-left: 3.8rem !important; /* Adjust as needed for your layout */
}
/* Also hide any header title next to logo */
.main-header .navbar .brand-text,
.main-sidebar .brand-text,
header .logo .logo-lg,
header .logo .logo-mini {
    display: none !important;
}

/* Center the logo on the login/auth screens */
.login-page .brand-link,
.login-page .auth-brand,
.login-page .auth-left,
.logout-page .brand-link,
.logout-page .auth-brand,
.logout-page .auth-left {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.login-page .login-logo,
.login-page .auth-logo,
.login-page .logo,
.logout-page .login-logo,
.logout-page .auth-logo,
.logout-page .logo {
    text-align: center !important;
}
.login-logo img {
    width: 100px !important;
}
.login-page .brand-link img,
.login-page .brand-image,
.login-page .auth-brand img,
.logout-page .brand-link img,
.logout-page .brand-image,
.logout-page .auth-brand img,
.logout-page .login-logo img {
    max-width: 96px !important;
    max-height: 72px !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    margin: 6px auto !important;
}

/* Sidebar brand specific centering (AdminLTE) */
.main-sidebar .brand-link {
    justify-content: center !important;
}
.main-sidebar .brand-link .brand-image {
    margin: 0 auto !important;
}

/* Make the sidebar menu more compact and readable */
.nav-sidebar .nav-item > .nav-link {
    padding: 8px 12px !important;
    font-size: 0.95rem !important;
}
.nav-sidebar .nav-treeview .nav-item > .nav-link {
    padding-left: 28px !important;
}

/* Hide the global header search and extra header items */
.main-header .navbar form[role="search"],
.main-header .navbar .navbar-search,
.main-header .navbar .nav-item.search,
.main-header .navbar .nav-link[data-widget="navbar-search"],
.main-header .navbar .navbar-nav .nav-item:not(.user-menu) {
    display: none !important;
}

/* In user dropdown, show only Logout */
.main-header .navbar .user-menu .dropdown-menu .user-header,
.main-header .navbar .user-menu .dropdown-menu .user-body,
.main-header .navbar .user-menu .dropdown-menu .user-footer a:not([href*="logout"]) {
    display: none !important;
}
.main-header .navbar .user-menu .dropdown-menu .user-footer a[href*="logout"] {
    display: block !important;
}

/* Ensure translation tabs are styled nicely with Jazzmin */
.translated-fields .tabbed-translation-fields {
    margin-top: 10px;
}

.nav-tabs .nav-link {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
}

.nav-tabs .nav-link.active {
    background-color: #fff;
    color: #007bff;
    border-bottom: none;
}

/* Adjust fieldset spacing */
.fieldset.wide {
    padding: 20px;
}

/* Improve readability of translated fields */
.form-row .field-box {
    margin-bottom: 15px;
}

.language-chooser {
    margin-right: 10px;
}

.elevation-3 {
    box-shadow: none !important;
}