/* gunde5 — site geneli mor üst bar (index .page-topbar ile uyumlu) */
:root {
    --g5-topbar-chrome: #6d28d9;
    --g5-topbar-chrome-dark: #5b21b6;
}

/* Mobil: tarayıcı / çentik bandı beyaz kalmasın */
html {
    background-color: var(--g5-topbar-chrome);
}

html.g5-tema-koyu {
    background-color: var(--g5-topbar-chrome-dark);
}

header,
.page-topbar,
#indexSiteHeader {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-top: none !important;
    box-shadow: 0 8px 24px rgba(91, 33, 182, 0.22);
}

header:not(.page-topbar),
#indexSiteHeader {
    padding-top: calc(16px + env(safe-area-inset-top, 0px)) !important;
}

.page-topbar {
    padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
}

body.dark-mode header,
body.dark-mode .page-topbar,
body.dark-mode #indexSiteHeader,
[data-theme="dark"] header,
[data-theme="dark"] .page-topbar,
[data-theme="dark"] #indexSiteHeader,
html.g5-tema-koyu header,
html.g5-tema-koyu .page-topbar,
html.g5-tema-koyu #indexSiteHeader {
    background: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

header .header-brand,
header a.header-brand,
.page-topbar .brand {
    color: #ffffff !important;
}

/* Anasayfa: üst bar ekranın tepesine yapışsın (main padding üstünde boşluk kalmasın) */
@media (max-width: 1023px) {
    .page-topbar {
        margin-top: 0;
        border-radius: 0 0 10px 10px;
    }
}