/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

/* Home Sterne*/
.home p.date-info {
    margin:0;
}
/* Versteckt Buddyboss Mediakommentare*/
.single .bb-media-info-section {
    display: none;
}
/* Versteckt die Überschrift, wenn der Query-Loop keine Treffer hat */
.results-section:has(.wp-block-query-no-results) {
    display: none!important;
}

/* 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;
}

/* Gilt auf Startseite und allen Single-Views */
:is(.home, .single):not(.visible-style) .site-header, :is(.home, .single):not(.visible-style) .site-header::after {
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease !important;
    transition: background-color .5s ease, color .5s ease !important;
}

:is(.home.visible-style, .single.visible-style) .site-header, :is(.home.visible-style, .single.visible-style) .site-header::after {
    /* background-color: white; */
    background-color: var(--bb-header-background);;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease !important;
    transition: background-color 0.5s ease, color 0.5s ease !important;
}

.site-header {
    background-color: white;
    background-color: var(--bb-header-background);
    -webkit-transition: background-color 0.5s ease, color 0.5s ease !important;
    transition: background-color 0.5s ease, color 0.5s ease !important;
}

:is(.home, .single):not(.visible-style) .site-header .bb-mobile-header-wrapper i,
:is(.home, .single):not(.visible-style) .site-header .site-header-container i:not(.sub-menu i), 
:is(.home, .single):not(.visible-style) .site-header .header-aside .menu-item-has-children a.user-link .user-name {
    color: white;
}

:is(.home, .single):not(.visible-style) .site-header .header-aside .menu-item-has-children a.user-link:hover .user-name,
:is(.home, .single):not(.visible-style) .site-header .header-aside .menu-item-has-children.selected a.user-link .user-name {
    color: initial !important;
}

:is(.home, .single):not(.visible-style) .site-header img.bb-logo,
:is(.home, .single):not(.visible-style) .site-header .bb-mobile-header-wrapper img.bb-mobile-logo {
    filter: brightness(0) invert(1);
    transition: filter 0.5s ease;
}

:is(.home, .single):not(.visible-style) .site-header a.button.outline {
    color: white !important;
    transition: color 0.5s ease;
}

:is(.home, .single):not(.visible-style) .bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected > .user-link:before,
:is(.home, .single):not(.visible-style)  .bb-template-v2 .site-header .user-wrap.menu-item-has-children > .user-link:hover:before {
    /* background-color: #1E2132; */
}

/* Nur bei Dark Theme*/
.site-header img.bb-logo,
.site-header .bb-mobile-header-wrapper img.bb-mobile-logo {
    /* filter: brightness(0) invert(1); */
    /* transition: filter 0.5s ease; */
}

/** 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));
}


/* 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) {
    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 {
  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;
}

/* :root :where(.is-layout-flow) > * {
    margin-block-start: 0px;
} */

/* WP Parks Background */
.site-content {
	.margin: 0px;
	.position:relative;
	.z-index: 999;
}

:where(.wp-site-blocks) > * {
    margin-block-start: 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;
    position: absolute;
}
.is-style-swiper-big .swiper-slide-active, .is-style-swiper-big .swiper-slide-active li * { 
    z-index: 2;
}

.site-content {
    overflow: hidden;
}

.is-style-swiper-big { 
    overflow: visible; 
}

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

/* #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;
}

.is-style-swiper-big .wp-block-post-excerpt {
    .margin-top:0;
}

.home h2 {
    .z-index: 1;
    .position: relative;
}

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

.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*/
/********/
/* 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;
}

.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%);
}

/* Styles nur für den Footer */
footer hr {
    .margin: 80px 0 30px 0;
}




/*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;
} 
*/