/*
 * Bootstrap-Overlay / Brücke zum Legacy-Markup.
 *
 * Bootstrap übernimmt das Layout (Container, Grid, Cards, Navbar). Die
 * Legacy-Klassen aus style.css (.content_table, .content_header, .content,
 * .leftbarmenu, .menulink, .menusublink, .menuform) bleiben für noch nicht
 * migrierte Seiten in Reichweite, werden aber neutralisiert / mobile-fähig
 * gemacht.
 */

/* ---------- Reset des fixen 750px-Layouts ---------- */
body {
    background-color: #f5f3f0;
    cursor: auto;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body > footer {
    margin-top: auto;
}
main {
    flex: 1;
}

/* Alte 750px-Container fluid machen, falls noch verwendet */
#hp_container,
#hp_container_forum {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    left: auto !important;
}

/* Logo/Topbar/Bottombar aus dem Legacy-Layout: aus dem Flow nehmen */
#logo_bg_td,
#leftbar,
#middle,
#bottomcat,
#topcat,
#logo {
    background: none !important;
    width: auto !important;
    padding: 0 !important;
}
#leftbar { display: none; }       /* sidebar kommt jetzt aus includes/sidebar.php */
#topcat  { display: none; }       /* topbar.php */
#bottomcat { display: none; }     /* footer im page_footer.php */

/* ---------- Legacy-Karten in Bootstrap-Cards überführen ---------- */
.content_table {
    background: #fff;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    min-height: auto;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.content_header {
    background: #7d5e5e;
    color: #fff;
    padding: .6rem 1rem;
    font-weight: 600;
    font-size: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    height: auto;
}
.content {
    padding: 1rem;
    font-size: 1rem;
}
.content p.headline {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    color: #7d5e5e;
}
.content blockquote {
    margin: 0 0 1rem 0;
    padding-left: 1rem;
    border-left: 3px solid #f0ddc6;
    color: #444;
}

/* Hint-Boxen aus style.css (Login-Errors, Notifies) als Bootstrap-Alert */
div.hint {
    margin: 1rem 0;
}
div.hint .error,
div.hint .success {
    border-radius: .375rem;
    padding: .75rem 1rem;
    background-image: none !important;
    border-width: 1px;
    border-style: solid;
}
div.hint .error  { background: #f8d7da; color: #842029; border-color: #f5c2c7; }
div.hint .success{ background: #d1e7dd; color: #0f5132; border-color: #badbcc; }
div.hint h1 { margin: 0 0 .5rem 0; font-size: 1.05rem; }
div.hint ul { margin: 0; padding-left: 1.25rem; font-weight: normal; }
div.hint div { padding: 0; }

/* Tables in den Content-Cards: nicht erzwungen breit */
.content table { width: auto; max-width: 100%; }
.content table td.abi_header_td,
.abi_header_td {
    background: #7d5e5e;
    color: #fff;
    padding: .5rem .75rem !important;
    height: auto;
    font-size: .875rem;
}
.abi_bit_td {
    padding: .5rem .75rem !important;
    border-bottom: 1px solid #eee;
    font-size: .9rem;
}

/* Buttons: <input type="image"> Optik dezent anpassen */
input.button {
    border: 0;
    padding: 0;
    background: transparent;
}

/* Kleine Anpassung am topcat-Greeting (falls noch genutzt) */
#topcat {
    padding: .5rem 1rem;
    background-color: var(--bs-secondary-bg);
}

/* Forum-Wartungs-Card */
.forum-maintenance {
    margin: 1.5rem auto;
    max-width: 720px;
    padding: 1.25rem 1.5rem;
    border: 1px solid #e5d6b6;
    background: #fffbe8;
    border-radius: .5rem;
}
.forum-maintenance h2 {
    margin-top: 0;
    color: #7d5e5e;
}

/* Mobile feintuning */
@media (max-width: 575.98px) {
    .content_header { font-size: .95rem; padding: .5rem .75rem; }
    .content        { padding: .75rem; }
    main.container  { padding-left: .75rem; padding-right: .75rem; }
}