/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://partnervermittlung-alina.de 
 Description:  Child-Theme für Twenty Twenty-Five
 Author:       Christian Eichert
 Author URI:   https://partnervermittlung-alina.de 
 Template:     twentytwentyfive
 Version:      1.0
 Text Domain:  twentytwentyfive-child
*/

/* Hier kommen später die eigenen CSS-Regeln hin */
:root {
    --color: #D0B183;
    --link-color: #D0B183;
    --background: #212529;
    --background-separator: #1e1e1e;

    --button-background: #333e49;
    --tbody-background: #242b31;     /* bischen heller als #212529 ist #242b31*/
    --button-border-color: #1061db;
    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --h1-bottom-border-color: #eee7e7;
    --h1-bottom-border-type: solid;
    --h1-bottom-border-width: 0.05rem;
    --h1-bottom-border-style: var(--h1-bottom-border-color) var(--h1-bottom-border-type) var(--h1-bottom-border-width);
    --h1-bottom-border-padding: 0.05rem;
}

div#match-analysis-content > div > ol, 
div#match-analysis-content > ol 
{
    list-style-type: none !important;
    font-size: large;
}

#adminmenumain>span.pv-gender-icon[aria-label="Female"],
#adminmenumain>span.pv-gender-icon[aria-label="Female"]>span
{
    background: #b4233c !important;
    background-color: rgb(180, 35, 60) !important;
}

#adminmenumain>span.pv-gender-icon[aria-label="Male"],
#adminmenumain>span.pv-gender-icon[aria-label="Male"]>span
{
    background: #145da0 !important;
    background-color: rgb(20, 93, 160) !important;
}

#adminmenumain>a, 
#adminmenumain>body, 
#adminmenumain>h1, 
#adminmenumain>h2, 
#adminmenumain>h3, 
#adminmenumain>h4, 
#adminmenumain>h5, 
#adminmenumain>h6, 
#adminmenumain>input, 
#adminmenumain>label, 
#adminmenumain>td, 
#adminmenumain>th, 
#adminmenumain>tr, 
#adminmenumain>p, 
#adminmenumain>select, 
#adminmenumain>span
{
    /* das ist ein ton dunkler*/
    color: var(--color) !important;
    background-color: var(--background) !important;

}

#adminmenumain>tbody, 
#adminmenumain>th, 
#adminmenumain>tr, 
#adminmenumain>td, 
#adminmenumain>td>a, 
#adminmenumain>td>p, 
#adminmenumain>p.submit, 
#adminmenumain>p.description,
#adminmenumain>textarea, 
#adminmenumain>input.regular-text, 
#adminmenumain>input[type="text"], none
{
    /* das ist ein tick heller*/
    color: var(--color) !important;
    background-color: var(--tbody-background) !important;
}

#adminmenumain>button, 
#adminmenumain>a.button, 
#adminmenumain>a.pagination-links, 
#adminmenumain>a.button>span,
#adminmenumain>span.button, 
#adminmenumain>span.disabled, 
#adminmenumain>span[aria-hidden="true"],
#adminmenumain>input.button, 
#adminmenumain>input[type="checkbox"] 
{
    color: var(--color) !important;
    background-color: var(--button-background) !important;
    border-color: var(--button-border-color) !important;
}

.wp-site-blocks {background-color: #212529;}

#adminmenumain>div, 
#adminmenumain>div.wp-menu-name,
#adminmenumain>button#collapse-button,
#adminmenumain>button.collapse-button-icon,
#adminmenumain>button.collapse-button-label
{
    /*#242b31*/
    background-color: var(--background-separator) !important;
}

#adminmenumain>div.wp-filter 
{
    border-style: none !important;
}

#adminmenumain>a#view-switch-list,
#adminmenumain>a.view-list.current,
#adminmenumain>div.view-switch
{
    color: var(--color) !important;
}

#adminmenumain>h1
{
    border-bottom: var(--h1-bottom-border-style) !important;
}

#adminmenumain>header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

#adminmenumain>main>div {
    margin-top: 160px !important;
    padding-top: 20px !important;
}

