/*
Theme Name:   Twenty Twenty-Five Child
Theme URI:    https://deinewebsite.de
Description:  Ein Child Theme für Twenty Twenty-Five
Author:       Dein Name
Author URI:   https://deinewebsite.de
Template:     twentytwentyfive
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Hier kommt dein eigenes CSS hin */


.register-privacy-info {
    display: none !important;
}

/* Home Sterne*/
.home p.date-info {
    margin:0;
}

/* Versteckt die Überschrift, wenn der Query-Loop keine Treffer hat */
.results-section:has(.wp-block-query-no-results) {
    display: none!important;
}


.entry-content > p:first-child {
    font-weight: bold;
}

footer {
    background-color: #f8f8f8;
}

.wpparks-parent-link {
    text-decoration: none;
    &:hover {
        text-decoration: underline;
    }
}

/** Geo My WP */

/* Konflikt Swiper vs. Geo My WP nutzen beide swiper-button-lock*/
.gmw-map-wrapper .swiper-button-lock {
    /* display: block!important; */
}

.gmw-map {
    min-height: 300px!important;
}

.gmw-search_results-image-wrapper a {
    width: 100%;
}

.gmw-search_results-image-wrapper img {
    height: 160px !important;
    object-fit: cover !important;
    width: 100% !important;
}

.gmw-element-template.gmw-template-responsive-1 .gmw-item-footer {
    min-height: 0px !important;
}




/*Header Transparent*/
:is(.home, .single) .bb-rl-header,
:is(.home, .single) .bb-rl-header::after {
    background-color: transparent;
    border-bottom: transparent;
    box-shadow: none;
    
    transition: background-color 0.5s ease, color 0.5s ease !important;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease !important;
}

:is(.home, .single) .bb-rl-header-block .bb-rl-header-aside .notification-link [class*=bb-icons-rl] {
    color: #fff;
}

@media screen and (min-width: 992px) {
    :is(.home, .single) .bb-rl-button.bb-rl-button--secondaryOutline
    {
        color: #fff;
        border: 1px solid #fff;
    }
}

:is(.home, .single) .bb-rl-header-block .bb-rl-header-aside .bb-rl-header-search [class*=bb-icons-rl] {
    color: #fff;
}

:is(.home, .single) .bb-rl-header-block .bb-readylaunch-menu .menu-item a {
    color: #fff;
}

:is(.home, .single) .bb-rl-light-logo {
    filter: brightness(0) invert(1);
    transition: filter 0.5s ease;
}

@media screen and (max-width: 992px) {
    :is(.home, .single) .bb-rl-header-block.bb-rl-header .bb-rl-left-panel-mobile {
        color: #fff;
    }
}

:is(.home, .single) .bb-rl-header-block .bb-rl-header-aside .notification-wrap.selected .notification-link {
    background-color: var(--bb-rl-background-tertiary-color);
}



