/* Institut Tshakapesh admin accents. Keep Unfold's dark foundation while
   bringing navigation and django-parler states into the project's palette. */
:root {
    --tshakapesh-crimson: #c31447;
    --tshakapesh-magenta: #e43b6f;
    --tshakapesh-deep: #220811;
}

.dark body,
.dark #page {
    background: #10070a;
}

.dark aside,
.dark nav[aria-label="Sidebar"] {
    background: linear-gradient(180deg, #1d0910 0%, #10070a 100%);
}

/* Let the brand breathe inside Unfold's compact sidebar header. */
.tshakapesh-admin-logo {
    padding-block: 1rem;
}

aside a:hover,
aside a[aria-current="page"] {
    color: var(--tshakapesh-magenta);
}

.dashboard-card:hover {
    box-shadow: 0 14px 35px rgb(195 20 71 / 14%);
}

/* django-parler ships blue tabs by default; align every state with the
   Tshakapesh crimson scale in both themes. */
.parler-language-tabs {
    border-bottom-color: var(--tshakapesh-crimson) !important;
}

.parler-language-tabs span,
.parler-language-tabs a {
    border-color: #e8a1b5 !important;
}

.parler-language-tabs span.current,
.parler-language-tabs span.active,
.parler-language-tabs .active,
.parler-language-tabs a:hover,
.parler-language-tabs .available a:hover {
    background: var(--tshakapesh-crimson) !important;
    border-color: var(--tshakapesh-crimson) !important;
    color: #fff !important;
}

.parler-language-tabs span.available,
.parler-language-tabs span.available a {
    color: #8b1a2e !important;
}

.parler-language-tabs span.empty,
.parler-language-tabs span.empty a {
    color: #8a5967 !important;
}

.dark .parler-language-tabs span,
.dark .parler-language-tabs a {
    border-color: #641124 !important;
}

.dark .parler-language-tabs span.available,
.dark .parler-language-tabs span.available a {
    color: #f0789d !important;
}

.dark .parler-language-tabs span.empty,
.dark .parler-language-tabs span.empty a {
    color: #b98594 !important;
}