/* FrachtImperium – UI-Korrektur nach dem ersten Vereinheitlichungs-Patch
   Stand: 2026-06-17

   Ziel dieser Datei:
   - den zu aggressiven Global-Patch entschärfen
   - keine Buttons mehr pauschal gelb/orange färben
   - keine Karten/Tabellen/Formulare mehr pauschal überschreiben
   - Header/Footer und öffentliche Landing-Textbereiche vorsichtig glätten
   - Hintergrundbilder der Seiten bleiben unangetastet
*/

:root{
    --fi-ui-bg:#05070c;
    --fi-ui-panel:rgba(7,11,18,.62);
    --fi-ui-panel-strong:rgba(7,11,18,.82);
    --fi-ui-line:rgba(255,255,255,.13);
    --fi-ui-line-gold:rgba(245,184,75,.30);
    --fi-ui-gold:#d4a64a;
    --fi-ui-gold-light:#ffe4a3;
    --fi-ui-text:#f8fafc;
    --fi-ui-muted:#b6c1d4;
    --fi-ui-shadow:0 18px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.055);
}

html{color-scheme:dark;}
body{color:var(--fi-ui-text);}
body::before{pointer-events:none;}

/* WICHTIG:
   Keine globalen Regeln mehr für .btn, button, .card, .panel, input, table usw.
   Dadurch behalten Frachtmarkt, Disposition, Rangliste, Händler und Fuhrpark wieder ihre eigene UI-Logik.
*/

/* Öffentlicher Header: sticky und hochwertig, aber ohne Ingame-Buttons zu beeinflussen. */
body > .topbar{
    position:sticky;
    top:0;
    z-index:1000;
    background:
        radial-gradient(circle at 18% 0%,rgba(245,184,75,.12),transparent 34%),
        linear-gradient(180deg,rgba(7,11,18,.94),rgba(7,11,18,.78)) !important;
    border-bottom:1px solid var(--fi-ui-line-gold) !important;
    box-shadow:0 12px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter:blur(14px) saturate(126%);
    -webkit-backdrop-filter:blur(14px) saturate(126%);
}

body > .topbar nav a:not(.btn){
    color:#d8dfed;
}
body > .topbar nav a:not(.btn):hover,
body > .topbar nav a:not(.btn):focus{
    color:var(--fi-ui-gold-light);
}
body > .topbar nav .btn.small{
    background:linear-gradient(180deg,var(--fi-ui-gold-light),var(--fi-ui-gold) 58%,#b97822) !important;
    color:#1c1204 !important;
    border:1px solid rgba(255,228,163,.48) !important;
    box-shadow:0 10px 28px rgba(212,166,74,.25), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* Öffentliche Landingpage: Texte ruhiger setzen, damit Überschriften nicht wie hingeklatscht wirken. */
.landing-page .section-title{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.85fr);
    align-items:end;
    gap:clamp(18px,3vw,42px);
    margin-bottom:clamp(22px,2.6vw,34px);
}
.landing-page .section-title h2{
    max-width:780px;
    font-size:clamp(1.9rem,3.05vw,3.15rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;
}
.landing-page .section-title p{
    justify-self:end;
    max-width:560px;
    color:rgba(214,222,236,.84);
    font-size:clamp(.98rem,1.05vw,1.08rem);
    line-height:1.65;
}
.landing-page .screenshot-gallery{
    gap:clamp(16px,2vw,22px);
}
.landing-page .screenshot-teaser{
    padding:clamp(18px,1.8vw,24px);
}
.landing-page .screenshot-teaser h3{
    margin:12px 0 8px;
    font-size:clamp(1.2rem,1.45vw,1.55rem);
    line-height:1.16;
}
.landing-page .screenshot-teaser p{
    font-size:clamp(.96rem,1vw,1.06rem);
    line-height:1.58;
}
.landing-page .fi-hero,
.landing-page .card,
.landing-page .fi-highlight-card,
.landing-page .fi-final-card{
    backdrop-filter:blur(12px) saturate(122%);
    -webkit-backdrop-filter:blur(12px) saturate(122%);
}

/* Footer: nur die echte globale Footer-Leiste anfassen. */
.footer.fi-global-footer,
footer.fi-global-footer{
    width:min(1480px,calc(100% - 48px));
    margin:28px auto;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
    border:1px solid var(--fi-ui-line-gold) !important;
    border-radius:22px;
    background:
        radial-gradient(circle at 18% 0%,rgba(245,184,75,.10),transparent 34%),
        linear-gradient(180deg,rgba(7,11,18,.78),rgba(7,11,18,.56)) !important;
    box-shadow:var(--fi-ui-shadow);
    backdrop-filter:blur(14px) saturate(126%);
    -webkit-backdrop-filter:blur(14px) saturate(126%);
}
.footer.fi-global-footer a,
footer.fi-global-footer a{
    color:var(--fi-ui-gold-light) !important;
    font-weight:850;
    text-decoration:none;
    padding:6px 10px;
    border-radius:999px;
}
.footer.fi-global-footer a:hover,
footer.fi-global-footer a:hover{
    background:rgba(245,184,75,.12);
}

/* Mobile: nur Landing/Footer beruhigen, keine Ingame-Layout-Hammer. */
@media(max-width:900px){
    .landing-page .section-title{
        grid-template-columns:1fr;
        align-items:start;
    }
    .landing-page .section-title p{
        justify-self:start;
        max-width:720px;
    }
}

@media(max-width:760px){
    body > .topbar{
        padding-left:16px;
        padding-right:16px;
    }
    .footer.fi-global-footer,
    footer.fi-global-footer{
        width:min(100% - 22px,760px);
        flex-direction:column;
        text-align:center;
    }
}