/*Header Transparent Reset*/
:is(.home, .single).visible-style .bb-rl-header, 
:is(.home, .single).visible-style .bb-rl-header::after {
    background-color: var(--bb-rl-background-color, #242425);
}

:is(.home, .single).visible-style .bb-rl-header-block .bb-rl-header-aside .notification-link [class*=bb-icons-rl]
 {
    color: var(--bb-rl-icon-secondary-color);    
}

:is(.home, .single).visible-style .bb-rl-button.bb-rl-button--secondaryOutline
 {
    color: var(--bb-rl-text-color);
    border: 1px solid var(--bb-rl-border-tertiary-color);
}

:is(.home, .single).visible-style .bb-rl-header-block .bb-rl-header-aside .bb-rl-header-search [class*=bb-icons-rl] {
    color: var(--bb-rl-icon-secondary-color);
}

:is(.home, .single).visible-style .bb-rl-header-block .bb-readylaunch-menu .menu-item a {
    color: var(--bb-rl-text-color); 
}

:is(.home, .single).visible-style .bb-rl-light-logo {
    filter: none;
    transition: filter 0.5s ease;
}

@media screen and (max-width: 992px) {
    :is(.home, .single).visible-style .bb-rl-header-block.bb-rl-header .bb-rl-left-panel-mobile {
        color: var(--bb-rl-icon-secondary-color);
    }
}

:is(.home, .single).visible-style .bb-rl-header-block .bb-rl-header-aside .notification-wrap.selected .notification-link {
    background-color: var(--bb-rl-background-secondary-hover-color);
}


/** PWA*/
.site-content {
    /* margin-top: calc(-1 * (env(safe-area-inset-top)));  */
}

.site-header, a.bb-close-model {
    /* padding-top: max(0px, calc(env(safe-area-inset-top) - 10px)); */
}

.bb-mobile-panel-wrapper {
	/* padding-top: max(0px, calc(env(safe-area-inset-top) - 10px));
	.padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right); */
}

.header-search-wrap {
    /* top: max(0px, calc(env(safe-area-inset-top) - 10px)); */
}

header {
    padding-top: max(0px, calc(env(safe-area-inset-top) - 0px));
}

.bb-readylaunch-mobile-menu__wrap {
    margin-top: max(0px, calc(env(safe-area-inset-top) - 0px));
}

.bb-rl-header::after {
	content:"";
	background-color:rgb(90, 167, 60);
	height: env(safe-area-inset-top);
	position:absolute;
	width:100%;
	left:0px;
    bottom: 100%;
	.margin-top: calc(-1 * (0px + env(safe-area-inset-top))); 
	/*Test*/
	.margin-top:226px;
	.height:50px;
}




/* Readylaunch Twentytwentfive Theme Korrekturen*/

header {
    top: 0px;
    position: sticky;
    z-index: 2;
}

.bb-rl-screen-reader-text, .bb-screen-reader-text, .bp-screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.bb-rl-header-block .bb-rl-site-branding img {
    display: flex;
    width: 150px;
    max-width: 150px;
}

.mfp-hide {
    display: none!important
}

@media screen and (max-width: 992px) {
    .bb-rl-header-block .bb-rl-header-aside .bb-message-dropdown-notification, 
    .bb-rl-header-block .bb-rl-header-aside .notification-wrap {
        display: block !important;
    }
}

.bb-readylaunch-mobile-menu_items {
    display: none;
}

/* Suche wurde interaktiv gemacht und muss über Mobilem Menü liegen */
@media screen and (max-width: 992px) {
    .bb-rl-header-block .bb-readylaunch-mobile-menu__wrap {
        z-index: -1;
    }
}

/*Doppeltes Dropdown in Suche ausblenden*/
.bb-rl-search-filter-select {
    display: none;
}

/*Suchergebnisse werden unten live eingeblendet*/
.ui-helper-hidden-accessible {
    display: none;
}

.prev.bb-rl-page-numbers.disabled, .next.bb-rl-page-numbers.disabled {
    display: none;
}

/* Die Ausnahme-Regel */
:where(.is-style-swiper .wp-block-columns) {
    margin-bottom: 0;
}

/* WP Parks Background */
:where(.wp-site-blocks) > * {
    /* margin-block-start: 0px; */
}

:root :where(.is-layout-flow) > :first-child {
    margin-block-end: 1.2rem;
}







/* BuddyBoss Theme Korrekturen*/

:root :where(.wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay)
 {
    border-radius: unset;
}

:root {
  --radius-small: 14px;
  --radius-big: 20px;
}

:root :where(.wp-block-post-featured-image img, 
.wp-block-post-featured-image .block-editor-media-placeholder, 
.wp-block-post-featured-image .wp-block-post-featured-image__overlay,
li video) {
    border-radius: var(--radius-small);
}

/* im Big Swiper alles wieder "eckig" machen */
.is-style-swiper-big .wp-block-post-featured-image,
.is-style-swiper-big .wp-block-post-featured-image img,
.is-style-swiper-big .wp-block-post-featured-image .block-editor-media-placeholder,
.is-style-swiper-big .wp-block-post-featured-image .wp-block-post-featured-image__overlay,
.is-style-swiper-big  li video {
  border-radius: 0 !important;
}

dd,ol,ul {
    margin: 0;
}

.wp-block-columns p {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-columns {
    margin-left: 0px;
    margin-right: 0px;
}








/* WP Parks Preview Date*/
.wpparks-preview-date.is-future { color: #0a7; }   /* Zukunft */
.wpparks-preview-date.is-past   { color: #666; }   /* Vergangenheit */
.single-parks .wpparks-preview-date.is-past   { display:none; }

/* .wpparks-preview-date.precision-year  time { font-weight: 600; } */
/* .wpparks-preview-date.precision-month time { font-weight: 500; } */
.wpparks-preview-date  time { font-weight: 600; }
/* .precision-day bleibt normal – oder style nach Wunsch */

/* WP ParksPlayer*/
.wpparks-video-player {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 100;
}

/* PWA: standalone ODER fullscreen */
@media all and (display-mode: standalone), 
       all and (display-mode: fullscreen) {
    .wpparks-video-player {
        bottom: 40px;
    }
}

.wpparks-video-wrapper {
    position: relative;
}

.wpparks-video-wrapper iframe {
    display: block;
    width: 100%; 
    border: none;
    border-radius: 15px;
    aspect-ratio: 16 / 9;
}

.wpparks-video-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -35px;
}

.wpparks-video-close .close-button {
    background: #000;
    border: none;
    border-radius: 0;
    color: #f3f3f3;
    cursor: pointer;
    font-size: 15px;
    height: 30px;
    padding: 7px 7px 10px;
}

.wpparks-video-close .close-button:hover {
    background: #202020;
}

@media screen and (min-width: 540px) {
    .wpparks-video-player {
        left: auto;
        width: 500px;
        bottom: 10px;
    }
}

.rsfv-mute-icon {
	font-size: 30px;
	.color:white;
}






/*Swiper*/
.is-style-swiper-big .swiper-slide figure,
.is-style-swiper-big .swiper-slide video {
    width: 100.2vw;
    height: 100vh;
    margin-left: calc(50% - 50vw);
    /* top: -76px!important; */
    top: calc(-76px - env(safe-area-inset-top, 0px)) !important;
    position: absolute;
}

.is-style-swiper-big .swiper-slide-active, .is-style-swiper-big .swiper-slide-active li * { 
    z-index: 2;
}

.wp-site-blocks {
    overflow: clip;
}

.is-style-swiper-big { 
    overflow: visible!important;
    height: auto !important;
}

.is-style-swiper-big .swiper-slide  {
    position: relative;
    margin-block-start:0;
}


.is-style-swiper-big video {
    left: -1px !important;
}


/* #131b22 */
.swiper-slide .wpparks-park-background-shadow-kb {
    position: absolute!important;
    top: -76px!important;
    height: 100vh;
    width: 100vw;
    margin-left: calc(50% - 50vw); 
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.85%, #1c1c1c 85.97%);
} 

.is-style-swiper-big li {
    display: flex!important;
    flex-direction: column;
    justify-content: flex-end;
    /* padding-bottom: 50px; */
}

.is-style-swiper-big h2 a, .is-style-swiper-big p {
    color: white;
    max-width: 550px;
}


/** Home h2 hochgezogen auf Swiper */
.home-h2-kb {
    z-index: 1;
    position: relative;
}

.home-h2-kb {
    color: white;
}

.is-style-swiper-big, .is-style-swiper-big li {
	height:60vh;
}

/* Fortschritts-Bullets nur im Big/Ultra-Swiper */
.is-style-swiper-big .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  width: 10px;
  height: 10px;
  transition: width 0.3s ease;
  border-radius: 5px;
}

.is-style-swiper-big .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
}

.is-style-swiper-big .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--progress, 0%);
  background-color: rgba(255, 255, 255, 0.5);
  transition: width 50ms linear;
}

