/* Crystal Palace Logo Styling */
.logo-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Remove File Browser logo */
#logo {
    display: none !important;
}

/* Add Crystal Palace logo before the portal name */
.navbar-brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.navbar-brand:before {
    content: "" !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    background-image: url('/branding/cp-logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.navbar-brand:after {
    content: "ROBnas Portal" !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    color: #333 !important;
}

.navbar-brand img {
    display: none !important;
}

/* Remove footer branding */
.footer {
    display: none !important;
}

/* Add logo to login page */
.login-container h1 {
    visibility: hidden;
    position: relative;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.login-container h1:before {
    visibility: visible;
    content: "" !important;
    display: inline-block !important;
    width: 48px !important;
    height: 48px !important;
    background-image: url('/branding/cp-logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.login-container h1:after {
    visibility: visible;
    position: static;
    content: "ROBnas Portal" !important;
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    color: #333 !important;
}