/* ===================== */
/* Header & Logo Styling */
/* ===================== */

/* Navbar-Logo: nur Größe steuern; Zentrierung über den Navbar-Container lösen */
.navbar__logo {
  max-height: 40px;
  height: auto;
  width: auto;
}


/* ===================== */
/* Überschriften Styling */
/* ===================== */

/* Hauptüberschrift */
h1 {
    color: #555;
}

/* Spezielle Überschrift für Formulare */
.uberschrift{
    margin-top: 5%;
    margin-bottom: 1em;
    font-size: 36px;
    text-align: center;
}

/* ===================== */
/* Footer Styling        */
/* ===================== */

/* Footer-Hintergrundfarbe */
footer {
    background-color: #ff6200;
}

/* ===================== */
/* Body Layout           */
/* ===================== */

/* Für Seiten, die ein Sticky-Footer-Layout brauchen, wird das Layout
   über das jeweilige Base-Template (z.B. base_pr.html) geregelt. */
html,
body {
    height: 100%;
}

/* Layout-Helfer für Sticky-Footer-Seiten (Formularwelt) */
.br-page-full-height {
    height: 100%;
}

.br-body-flex {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.br-main-flex-grow {
    flex: 1 0 auto;
}


/* ===================== */
/* Navbar Styling        */
/* ===================== */

.navbar-br {
    background-color: #ff6200;
}

.navbar-br .nav-link,
.navbar-br .navbar-brand {
    color: #fff;
}

.navbar-br .nav-link:hover,
.navbar-br .navbar-brand:hover {
    color: #f8f9fa;
}

/* Einfache orange Navbar (Home, Profile) */
.navbar-br-basic {
    background-color: #ff6200;
}




/* ===================== */
/* Datei-Upload Bereich  */
/* ===================== */

/* Bereich für hochgeladene Dateien */
#files-area{
    width: 30%;
    margin: 0 auto;
}

/* Einzelner Datei-Block */
.file-block{
    border-radius: 10px;
    background-color: rgba(144, 163, 203, 0.2);
    margin: 5px;
    color: initial;
    display: inline-flex;
}

/* Dateiname im Datei-Block */
.file-block > span.name{
    padding-right: 10px;
    width: max-content;
    display: inline-flex;
}

/* Löschen-Button für Datei */
.file-delete{
    display: flex;
    width: 24px;
    color: initial;
    background-color: #6eb4ff00;
    font-size: large;
    justify-content: center;
    margin-right: 3px;
    cursor: pointer;
}

/* Hover-Effekt für Löschen-Button */
.file-delete:hover{
    background-color: rgba(144, 163, 203, 0.2);
    border-radius: 10px;
}

/* Symbol im Löschen-Button drehen */
.file-delete > span{
    transform: rotate(45deg);
}

/* ===================== */
/* Button-Container      */
/* ===================== */

/* Zentriert Buttons in einem Container */
.button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Abstand zwischen Buttons */
.button-container button {
    margin: 0 5px; /* Abstand zwischen Buttons */
}

/* ===================== */
/* Tooltip-Icon Styling  */
/* ===================== */

/* Einheitliches Aussehen für Hilfs-Icons neben Formularfeldern */
.help-tooltip-icon {
    cursor: pointer;
    color: #ff6200;
    font-size: 1.2em;
    margin-left: 0.1em;
    transition: color 0.2s;
}
.help-tooltip-icon:hover {
    color: #d35400;
}

/* ===================== */
/* Button Styling        */
/* ===================== */

/* Outline-Button in BR-Orange (z.B. auf Success-Seite und klassischem Login) */
.btn-outline-primary {
    color: #ff6200;
    border-color: #ff6200;
    background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
}

.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:active:focus {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
    box-shadow: none;
}

/* Unternehmens-Login-Button: immer orange + dezenter Hover-Scale */
.btn-unternehmen {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
    transition: transform 0.08s ease-out, box-shadow 0.08s ease-out;
}

.btn-unternehmen:hover,
.btn-unternehmen:focus {
    color: #fff;
    background-color: #ff6200;
    border-color: #ff6200;
    transform: scale(1.02);
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.18);
}

.btn-unternehmen:active {
    transform: scale(1.0);
    box-shadow: none;
}

/* Gefüllter Primär-Button in Grau/Orange (Formular-Submit) */
.btn.btn-primary {
    color: #fff !important;
    border-color: #818080 !important;
    background-color: #818080 !important;
}

/* Login-Wrapper: vertikal zentriert im sichtbaren Bereich */
.br-login-wrapper {
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Klassischer Login sitzt direkt unter dem HR, kein zusätzlicher Abstand nötig */
.br-classic-login {
    margin-top: 0;
    width: 100%;
}

/* Collapsible classic login */
.br-classic-login-details {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.9rem 1.1rem;
    background-color: #fdfdfd;
    cursor: pointer;
    box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.04);
    transition:
        border-color 0.12s ease-out,
        box-shadow 0.12s ease-out,
        background-color 0.12s ease-out;
}

.br-classic-login-details:hover {
    border-color: #ff6200;
    box-shadow: 0 0.25rem 0.6rem rgba(0, 0, 0, 0.06);
    background-color: #fff;
}

.br-classic-login-details > summary {
    list-style: none;
    font-weight: 500;
    color: #444;
    display: block;
}

.br-classic-login-details > summary::-webkit-details-marker {
    display: none;
}

/* small chevron indicator */
.br-classic-login-details > summary::before {
    content: "▸";
    display: inline-block;
    margin-right: 0.5rem;
    transition: transform 0.1s ease-out;
    color: #ff6200;
}

.br-classic-login-details[open] > summary::before {
    transform: rotate(90deg);
}

/* title + subtitle inside summary */
.br-classic-login-title {
    display: inline-block;
}

.br-classic-login-subtitle {
    display: block;
    font-size: 0.8rem;
    font-weight: 400;
    color: #777;
    margin-top: 0.2rem;
    /* unter dem Text einrücken, nicht unter dem Chevron */
    padding-left: 1.3rem;
}

.br-classic-login-body {
    margin-top: 0.75rem;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    color: #fff !important;
    background-color: #ff6200 !important;
    border-color: #ff6200 !important;
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:active:focus {
    color: #fff !important;
    background-color: #ff6200 !important;
    border-color: #ff6200 !important;
    box-shadow: none !important;
}


/* Rahmen auf der Success-Box */
.br-send-container {
    border: 1.5px solid #ff6200 !important;
}

/* Abstand nach oben für Layouts mit fixed Navbar (Headerhöhe ~56px) */
.br-main-offset-top {
    padding-top: 56px;
}