/*
 * Inline-<style>-Bloecke des Klons (Joomla/Gantry5).
 * Bewusst als externe Datei: InlineCriticalCss.js reduziert Inline-<style>
 * beim Production-Build auf Above-the-fold und wuerde diese Regeln verwerfen.
 */

/*
 * Kunden-interne Links wurden fuer das Portal auf absolute URLs umgeschrieben
 * (relative /de/... wuerden auf der Portal-Domain 404en). custom_28.css haengt an
 * `a[href^="http"]` ein External-Link-Icon — das traf dadurch die komplette Navigation.
 * Icon nur fuer echte Fremd-Domains behalten.
 */
a[href^='https://www.heinzmann.com']:not(.button-media)::before {
    content: none;
}

/*
 * Layers-/TMS-Komponenten liefern absolute Portal- bzw. Social-URLs — dort kein External-Link-Icon.
 * !important ist hier noetig: ohne setzt custom_28.css das FA-Glyph trotz hoeherer Spezifitaet
 * weiter (messbar an der 20px breiteren Social-Kachel) — klassischer Vendor-CSS-Override.
 */
.tms-component a[href^='http']::before,
.tms-component a[href^='mailto']::before,
.tms-component a[href^='tel']::before {
    content: none !important;
}

/*
 * helium_28.css setzt global `a { color: #007e80 }`. Das Primary-Teal erreicht auf dem
 * hellgrauen Kunden-Hintergrund (#f0f0f0) nur 4.28:1 und auf dem dunklen Klaro-Banner
 * 2.69:1 — beides reisst das A11y-Gate (SC 1.4.3, AA 4.5:1).
 * Korrektur unlayered, weil die Klon-CSS selbst unlayered ist und Tailwind-Utilities
 * (@layer utilities) dagegen immer verlieren wuerden.
 */
#tms-layers-app .tms-component--datenschutz a,
#tms-layers-app .tms-component--candidate-widget a,
#tms-layers-app .tms-component--accordion a,
#tms-layers-app .tms-component--about a,
#tms-layers-app .tms-component--benefits a,
#tms-layers-app .tms-component--contact a,
#tms-layers-app .tms-component--quotes a:not([class]) {
    /* dunkles Heinzmann-Teal: 6.97:1 auf #f0f0f0 */
    color: #155a5b;
}

/*
 * TMS-Autosize-Felder (Titel-/Standort-Filter) bekommen per Inline-Style
 * `box-sizing: content-box; width: <Textbreite>px`. helium-joomla_28.css erzwingt fuer
 * input[type=text] `box-sizing: border-box !important` — dadurch fressen die 2x20px
 * Padding die gemessene Textbreite und der eingegebene Text wird abgeschnitten
 * (scrollWidth 84px bei clientWidth 56px). Inline-Style + !important der Klon-CSS
 * lassen nur ein !important zu.
 */
#tms-layers-app input.tms-filter--filterable {
    box-sizing: content-box !important;
    /* helium-joomla_28.css gibt input[type=text] 6px/20px — deutlich zu wuchtig fuer die
       Autosize-Felder, der Fokus-Ring lief weit um den Text herum. Kompakt + eckig
       (Heinzmann ist eckig, der 4px-Radius kommt aus der Klon-CSS), Ring ohne Offset
       direkt am Feldrand. */
    padding: 0 4px;
    border-radius: 0;
    outline-offset: 0 !important;
    /* helium-joomla_28.css legt input[type=text] auf #f0f0f0 — das Feld sass als grauer
       Kasten im weissen Filter-Panel. Transparent = Panel-Weiss. */
    background-color: transparent;
}

/*
 * custom_28.css setzt `ol,ul { margin: .5rem 0 .5rem 1.5rem }` — die Joblist ist ein <ul>
 * und wurde dadurch um 24px nach rechts geschoben, also gegen Headline und Filterspalte
 * versetzt. Nur die Job-Feeds zuruecksetzen; Aufzaehlungen (FAQ, Datenschutz) und das
 * Kunden-Chrome (Sprach-/Footer-Menue) behalten ihren Einzug.
 */
#tms-layers-app #tms-jobfeed-list,
#tms-layers-app #tms-featured-jobfeed-list {
    margin-left: 0;
}

/* Klaro-Banner/-Modal sind dunkel — dort weisse Links statt Teal (2.69:1) */
#klaro a,
.klaro a,
.cookie-notice a,
.cookie-modal a,
.cm-link {
    color: #fff;
}

/* Initiativ-CTA in der Kunden-Utility-Leiste (PM-8039: kein Talent Network, nur Initiativbewerbung) */
#g-navigation .tms-clone-initiativ-wrap {
    margin: 0 12px 0 0;
}

#g-navigation .tms-clone-initiativ {
    display: inline-block;
    padding: 4px 12px;
    background: #007e80;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

#g-navigation .tms-clone-initiativ:hover,
#g-navigation .tms-clone-initiativ:focus {
    background: #155a5b;
    color: #fff;
}

/*
 * Unter dem Gantry-Menue-Breakpoint (65rem) kollidiert der CTA mit Burger + Logo.
 * Dort uebernimmt der `hidden-desktop`-Eintrag im Offcanvas-Menue.
 */
@media (max-width: 64.99rem) {
    #g-navigation .tms-clone-initiativ-wrap {
        display: none;
    }
}

/*
 * nucleus/helium setzen `#g-page-surround { min-height:100vh; overflow:hidden }`.
 * Bei User-Textspacing (SC 1.4.12) wird Inhalt oberhalb der 100vh abgeschnitten.
 * `clip` auf der X-Achse erfuellt weiterhin den Zweck (kein horizontales Bleeding),
 * vertikal wird nicht mehr geclippt — und es entsteht kein zweiter Scroll-Container.
 */
#g-page-surround {
    overflow-x: clip;
    overflow-y: visible;
}

/* sticky Navigation — Klasse wird vom Klon-JS beim Scrollen gesetzt */
#g-navigation.g-fixed-element {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1003;
}