/* Korrekturen am Klon M.E.H.R. Personalkonzepte, geladen in components/clone/head.hbs nach dem
   Klon-CSS. Jede Regel mit Begruendung. Markenfarben unveraendert, nur zugeordnet. */

/* Ergebnis-Band der Jobsuche: gemeinsames joblist.hbs setzt .results.bg-white, die
   Kundenseite hat hier .results.bg-light.text-dark (rgb(248,249,250), Schrift #403f3f). */
#joblist-results.results {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark);
}

/* Laravel-Mix-Klon: live liegt die Jumbotron in .job-list-wrapper und bekommt dort
   padding-top 10vh (90px bei 900px Hoehe). Das gemeinsame joblist.hbs hat keinen Wrapper,
   es griff .job-list-module .jumbotron { padding-top: 25vh }. */
.job-list-module .jumbotron {
    padding-top: 10vh;
}

/* Klon-CSS setzt section { margin-bottom: 6rem } global. Innerhalb der Jobsuche liegen die
   Sektionen des Widgets (Filter, Ergebnisse), live hat der Block keine solchen Abstaende. */
.job-list-module section {
    margin-bottom: 0;
}

/* Fokusring Mobil-Menue (WCAG 2.4.7): Klon-CSS setzt .navbar-toggler:focus
   { box-shadow: none !important; outline: none !important }. Ring in --bs-dark auf weisser Nav. */
/* :focus mit !important statt :focus-visible: schlaegt das !important des Klons, wie bei vakant-personal. */
.navigation-module .navbar-toggler:focus {
    outline: 2px solid var(--bs-dark) !important;
    outline-offset: 2px;
}

/* Rahmen aller Eingabefelder: das gemeinsame CSS rahmt mit --color-gray-light, bei MEHR
   #f8f9fa, auf der Seitenflaeche #f8f9fa unsichtbar (Talent Network /anmeldung, OT-9327).
   Rahmen wie die Suchfelder der Kundenseite (.form-control, --bs-border-color #dee2e6,
   gemessen auf mehr-personalkonzepte.de/fuer-bewerber/stellenangebote). Selektoren wie bei
   vakant-personal, jede Zeile eine Stufe spezifischer als die gemeinsame Regel.
   Fehler (.tms-has-error) und Checkbox behalten ihre Rahmen, Fokusring (outline) unberuehrt. */

/* Talent Network, Login im Widget (gemeinsam 0,3,0) */
.tms-app .tms-component--candidate-widget :is(.tms-candidate-widget-type--input, .tms-candidate-widget-login-email, .tms-candidate-widget-login-password, .tms-candidate-widget-recovery-password-email):not(.tms-has-error),
.tms-app .tms-component--candidate-widget .tms-candidate-widget-type--select:not(.tms-has-error) .tms-select-replacement-wrapper,
/* Filter der Jobsuche (gemeinsam 1,3,0, im Fokus 1,4,0, deshalb body davor: 1,4,1) */
body .tms-app #tms-filter-wrap .tms-filter-item-wrap :is(.tms-filter-item, .tms-geosearch-item--select):not(.tms-filter-item--checkbox),
/* Nutzerbereich: Login und Einstellungen (gemeinsam 0,4,0) */
.tms-app #tms-user-wrap :is(.tms-user-setting-input, .tms-user-setting-select, .tms-user-login-email, .tms-user-login-password, .tms-user-recover-password-email) {
    border-color: #dee2e6;
}

/* Fixierter Footer der Kundenseite (.footer-module, position fixed, 30px hoch bei 375,
   40px bei 1440) liegt am Seitenende ueber der letzten Zeile. Platz in Footer-Hoehe unter
   dem Inhalt, wie bei vakant-personal. */
html body .tms-app:has(+ .footer-module) {
    padding-bottom: 40px;
}