/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

div.star-top {
    position:relative;

}

.test {
    color:red;
}

a:hover {
    text-decoration: underline;
}

ul.is-style-none {
    list-style-type: none;
    margin: 0 .5rem;
}
ul.is-style-none li a {
    text-decoration: none;

}
ul.is-style-none li a:hover {
    text-decoration: underline;

}

.parent-box {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: visible;
}

.parent-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.deco-top {
    position: absolute;
    top: -25px;
    right: -25px;
    width:60px;
    height: 60px;
    transition: transform 0.3s ease, font-size 0.3s ease;
    transform-origin: center;
    transform: scale(0)
}

.parent-box:hover .deco-top {
    transform: scale(1);
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    color: var(--wp--preset--color--white ) !important;
}
:root :where(.wp-element-button.is-style-outline:hover, .wp-block-button__link.is-style-outline:hover) {
    color: var(--wp--preset--color--accent-1 ) !important;
}

/* --- BASIS-STEUERUNG FÜR DIE POSITION --- */
/* Wir zwingen den Buttons-Block, seinen Inhalt immer rechts zu halten */
.wp-block-buttons {
    display: flex !important;
    justify-content: flex-end !important;
}

/*.zustimmen-button {*/
/*    pointer-events: none !important;*/
/*    transition: all 0.3s ease-in-out;*/
/*    opacity: 0.5 !important;*/
/*}*/

/*.zustimmen-button.anzeigen {*/
/*    pointer-events: auto !important;*/
/*    cursor: pointer;*/
/*    opacity: 1 !important;*/
/*}*/

.zustimmen-button {
    cursor: not-allowed;
}

.zustimmen-button .wp-block-button__link {
    pointer-events: none;
    opacity: 0.5;
}

.zustimmen-button.anzeigen {
    cursor: default;
}

.zustimmen-button.anzeigen .wp-block-button__link {
    pointer-events: auto;
    opacity: 1;
    cursor: pointer;
    background-color: #5A417C !important;
    color: #fff !important;
}

.btn-akzeptiert {
    display: none !important; /* Standardmäßig versteckt */
}


body.user-has-agreed .zustimmen-button,
body.user-has-agreed .regeln-top {
    display: none !important;
}

.regeln-bottom {
    display: none;
}

body.user-has-agreed .regeln-bottom {
    display: block !important;
}

body.user-has-agreed .btn-akzeptiert {
    display: flex !important;
    margin-left: auto !important; /* Zusätzliche Sicherheit für rechts */
    pointer-events: none;
}

/* Danke-Banner: WP-Block mit Zusatzklasse "danke-banner".
   Standardmäßig eingeklappt, klappt nach erfolgreicher Zustimmung auf
   und schließt sich nach 4s automatisch wieder. Styling (Hintergrund,
   Padding usw.) kommt komplett aus dem Block selbst. */
.danke-banner {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
}

.danke-banner.is-visible {
    max-height: 500px;
    opacity: 1;
}

/* Versteckt die Option "Öffentlich" in den Profileinstellungen */
radio[value="public"],
label[for*="public"],
.bp-xprofile-visibility-selector input[value="public"],
.bp-xprofile-visibility-selector label:has(input[value="public"]),
li:has(input[value="public"]) {
    display: none !important;
}

/* BuddyBoss Forum Modal - Dunklerer Hintergrund */
.bb-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(10px);
}


/* Abonnieren - Glocke */
a.subscription-toggle::before {
    font-family: "dashicons";
    content: "\f16d";
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

/* Favorisieren - Stern */
a.favorite-toggle::before {
    font-family: "dashicons";
    content: "\f155";
    margin-right: 6px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

ul.bb_more_options_list {
    min-width: 270px !important;
}

/*
* Profileinstellungen Visibilitybutton von Schliessen -> Speichern
* */

button.field-visibility-settings-close {
    font-size: 0 !important;
    width: auto !important;
    padding: 0 20px !important;
    min-height: 38px !important;
    max-height: 38px !important;
}


button.field-visibility-settings-close::after {
    content: "Speichern";
    font-size: 15px;
    line-height: 38px;
}

/* --- Aus WP-Customizer übernommen --- */

.wp-block-accordion-heading__subtitle {
    font-size: var(--wp--presets--font-size--small) !important;
}