/*
 * Partner-Site (harzpartner): Harzspots-Look statt HarzJobs-Look.
 * harzjobs.css wird auf allen Sites geladen und setzt einen hellen Hintergrund, dunkle Schrift und
 * blaue Buttons. Hier: Hintergrund #272b30 und Harzspots-Buttons (wie auf der Harzspots-Hauptseite).
 * Die HarzJobs-Farbvariablen werden auf ihre Dark-Werte gesetzt, damit deren Komponenten lesbar bleiben.
 */
html:root:root {
    --ink: #ccc; /* Standard-Schriftfarbe wie im Original (harzspots.com) */
    --ink-2: #c4c8d1;
    --ink-3: #9298a4;
    --paper: #272b30;
    --card: #1d1d20;
    --line: #2e2e33;
}

/*
 * Hintergrund #272b30 nur für Login, Übersicht nach dem Login und die Registrierung (Partner werden / Passwort setzen).
 * Alle anderen Seiten übernehmen den Standard (--paper oben); die Spot-Bearbeiten-/-Erstellen-Seiten behalten wie auf
 * harzspots.com ihren helleren Hintergrund #363d46 aus ManageSpots/main.css.
 */
html body:has(.pl-shell, .pl-hub, #StProgressBarregprogress) {
    background-color: #272b30;
}

/* Button allgemein: btn-primary wie auf harzspots.com */
html body .btn-primary {
    display: inline-block;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: #3a3f44;
    background-image: linear-gradient(#52565a, #3a3f44 60%, #353a3f);
    border: 1px solid #3a3f44;
    border-radius: .25rem;
    box-shadow: none;
}

html body .btn-primary:hover,
html body .btn-primary:active,
html body .btn-primary:focus {
    color: #fff;
    background-color: #31363a;
    background-image: linear-gradient(#52565a, #3a3f44 60%, #353a3f);
    border-color: #2e3236;
}

html body .btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(88, 92, 96, .5);
}

/* harzjobs.css hebt Buttons beim Hover per transform an. Buttons, die sich per transform zentrieren
   (Spot-Fortschritt-Leiste), müssen ihre Zentrierung behalten. */
html body .btn-primary:not(.spotFort-LinkButton):hover {
    transform: none;
}

html body .btn-primary.spotFort-LinkButton:hover {
    transform: translateY(-50%);
}

/* Untermenüpunkte der Navigation: helles Grau statt Schwarz (plugins.css setzt #000 !important) */
html body .dropdown-item {
    color: #c4c8ce !important;
    text-shadow: none;
}

/* Schließen-Kreuz der Modals: die Modals sind dunkel, das Standard-Icon ist schwarz (wie .btn-close-white) */
html body .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/*
 * harzjobs.css nutzt ".nav" für die HarzJobs-Kopfzeile (height: 68px; gap: 28px; align-items: center).
 * Das trifft jedes Bootstrap-.nav (Tabs) und nagelte z. B. die Tab-Leiste bei "Ausstattung / Merkmale" auf 68px Höhe fest.
 */
html body .nav {
    height: auto;
    gap: 0;
    align-items: normal;
}