/* Florian Rolke branded ntfy overrides */

/* ===== MAIN HEADER (AppBar) — Blue gradient ===== */
.MuiAppBar-root,
.MuiAppBar-root.MuiAppBar-colorPrimary,
.MuiAppBar-root.MuiPaper-root,
header[class*="MuiAppBar"],
[class*="MuiAppBar"] {
    background: linear-gradient(150deg, #3A4FCC 0%, #2B7ADB 100%) !important;
    background-image: linear-gradient(150deg, #3A4FCC 0%, #2B7ADB 100%) !important;
    background-color: #3A4FCC !important;
}

.MuiAppBar-root .MuiToolbar-root,
.MuiAppBar-root [class*="MuiToolbar"] {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* ===== SIDEBAR/DRAWER — Reset to default (no blue gradient) ===== */
.MuiDrawer-root .MuiToolbar-root,
.MuiDrawer-paper .MuiToolbar-root,
[class*="MuiDrawer"] [class*="MuiToolbar"] {
    background: inherit !important;
    background-image: none !important;
    background-color: inherit !important;
}

/* ===== LOGO — Replace ntfy logo with custom ===== */
.MuiAppBar-root img[alt],
.MuiAppBar-root [class*="MuiToolbar"] img {
    content: url('/branding/logo.png') !important;
    height: 32px !important;
    object-fit: contain;
}

/* ===== PRIMARY COLORS ===== */
.MuiButton-containedPrimary,
[class*="MuiButton-containedPrimary"] {
    background-color: #3A4FCC !important;
}

.MuiButton-containedPrimary:hover,
[class*="MuiButton-containedPrimary"]:hover {
    background-color: #2B3AAA !important;
}

a, a:visited {
    color: #3A4FCC !important;
}

a:hover {
    color: #2B3AAA !important;
}

.MuiSwitch-colorPrimary.Mui-checked {
    color: #3A4FCC !important;
}

.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {
    background-color: #3A4FCC !important;
}