/* ============================================================
   JOBS PAGE - jobs-styles.css
   ============================================================ */

.tr-jobs-hero-sub { color:#aaa; font-size:0.95rem; margin-top:0.5rem; }

/* Preisboxen */
.tr-jobs-fees { display:flex; gap:1rem; margin:1rem 0; }
.tr-jobs-fee {
    flex:1; text-align:center;
    background:rgba(0,0,0,0.3);
    border:1px solid rgba(201,168,76,0.2);
    border-radius:8px; padding:0.75rem 0.5rem;
}
.tr-jobs-fee-time { font-size:0.72rem; color:#888; letter-spacing:0.06em; margin-bottom:0.25rem; }
.tr-jobs-fee-amount { font-size:1.4rem; font-weight:700; color:var(--tr-gold); }

/* 100% Extras Badge */
.tr-jobs-extras {
    text-align:center;
    background:rgba(76,175,109,0.08);
    border:1px solid rgba(76,175,109,0.25);
    color:#4caf7d;
    font-size:0.82rem; font-weight:700;
    border-radius:6px; padding:0.4rem 1rem;
    margin-top:0.25rem; letter-spacing:0.04em;
}

/* Listen */
.tr-jobs-list {
    list-style:none; padding:0; margin:0;
    color:#aaa; font-size:0.88rem; line-height:1.7;
}
.tr-jobs-list li { padding:0.2rem 0 0.2rem 1.2rem; position:relative; }
.tr-jobs-list li::before {
    content:'›'; position:absolute; left:0;
    color:var(--tr-gold-dark); font-size:1rem; line-height:1.4;
}

/* Kontakt-Block */
.tr-jobs-contact {
    margin:2rem 0 1rem;
    padding:1.5rem;
    background:rgba(201,168,76,0.04);
    border:1px solid rgba(201,168,76,0.2);
    border-radius:8px;
}
.tr-jobs-contact-btns { display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:0.75rem; }
.tr-jobs-btn {
    display:inline-flex; align-items:center; gap:0.4rem;
    padding:0.55rem 1.1rem;
    border-radius:6px; font-size:0.88rem; font-weight:600;
    text-decoration:none; transition:all 0.2s;
    border:1px solid transparent;
}
.tr-jobs-btn-phone {
    background:rgba(201,168,76,0.12);
    border-color:rgba(201,168,76,0.3);
    color:var(--tr-gold);
}
.tr-jobs-btn-phone:hover { background:rgba(201,168,76,0.2); color:var(--tr-gold); }
.tr-jobs-btn-wa {
    background:rgba(37,211,102,0.1);
    border-color:rgba(37,211,102,0.3);
    color:#25d366;
}
.tr-jobs-btn-wa:hover { background:rgba(37,211,102,0.18); color:#25d366; }
.tr-jobs-btn-mail {
    background:rgba(255,255,255,0.04);
    border-color:rgba(255,255,255,0.12);
    color:#aaa;
}
.tr-jobs-btn-mail:hover { background:rgba(255,255,255,0.08); color:#ccc; }

@media (max-width:480px) {
    .tr-jobs-fees { flex-direction:column; gap:0.5rem; }
    .tr-jobs-contact-btns { flex-direction:column; }
    .tr-jobs-btn { justify-content:center; }
}

/* Price-Note (ersetzt fee-boxes) */
.tr-jobs-price-note {
    text-align:center;
    background:rgba(201,168,76,0.08);
    border:1px solid rgba(201,168,76,0.2);
    color:var(--tr-gold);
    font-size:0.82rem; font-weight:700;
    border-radius:6px; padding:0.5rem 1rem;
    margin-top:0.25rem; letter-spacing:0.04em;
}

/* Bewerbungsformular */
.tr-form-label { display:block; font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--tr-gold-dark); margin-bottom:0.35rem; }
.tr-req { color:var(--tr-gold); }
.tr-form-input {
    width:100%; background:rgba(255,255,255,0.04); border:1px solid rgba(201,168,76,0.18);
    border-radius:6px; padding:0.55rem 0.85rem; color:#e8d9b8; font-size:0.88rem;
    transition:border-color 0.2s; outline:none;
}
.tr-form-input:focus { border-color:rgba(201,168,76,0.5); background:rgba(255,255,255,0.06); }
.tr-form-input option { background:#1a0a12; color:#e8d9b8; }
textarea.tr-form-input { resize:vertical; min-height:100px; }
.tr-radio-group { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.25rem; }
.tr-radio-label { display:flex; align-items:center; gap:0.4rem; cursor:pointer; color:#aaa; font-size:0.85rem; }
.tr-radio-label input { accent-color:var(--tr-gold); }
.btn.tr-btn-gold {
    background:linear-gradient(135deg,var(--tr-gold-dark),var(--tr-gold));
    color:#1a0a12; font-weight:700; border:none; border-radius:8px;
    letter-spacing:0.04em; transition:all 0.2s;
}
.btn.tr-btn-gold:hover { filter:brightness(1.1); color:#0a0206; }

/* Header-Buttons (ersetzen Badge) */
.tr-jobs-header-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 1rem 0 0.75rem;
}
.tr-jobs-btn-apply {
    background: linear-gradient(135deg, var(--tr-gold-dark), var(--tr-gold));
    border-color: transparent;
    color: #1a0a12;
    font-weight: 700;
}
.tr-jobs-btn-apply:hover { filter: brightness(1.1); color: #0a0206; }

/* Flaggen-Umschalter */
.tr-jobs-lang-switch {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.5rem;
}
.tr-jobs-lang-btn {
    font-size: 1.5rem;
    line-height: 1;
    text-decoration: none;
    opacity: 0.45;
    transition: opacity 0.2s, transform 0.15s;
    border-radius: 4px;
    padding: 2px 3px;
    display: inline-block;
}
.tr-jobs-lang-btn:hover  { opacity: 0.85; transform: scale(1.15); }
.tr-jobs-lang-btn.active { opacity: 1;    transform: scale(1.1);  }

/* Navbar Dropdown */
.tr-jobs-dropdown {
    background: rgba(18,5,12,0.98) !important;
    border: 1px solid rgba(201,168,76,0.25) !important;
    border-radius: 8px !important;
    padding: 0.5rem 0 !important;
    min-width: 220px;
}
.tr-jobs-dropdown .dropdown-item {
    color: #ccc !important;
    font-size: 0.88rem;
    padding: 0.4rem 1rem;
    transition: background 0.15s;
}
.tr-jobs-dropdown .dropdown-item:hover {
    background: rgba(201,168,76,0.08) !important;
    color: var(--tr-gold) !important;
}

/* Footer Jobs Links */
.tr-footer-jobs-links { display: flex; flex-direction: column; gap: 0.25rem; }
.tr-footer-jobs-links .tr-footer-col-title {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tr-gold-dark);
    margin-bottom: 0.35rem;
}
.tr-footer-jobs-links a {
    color: #666;
    text-decoration: none;
    font-size: 0.8rem;
    transition: color 0.15s;
}
.tr-footer-jobs-links a:hover { color: var(--tr-gold-dark); }

@media (max-width: 576px) {
    .tr-jobs-header-btns { flex-direction: column; }
    .tr-jobs-header-btns .tr-jobs-btn { justify-content: center; }
}

/* Fix: Header-Buttons zentriert */
.tr-page-header .tr-jobs-header-btns {
    justify-content: center;
}
.tr-page-header .tr-jobs-lang-switch {
    justify-content: center;
}