/* Optionale Anpassungen für ein eher pillenförmiges Aussehen */

.wp-swiper-cover-kb .swiper-pagination-bullet, .wp-swiper-cover-kb
.swiper-pagination-bullet::before {
  border-radius: 5px;
}



/*Swiper per JS*/

.swiper {
    z-index: unset !important;
}

.swiper-pagination, .swiper-button-prev , .swiper-button-next {
    z-index: 1!important;
}

.swiper-pagination {
    position: relative !important;
}


/********/
/* Erzwingt Flex statt Grid und entfernt Listenstil*/
.wp-block-query.is-style-swiper .wp-block-post-template {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 0;
}
.wp-block-query.is-style-swiper .wp-block-post-template > li{
  margin: 0;
}

/* wp-parks-plugin-kb `wpparks/park-tabs` block. */
.is-style-swiper .bb-activity-media-wrap {
    display: -webkit-box!important;
}

.is-style-swiper .entry-img img {
    position: relative!important;
}

.is-style-swiper .entry-img {
    padding-top: 0;
    margin: 0;
}

@media (max-width: 767px){
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next{
    display: none !important;
  }
}


/*Bunter hintergrund*/
.bunter-hintergrund {
	position:relative!important;
	z-index:0!important;
}

.bunter-hintergrund::before { 
	.margin-left: calc(50% - 50vw) !important;
    border-radius: var(--radius-big);
	width: 100%;
    content: "";
    position: absolute;
	top: 0;
    bottom: 0;
	background-color:#e8dc9c;
    background-size: cover;
    .background-repeat: no-repeat;
	z-index:-1;
	.background-color:white;
	background-image: url('/wp-content/themes/buddyboss-theme-child/template-parts/bunter-hintergrund.svg');
}


