/* =============================================================================
   Blauer Panther Portal — Account, Welcome, Navigation, Misc
   Part of: 2026-bp-* split
   ============================================================================= */

/* =============================================================================
   MEMBERPRESS — Welcome & Account
   ============================================================================= */

.mepr-account-welcome-message {
    background-color: aliceblue !important;
    border: 0px solid #339a6b !important;
    border-radius: 0rem !important;
}

.mepr-account-welcome-message,
#mepr-profile-details {
    width: 100% !important;
}

@media (min-width: 1200px) {
    .mepr-account-welcome-message,
    #mepr-profile-details {
        width: 100% !important;
        max-width: 1670px !important;
    }

    .kategorie.einreichung.uebersicht,
    .frm_forms,
    #mepr_nav_tab_content_0,
    #mepr_nav_tab_content_1,
    #mepr_nav_tab_content_2,
    #mepr_nav_tab_content_3,
    #mepr_nav_tab_content_4 {
        width: 100% !important;
        max-width: 1670px !important;
    }
}

.mepr-account-welcome-message {
    font-size: 17px !important;
}

.mepr-account-welcome-message,
.kategorie.einreichung.uebersicht {
    background: linear-gradient(90deg, rgba(16, 29, 47, 1), rgba(7, 116, 255, 1)) !important;
    color: #fff !important;
}

.mp_wrapper .mepr-account-welcome-message a,
.mp_wrapper .mepr-account-welcome-message a:hover,
.mp_wrapper .mepr-account-welcome-message a:focus,
.mp_wrapper .mepr-account-welcome-message a:active {
    color: #05ffff !important;
    font-weight: 600;
}

.mepr-account-container .mepr-account-welcome-message .mepr-button.btn-outline {
    color: #fff !important;
    border-color: #0693e3 !important;
    font-weight: 600 !important;
    margin: 6px;
    padding: 6px 12px;
}

.profile-menu__avatar {
    display: none;
}

#mepr-profile-details .fullname {
    display: none;
}

.mepr_page_header {
    display: none;
}

.mepr-profile-wrapper > div {
    border: 1px solid #0693e3 !important;
    border-radius: 0 !important;
}

.mepr-profile-details__content:nth-of-type(5)::after {
    content: 'Ansprechperson für die Einreichungen' !important;
    display: block;
    padding-top: 48px;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 0;
}

.mepr-profile-details__content:nth-of-type(9)::after {
    content: 'Externe Bearbeitende für Formulare';
    display: block;
    padding-top: 48px;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 0;
}

#mepr-profile-details h2 {
    margin-bottom: 0;
}

.mepr-profile-details__content:nth-of-type(9) {
    font-size: 0 !important;
}

#mepr-profile-details dt:nth-of-type(9)::before {
    content: 'Ich möchte auch weiterhin Informationen zum Einreichungszeitraum des Blauen Panthers per E-Mail erhalten.';
    display: block;
    font-size: 0.8rem;
    line-height: 1.5;
    padding-bottom: 0;
    visibility: visible;
}

#mepr-profile-details dt:nth-of-type(9) {
    font-size: 0;
}

.mepr-profile-wrapper__footer {
    border-top: 0px solid rgba(0, 0, 0, 0.2) !important;
    padding: 0 0 0.6rem !important;
    display: block !important;
}

.mepr-profile-wrapper__footer .showlist {
    margin-top: 20px !important;
    margin-left: 0px !important;
}

dl.mepr-profile-details__list {
    margin-bottom: 0 !important;
}

/* =============================================================================
   MEMBERPRESS — Buttons & Account-Container
   ============================================================================= */

.mepr-account-container .mepr-button.btn-outline {
    color: #0693e3 !important;
    border-color: #0693e3 !important;
    font-weight: 600 !important;
	margin: 6px;
    padding: 6px 12px;
}

.mepr-account-container .mepr-button.btn-outline:hover {
    color: #fff !important;
    border-color: #0693e3 !important;
    background-color: #0693e3 !important;
    font-weight: 600 !important;
}

.mepr-account-container button,
.mepr-account-container .mepr-button,
.mepr-account-container input[type="button"],
.mepr-account-container input[type="reset"],
.mepr-account-container input[type="submit"] {
    border-color: var(--blue-neutral);
    background: var(--blue-neutral);
}

.mepr-account-container button:hover,
.mepr-account-container .mepr-button:hover,
.mepr-account-container input[type="button"]:hover,
.mepr-account-container input[type="reset"]:hover,
.mepr-account-container input[type="submit"]:hover {
    border-color: var(--blue);
    background: var(--blue);
}

.mp_wrapper h1,
.mp_wrapper h2,
.mp_wrapper h3 {
    font-weight: 700 !important;
}

/* =============================================================================
   KATEGORIE — Einreichung Übersicht
   ============================================================================= */

.kategorie.einreichung.uebersicht {
    flex-grow: 0;
    padding: 1rem;
}

