/* Korrekturen am Klon vakant-personal.de. Geladen in components/clone/head.hbs nach dem Klon-CSS.
   Keine Markenfarben aendern, nur Klon-Eigenheiten. */

/* Jobsuche: live sitzt .jumbotron in .job-list-wrapper, dort greift
   ".job-list-module .job-list-wrapper .jumbotron { padding-top: 10vh !important }".
   Das gemeinsame Markup (src/components/joblist/joblist.hbs) hat den Wrapper nicht,
   ohne diese Regel gilt 25vh (Desktop) bzw. 5vh (mobil). Gemessen live: 90px bei 900px Hoehe. */
.job-list-module .jumbotron {
    padding-top: 10vh !important;
}

/* Headline-Schrift Dosis: das Klon-CSS setzt Dosis nur ueber Klassen
   (".display-1 bis .display-5, .h1 bis .h5 { font-family: Dosis !important }"), live tragen
   alle Headlines diese Klassen. Die Sektionen des Musters rendern h2/h3 ohne Bootstrap-Klassen
   und fielen auf Barlow. Gemeinsames CSS (themes/laravel-vite/base.css) setzt
   --tms-heading-font nur fuer Stellenanzeige und Jobtitel, deshalb hier fuer die Sektionen. */
.tms-app :is(h2, h3) {
    font-family: var(--tms-heading-font);
}

/* WCAG SC 2.4.7: das Klon-CSS setzt ".navbar-toggler:focus { outline: none !important }",
   damit hatte der Hamburger-Button keinen Fokusring (a11y-Gate). Gleicher Ring wie die
   gemeinsame Regel in src/assets/themes/v4/css/base.css, !important schlaegt das des Klons. */
.navigation-module .navbar-toggler:focus {
    outline: 2px solid var(--tms-color-outline, #005fcc) !important;
    outline-offset: 2px;
}

/* Rahmen aller Eingabefelder: das gemeinsame CSS rahmt mit --color-gray-light, bei Vakant
   #f8f9fa, auf Weiss kaum sichtbar. Rahmen wie die Suchfelder der Kundenseite (.form-control,
   --bs-border-color #dee2e6, gemessen auf vakant-personal.de/fuer-bewerber/stellenangebote).
   Jede Zeile eine Stufe spezifischer als die gemeinsame Regel, die spaeter laedt.
   Fehler (.tms-has-error) und Checkbox behalten ihre Rahmen. Im Fokus fiel der Filterrahmen
   sonst auf #f8f9fa zurueck, der Fokusring (outline) bleibt 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
   ".tms-filter-item.tms-is-in-focus" 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;
}

/* Weichen-Seite /initiativ (OT-9245): leeres Radio der Standortauswahl rahmt gemeinsam mit
   --color-gray-light/50 (initiativ.css), bei Vakant #f8f9fa halb transparent, auf Weiss
   unsichtbar. Rahmen wie die Eingabefelder oben, ausgewaehlt bleibt Primaerfarbe. */
html body .tms-app .tms-component--initiativbewerbung #tms-on-spec [type='radio']:not(:checked) {
    border-color: #dee2e6;
}

/* Auszeichnungen, einheitliche Groesse (OT-9229). awards.css setzt jedes Logo ab lg auf
   max-width 150px, das breite AUEG-Netzwerk-Logo (294x50) stand damit bei 145x25 px, DQS
   bei 150x90, Anzeigenmarkt bei 150x57. Alle Logos gleich hoch, 50px = Originalhoehe des
   AUEG-Logos, kein Logo wird hochskaliert (DQS 124, Anzeigenmarkt 228 px hoch). Breite
   folgt dem Seitenverhaeltnis (DQS 83, AUEG 294, Anzeigenmarkt 132 px breit, gemessen
   1440/768/375). Gemeinsam bis 1,2,1 (.award-logo img), hier 1,2,3. */
html body .tms-app #awards .award-logo img {
    height: 50px;
    max-height: 50px;
    width: auto;
    max-width: 100%;
}

/* Fixierter Footer der Kundenseite (.footer-module, position fixed, 30px hoch bei 375,
   40px bei 1440) lag am Seitenende ueber der letzten Zeile: /zustimmung bei 375, letzte
   Glyphe 873, Footer ab 871 (OT-9235). Die Kundenseite haelt den Platz mit margin-bottom
   der letzten Sektion frei, hier Platz in Footer-Hoehe unter dem Inhalt davor. */
html body .tms-app:has(+ .footer-module) {
    padding-bottom: 40px;
}