/* Switch Button Datensparmodus */
.kb-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    min-width: 350px;
}

.kb-switch p {
    margin: 0 !important;
}

.kb-switch input[type=checkbox] {
    display: none;
}

.kb-switch label {
    display: inline-flex;
    font-weight: normal !important;
    margin-left: 20px;
    font-family: sans-serif;
    font-size: 16px !important;
}

.switch-body {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 41px;
    height: 21px;
    border: 1px solid white;
    border-radius: 999px;
    background-color: #ddd;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
}

.switch-body .toggle {
    width: 20px;
    height: 20px;
    .border: 1px solid grey;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    transition: transform 0.4s ease;
}

.kb-switch.active .switch-body {
    background-color: var(--my-primary-color);
}

.kb-switch.active .switch-body .toggle {
    transform: translateX(100%);
}






/*Review & Schema*/
.rtrs-rating-container {
    display: flex;
}
.rtrs-rating-category{
    display: flex!important;
    flex-direction: column!important;
}
.rtrs-review-form .rtrs-rating-category .rtrs-category-text{
    min-width: 120px!important;
}
.rtrs-rating-container input[type="radio"] {
    display: none !important;
}
.rtrs-review-box .rtrs-review-imgholder img {
	max-width: 70px;
} 
 


/* 
.rtrs-review-wrap {
	margin-top: 60px;
}
p#wait_approval {
	margin-left:20px;
	padding-bottom: 40px;
	padding-top:0px;
}

.rating-number {
    .display: flex;
}
.rating-icon i, .rtrs-review-meta i, .rtrs-rating-container>input:checked~label:before {color: #1cc3a2!important;}

.rtrs-summary-3 .rtrs-rating-item {border:none;
padding-top: 10px;}

.rtrs-review-wrap, .comment-respond {border-radius:15px;
overflow:hidden;}

.comment-respond {border:none;}

.rtrs-review-form
input[type=radio] {
	.display:none;
}

.rtrs-review-form .rtrs-rating-category li {
	flex-direction: column;
} 

.rtrs-review-box .rtrs-review-imgholder img {
	max-width: 70px;
} 
*/

/* Readylaunch left panel widget*/
.bb-rl-left-panel-widget .bb-rl-list h2 {
    color: var(--bb-rl-text-tertiary-color);
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 var(--bb-rl-space-200) var(--bb-rl-space-200);
}

.bb-rl-left-panel-widget {
    padding: var(--bb-rl-space-200) 0;
    border-bottom: 1px solid var(--bb-rl-border-secondary-color);
}

.bb-rl-left-panel {
    padding: 0 var(--bb-rl-space-200);
}

.bb-rl-left-panel .bb-readylaunchpanel-menu {
    padding: 0;
    list-style: none;
}

.bb-rl-left-panel .bb-readylaunchpanel-menu li > a {
    display: flex;
    align-items: center;
    color: var(--bb-rl-text-color);
    font-size: 0.85rem;
    font-weight: 500;
    padding: var(--bb-rl-space-100) var(--bb-rl-space-200);
    text-decoration: none;
    border-radius: var(--bb-rl-radius-md);
}