.kategorie.einreichung.uebersicht h2 {
    color: #fff;
    font-weight: 600;
}

.kategorie.einreichung.uebersicht .hinweis {
    font-weight: 600;
    color: #05ffff !important;
}

.floating-menu {
    display: none;
}

/* =============================================================================
   WELCOME — Listen
   ============================================================================= */

@media (max-width: 769px) {
    .mepr-account-container ul,
    .mepr-account-container ol {
        margin: 0 !important;
    }
}

.mepr-account-container #mepr-account-content ul {
    list-style: square !important;
}

/* =============================================================================
   AKKORDEON
   ============================================================================= */

#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {
    display: none;
}

#akkordeon:target .inhalt {
    display: block;
}

#akkordeon2:not(:target) .inhalt,
#akkordeon2:not(:target) .hide,
#akkordeon2:target .show {
    display: none;
}

#akkordeon2:target .inhalt {
    display: block;
}

#akkordeon3:not(:target) .inhalt,
#akkordeon3:not(:target) .hide,
#akkordeon3:target .show {
    display: none;
}

#akkordeon3:target .inhalt {
    display: block;
}

.show,
.hide {
    box-shadow: none !important;
    color: #fff;
    font-weight: bold;
}

.show:hover,
.hide:hover {
    color: #fff !important;
    transition: 0.2s all ease-in-out !important;
}

/* =============================================================================
   SONSTIGE ELEMENTE
   ============================================================================= */

.intro.account.jury {
    display: none;
}

#mpca-restrictions {
    display: none;
}

.site.guest-layout #mepr-template-login {
    max-width: 400px !important;
    margin: 0 auto !important;
}

.hint {
    font-weight: 600;
    color: #06caff;
}

.hinweis.hint.big {
    font-weight: 600;
    font-size: 16px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.jc-left {
    justify-content: left !important;
}

.mpca-fat-bottom {
    margin-bottom: 24px !important;
}

.warning.assigned {
    display: flex;
    border: 2px solid var(--pink);
    border-radius: 9px;
    padding: 24px;
    background-image: linear-gradient(90deg, var(--pink), var(--blue)) !important;
}

.warning.assigned .mepr_pro_error {
    padding-right: 24px;
}

.assigned {
    background-image: linear-gradient(270deg, #0774ff, #ff00de) !important;
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.assigned p {
    margin: 0 !important;
}

.mepr_pro_error svg,
.mepr-account-container .mepr_pro_error svg,
.mepr-unauthorized-message svg {
    color: #ff00de !important;
}

#mepr-account-content > div > div > p {
    margin: 0;
}

/* =============================================================================
   ACCOUNT — Erfolgsmeldung Corporate
   ============================================================================= */

#corporate .mepr_updated {
    background-color: #66ac2d !important;
    border: 0px solid #4d8c2e !important;
    color: #fff;
    font-size: 28px;
}

/* =============================================================================
   USER MENU
   ============================================================================= */

@media (min-width: 839px) {
    #user-menu-button.profile-menu__button {
        display: flex !important;
        flex-direction: row;
    }
}

/* =============================================================================
   ACCESSIBILITY / ONE TAP
   ============================================================================= */

.apop-container-toggle,
nav.apop-accessibility.apop-plugin-onetap {
    display: none !important;
}

.skip-link {
    display: none;
}

.page-id-7726 .onetap-container-toggle {
    display: none !important;
}

.page-id-7726 .onetap-accessibility {
    display: none !important;
}

/* =============================================================================
   SUBACCOUNTS — Verwaltung
   ============================================================================= */

.mepr-manage_sub_accounts-wrapper .description {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mepr-manage_sub_accounts-wrapper .add-subaccount {
    margin-top: 12px;
}

#mpca-add-sub-user h3 {
    margin: 0;
}

.mepr-account-container .description ol {
    margin-left: 0;
}

.mpca-sub-account-page-info {
    margin-top: 48px;
}

/* =============================================================================
   BIGLINK
   ============================================================================= */

.biglink {
    height: 100%;
}

.biglink .detaillink {
    height: 100%;
    display: block;
    min-height: 100px;
}

.biglink .detaillink::after {
    position: relative;
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem;
    margin-left: 12px;
    vertical-align: middle;
    text-align: center;
    width: 1.25em;
    content: "\e905";
}

.mp_wrapper .biglink:hover .detaillink {
    color: #fff !important;
}

.mp_wrapper .biglink:hover {
    background-color: var(--panther-blue);
}

/* =============================================================================
   ICONS
   ============================================================================= */

.fa-twitter:before {
    content: "\e61b" !important;
}

/* =============================================================================
   UPLOAD — Dropzone
   ============================================================================= */

body .mepr-account-container .dz-remove.frm_remove_link svg {
    width: 2rem !important;
    height: 2rem !important;
}

/* =============================================================================
   IFRAME
   ============================================================================= */

.mepr-account-container iframe {
    max-width: 100%;
    height: 100% !important;
}