li.wp-has-submenu,
a.wp-has-submenu.wp-has-current-submenu.wp-menu-open>div
{
    /* background-color: #2271b1 !important; */
    border-style: none !important;
}

#adminmenumain>ul.wp-submenu,
#adminmenumain>li.wp-menu-open
{
    border: var(--h1-bottom-border-style) !important;
}

.verlauf1 {
    --nach: #444;
    --von: var(--background) !important;
    background: linear-gradient(to bottom, var(--von), var(--nach)) !important;
}

#adminmenumain>li>a.current,
#adminmenumain>span.disabled {
    filter: invert(1) hue-rotate(180deg);
}

#adminmenumain>.border444 {
    --nach: #444;
    border-color: var(-nach);
}

.actions {
    display: flex !important;
    /* Aktiviert Flexbox */
    flex-direction: row;
    /* Standard: Richtet alles horizontal aus */
    align-items: start;
    /* Vertikale Zentrierung der Elemente */
    gap: 10px;
}

.actions select {
    min-width: 180px;
    /* optional: Breite anpassen */
}

.actions .col-auto {
    margin: 0;
    /* entferne Inline-Margin */
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.actions .col-auto strong {
    margin-right: 8px;
    white-space: nowrap;
}

.actions .col-auto label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.actions input[type="submit"].button {
    margin: 0;
    white-space: nowrap;
}

.gt_switcher_wrapper {
    right: 0 !important;
}

.wp-login-register,
.wp-nopass-login,
.wp-login-lost-password 
{
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 5px;
    line-height: 2.8;
    min-height: 40px;
    font-size: 14px;
    margin: 5px 0;
    background: #2271b1;
    border: 1px solid #2271b1;
    border-radius: 3px;
    color: #fff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    vertical-align: top;
}

/* .wp-block-site-title,
.wp-block-site-title a,
.wp-block-site-title a:link,
.wp-block-site-title a:visited,
.wp-block-site-title a:hover,
.wp-block-site-title a:active,
.wp-block-site-title a:focus {
    color: #d0b183 !important;
    -webkit-text-fill-color: #d0b183 !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: inherit !important;
    text-decoration: none !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
} */

/* .wp-block-site-title a {
    display: inline-block;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.wp-block-site-title a:hover,
.wp-block-site-title a:focus {
    color: #d8bb93 !important;
} */

@media (max-width: 781px) {
    .wp-block-navigation.is-responsive.wp-block-navigation-is-layout-flex {
        width: 100%;
        min-width: 60px;
        justify-content: flex-end;
        overflow: visible;
        padding-right: 48px;
        padding-top: 0;
        box-sizing: border-box;
    }

    .wp-block-navigation__responsive-container-open.always-shown {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        min-width: 48px;
        padding: 0;
        border: 2px solid #d0b183 !important;
        border-radius: 14px;
        background: #d0b183 !important;
        color: #212529 !important;
        box-shadow: 0 12px 24px -18px rgba(0, 0, 0, 0.55);
        flex-shrink: 0;
        z-index: 9999;
    }

    .wp-block-navigation__responsive-container-open.always-shown svg {
        width: 24px;
        height: 24px;
        fill: currentColor;
    }

    .wp-block-navigation__responsive-container-open.always-shown:hover,
    .wp-block-navigation__responsive-container-open.always-shown:focus {
        background: #d8bb93 !important;
        color: #212529 !important;
        border-color: #d8bb93 !important;
        outline: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        background:
            radial-gradient(circle at top, rgba(208, 177, 131, 0.18), transparent 28%),
            linear-gradient(180deg, #212529 0%, #1a1f24 100%) !important;
        color: #f7f2ec !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-loginout,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-loginout a {
        color: #f7f2ec !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-loginout a {
        display: block;
        padding: 14px 0 !important;
        font-size: 1.1rem;
        font-weight: 600;
        text-decoration: none !important;
        border-bottom: 1px solid rgba(208, 177, 131, 0.18);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: 2px solid #d0b183 !important;
        border-radius: 14px;
        background: #d0b183 !important;
        color: #212529 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
        width: 22px;
        height: 22px;
        fill: currentColor;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        padding-top: 18px;
    }
}