/*
 * TOM Fahrdienste – gemeinsame Zusatz-Styles
 * Ersetzt Inline-Styles (CSP-konform) und ergänzt Layout-Hilfsklassen
 * für Seiten mit dem älteren Theme (index.bundle.css).
 */

/* Header / Navigation */
.bg-header { background-color: #efefef; }
.phone-icon { height: 60px; width: auto; }
.nav-z { z-index: 1021; }
.nav-list { padding-left: 0.15rem; }
.dropdown-flush { border-top-left-radius: 0; border-top-right-radius: 0; }
.sticky-top-6 { top: 6rem; }
.dropdown-hover:hover > .dropdown-menu { display: inline-block; }
.dropdown-hover > .dropdown-toggle:active { pointer-events: none; }

/* Startseite */
.hero-contact { position: absolute; bottom: 20px; }
.min-h-7 { min-height: 7vh; }
.hero-bg { background-image: url("/assets/images/sprinter-1400.webp"); background-position: center; background-size: cover; }
.hero-bg-strasse { background-image: url("/assets/images/strasse.webp"); background-position: center; background-size: cover; }

/* Job-/Bewerbungsseiten */
.job-title {
    font-size: 90px;
    margin-top: 500px;
    transform: rotate(270deg);
}
.job-title-sm {
    font-size: 70px;
    margin-top: 500px;
    transform: rotate(270deg);
}
.job-subtitle { font-size: 3vh; }

/* Reservierung */
.reserve-hero { min-height: 550px; }
.reserve-heading {
    font-size: 4rem;
    margin-top: 260px;
    transform: rotate(270deg);
}
.reserve-heading-sm {
    font-size: 90px;
    margin-top: 400px;
    transform: rotate(270deg);
}

/* Karte / Fahrgebiet */
.map-icon { width: 36px; height: 36px; }
.map-container { width: 100%; }
.map-overlay {
    height: 584px;
    position: relative;
    left: 0;
    z-index: 99999;
}

/* Bilder / Team */
.footer-logo { width: 200px; height: auto; }
.bg-sprinter { background-image: url("/assets/images/sprinter-1400.webp"); }
.bg-strasse { background-image: url("/assets/images/strasse.webp"); }
.team-bg-guenter { background-image: url("assets/images/Mitarbeiter/Guenter-Staeckling.webp"); }
.team-bg-tom1 { background-image: url("assets/images/Mitarbeiter/tom1.webp"); }
.team-bg-tom3 { background-image: url("assets/images/Mitarbeiter/tom3.webp"); }

/* Gemeinsame Utility-Klassen (auch für Seiten des älteren Themes) */
.py-8 { padding-top: 8vh; padding-bottom: 8vh; }
.my-8 { margin-top: 8vh; margin-bottom: 8vh; }
.str {
    background-size: initial;
    background-position: bottom center;
    background-repeat: repeat;
    background-image: url("/assets/images/bg_str.png") !important;
}
.bg-tom2 { background-color: #b3ee44 !important; }
.partner { max-width: 200px; max-height: 62px; }
.text-tom { color: #f47025; }
.btn-tom { background-color: #f47025; color: #fff; }
.text-primary-hover { text-decoration: none; font-weight: 300; }
.text-primary-hover:hover { text-decoration: none; font-weight: 300; color: #f47025 !important; }

/* Barrierefreiheit: Fokus deutlich sichtbar */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #f47025;
    outline-offset: 2px;
}

/* Etwas mehr Kontrast für Formulartexte */
.form-text { color: #4a4a4a; }