/* Korrekturen am Klon acat-personal.de, geladen in components/clone/head.hbs nach dem Klon-CSS.
   Jede Regel mit Begruendung. Markenfarben unveraendert, nur zugeordnet. */

/* Laravel-Mix-Klon: das Klon-CSS setzt die Jumbotron der Jobsuche in .job-list-wrapper auf
   padding-top 10vh (".job-list-module .job-list-wrapper .jumbotron"). Das gemeinsame
   joblist.hbs hat keinen Wrapper, es griff ".job-list-module .jumbotron" mit 25vh (Desktop)
   bzw. 5vh (mobil). Wert wie im Klon-CSS, wie bei vakant-personal und mehr-personalkonzepte. */
.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), dort gehoert kein Abstand hin. */
.job-list-module section {
    margin-bottom: 0;
}

/* WCAG SC 2.4.7: das Klon-CSS setzt ".navbar-toggler:focus { box-shadow: none !important;
   outline: none !important }", damit hatte der Hamburger-Button keinen Fokusring.
   :focus mit !important schlaegt das !important des Klons, wie bei vakant-personal.
   Ring in --color-outline (Navy, 11,4:1 auf der weissen Navigation). */
.navigation-module .navbar-toggler:focus {
    outline: 2px solid var(--tms-color-outline) !important;
    outline-offset: 2px;
}

/* Rahmen aller Eingabefelder: das gemeinsame CSS rahmt mit --color-gray-light, bei acat
   #fdf1f1 (--bs-light), auf Weiss kaum sichtbar. Rahmen wie die Felder der Kundenseite
   (.form-control, --bs-border-color #dee2e6 im Klon-CSS). 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, Initiativ-Weiche, 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, auch Searchbar und Landingpage (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;
}

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