/* ===========================================================
   DARK MODE OVERRIDE (Basiert auf Klasse im Header)
   =========================================================== */

/* LOGIK: Wende Styles auf 'body' an, wenn '#masthead' die Klasse '.bb-rl-dark-mode' hat.
*/
body:has(#masthead.bb-rl-dark-mode) {

    /* --- 1. FARBPALETTE (EVENING JSON) --- */
    
    /* "slug": "base" -> Hintergrund (Dunkelgrau) */
    --wp--preset--color--base: #1B1B1B !important;

    /* "slug": "contrast" -> Sehr helles Grau/Weiß (für Buttons) */
    --wp--preset--color--contrast: #F0F0F0 !important;

    /* "slug": "accent-1" -> Gold/Grün */
    --wp--preset--color--accent-1: #786D0A !important;

    /* "slug": "accent-2" -> Dunkellila */
    --wp--preset--color--accent-2: #442369 !important;

    /* "slug": "accent-3" -> Lavendel */
    --wp--preset--color--accent-3: #D1D0EA !important;

    /* "slug": "accent-4" -> Hellgrau (HAUPTTEXT FARBE!) */
    --wp--preset--color--accent-4: #CBCBCB !important;

    /* "slug": "accent-5" -> Dunkelgrau */
    --wp--preset--color--accent-5: #353535 !important;

    /* "slug": "accent-6" -> Transparentes Weiß */
    --wp--preset--color--accent-6: #FFFFFF33 !important;


    /* --- 2. ANWENDUNG AUF DEN BODY --- */
    
    background-color: var(--wp--preset--color--base) !important;
    
    /* WICHTIG: Im Evening-Style ist der Text "Accent 4", nicht "Contrast" */
    color: var(--wp--preset--color--accent-4) !important; 
}

/* Fix für Gruppen/Spalten-Hintergründe 
   "Suche im Body, der einen Dark-Header hat, nach Gruppen..." 
*/
body:has(#masthead.bb-rl-dark-mode) .wp-block-group,
body:has(#masthead.bb-rl-dark-mode) .wp-block-columns,
body:has(#masthead.bb-rl-dark-mode) .wp-site-blocks {
    /* background-color: var(--wp--preset--color--base); */
    color: var(--wp--preset--color--accent-4);
}

/* --- 3. SPEZIFISCHE ELEMENTE (EVENING STYLE) --- */

/* Buttons: Laut JSON haben diese einen hellen Hintergrund (Contrast) und dunklen Text (Base) */
body:has(#masthead.bb-rl-dark-mode) .wp-element-button,
body:has(#masthead.bb-rl-dark-mode) .wp-block-button__link {
    background-color: var(--wp--preset--color--contrast) !important;
    color: var(--wp--preset--color--base) !important;
    
    /* Padding aus der JSON übernehmen */
    /* padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important; */
}

/* Button Hover Effekt (Simuliert color-mix aus der JSON) */
body:has(#masthead.bb-rl-dark-mode) .wp-element-button:hover,
body:has(#masthead.bb-rl-dark-mode) .wp-block-button__link:hover {
    /* 85% Weiß auf transparentem Grund */
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent) !important;
    color: var(--wp--preset--color--base) !important;
}

/* Links im Fließtext (sollen Accent-4 Farbe behalten) */
body:has(#masthead.bb-rl-dark-mode) a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--accent-4);
    text-decoration-color: var(--wp--preset--color--accent-6); /* Unterstreichung etwas dezenter */
}

/* Fix für Footer
*/
body:has(#masthead.bb-rl-dark-mode) footer {
    /* background-color: var(--wp--preset--color--accent-5); */
    background-color: var(--wp--preset--color--accent-5) !important;
}

/* Fix für hochgezogene H2 auf Swiper
*/
body:has(#masthead.bb-rl-dark-mode) .home-h2-kb {
    /* background-color: var(--wp--preset--color--accent-4); */
    color: var(--wp--preset--color--accent-4) !important;
}

/* Fix für Suchfeld
*/
body:has(#masthead.bb-rl-dark-mode) .bb-rl-button.bb-rl-button--secondaryOutline {
    /* background-color: var(--wp--preset--color--accent-4); */
    color: var(--wp--preset--color--accent-4) !important;
}