/* Custom styling for DaisyUI admin logo with higher specificity */
html body .daisy-logo img,
html body .sidebar-logo img,
html body [data-theme] .logo img,
html body .admin-logo img,
html body .drawer-side img,
html body .navbar img,
html body .sidebar img,
html body .menu img {
    padding: 8px !important;
    border-radius: 4px !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important;
}

/* Alternative selectors for different possible logo containers with higher specificity */
html body .navbar-brand img,
html body .brand img,
html body .logo-container img {
    padding: 8px !important;
    border-radius: 4px !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important;
}

/* Add spacing around logo container with higher specificity */
html body .logo,
html body .brand,
html body .navbar-brand,
html body .sidebar-brand {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Push dashboard content down with higher specificity */
html body .main-content,
html body .content,
html body .dashboard,
html body .admin-content,
html body [data-theme] .main {
    margin-top: 25px !important;
    padding-top: 20px !important;
}

/* More aggressive targeting for any image in sidebar/navigation areas */
html body div[class*="sidebar"] img,
html body div[class*="drawer"] img,
html body div[class*="navbar"] img,
html body nav img {
    margin-right: auto !important;
    display: block !important;
}

/* Center any logo-containing elements */
html body div[class*="sidebar"],
html body div[class*="drawer"],
html body div[class*="navbar"],
html body nav {
    text-align: center !important;
}

/* Specific centering for sidebar brand/logo areas */
html body .sidebar-brand,
html body .drawer-brand,
html body .navbar-brand,
html body .brand-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}