/* Opening Hours */
#status {
	display: flex;
	align-items: center;
}
#status .indicator {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin-right: 15px;
}

/* Frontpage */

.front-slider {
	padding-inline: 0;
}
.front-slider .swiper-button-next {
    position: absolute;
    top: 55px;
    left: 50%;
    width: 35px;
    height: 35px;
    background-color: #48775F;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="white" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}
.front-slider .swiper-button-prev {
	position: absolute;
    top: 95px;
  	left: 50%;
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="green" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}

@media only screen and (max-width: 768px) {
 .front-slider .swiper-button-next,
 .front-slider .swiper-button-prev {
 	top: 306px;
 }
 .front-slider .swiper-button-next {
 	left: 95px;
 }
 .front-slider .swiper-button-prev {
 	left: 45px;
 }
}

/* Facilities */ 
.background-section {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: visible;
  background-color: rgba(0,0,0, 0.5);
  background-blend-mode: multiply;
}
.background-section .bde-heading,
.background-section .bde-text {
	position: relative;
	z-index: 2;
}
.background-fader {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: rgba(0,0,0,0.5);
  background-blend-mode: multiply;
}

.section-content {
  position: relative;
  z-index: 1;
}


.facilitet {
	background: rgba(255,255,255, 0.2);
	aspect-ratio: 1;
	border: 2px solid transparent;
	border-radius: 12px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	backdrop-filter: blur(10px);
	transition: .3s ease-in-out;
}
.facilitet.is-active {
	background-color: rgba(255,255,255, 1);
	z-index: 9999;
}
.splide__arrows {
	position: relative;
	z-index: 0;
}
.splide__arrow.splide__arrow--next {
	position: relative;
	left: calc(25% - 74px);
	width: 48px;
	height: 48px;
	background: #6D8E9D;
	opacity: 1;
	border-radius: 8px;
}

.splide__arrow svg{
	fill: white !important;
}

.splide__arrow.splide__arrow--prev {
	display: none;
}
.facilitet .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1;
	position: relative;
	z-index: 999;
}
.facilitet .indicator {
	position: relative;
	font-size: 0.8rem;
	width: 100%;
	height: auto;
	margin-top: 1rem;
	padding: 0.5rem;
	border-radius: 8px;
	background: #000;
	z-index: 99;
}
.facilitet h3 {
	margin: 0;
	color: #000!important;
	font-size: 1rem!important;
	
}
.facilitet .stats {
	display: flex;
	gap: 4rem;
}
.facilitet .stats label {
	color: #6D8E9D;
	font-size: 0.8rem;
	font-weight: bold;
}
.facilitet .stats p {
	margin: 0;
	font-size: 0.8rem;
}
.status label {
	color: #6D8E9D;
	font-size: 0.8rem;
	font-weight: bold;
	display: block;
	margin-top: 0.8rem;
}
.status p {
	margin: 0;
	font-size: 0.8rem;
}
.facilitet .title .tooltip {
	display: none;
}
.is-portal .tooltip-close {
	color: #000;
	position: absolute;
	top: 25px;
	right: 25px;
}
.is-portal h6 {
	color: #000!important;
	margin: 1rem 0 0 0;
}
.is-portal ul {
	list-style: none;
	padding: 0;
}
@media only screen and (max-width: 600px) {
	.facilities {
		/* Remove ffset for slide gap*/
		left: 0;
	}
	.facilitet {
		aspect-ratio: unset;
		min-height: 200px;
	}
	.splide__arrow.splide__arrow--next {
		left: 1.5rem;
	}
	.splide__pagination {
		bottom: -30px!important;
	}
}
/* Åbningstider */

.hours p {
	padding-block: 5px 8px;
    border-bottom: 1px solid #707070;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	font-weight: 600;
	color: #fff;
}

p.message{
	color: #fff;
}

.indicator {
    background: none;
    border: none;
    cursor: pointer;
}
.indicator.open {
	background: #00ff00;
}
.indicator.closed {
	background: #ff0000;
}


/* Babysvømning */

.event-container {
    display: flex;
    gap: 20px;
}
.event-column {
    flex: 1;
    margin-top: 0;
    position: relative;
}
.event-column.list {
	flex: 3;
	position: relative;
	background: white;
	border-radius: 12px;
	padding: 1rem;
	margin-bottom: 1rem;
	overflow: hidden;
}
.event-column.list .loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
	opacity: 1;
	pointer-events: all;
	transition: .3s ease-in-out;
}
.event-column.list.loaded .loader {
	opacity: 0;
	pointer-events: none;
}
.event-column h2 {
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
}
.event-column ul {
	padding: 0;
	margin: 0;
}

.event-list {
	color: #fff;
	list-style: none;
	padding: 1.5rem;
	margin: 0;
}
li.category {
	min-height: 125px;
	position: relative;
	background: white;
	border: 2px solid #fff;
	border-radius: 12px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	backdrop-filter: blur(4px);
	margin-bottom: 1rem;
	cursor: pointer;
}
li.category.selected {
	border: 2px solid #000;
}
li.category .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1;
	position: relative;
	z-index: 999;
	margin-bottom: 1rem;
}
li.category .icon {
	position: relative;
	width: 20px;
	height: 20px;
	padding: 0;
	border-radius: 100%;
	border: 1px solid #eee;
	transition: .2s ease-in-out;
	flex-shrink: 0;
	margin-left: 1rem;
}
li.category .icon .check-icon {
	display: none;
	fill: #fff;
	padding: 2px;
}
li.category.selected .icon {
	border-color: #000;
	background: #000;
}
li.category.selected .icon .check-icon {
	display: block;
}
li.category .status.no-tickets {
	color: #eee;
}
li.category .status {
	color: #6D8E9D;
	font-weight: bold;
}
.event-list {
    display: flex;
    flex-direction: column;
}

.event-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 16px;
  	border-radius: 8px;
}
.event-row.odd {
	background: #E8EDF8;
}
.event-row.even {
	background: rgba(137, 206, 235, 0.1);
}
.event-row .title {
	color:#000 !important;
	flex: 3;
	margin: 0;
	font-weight: 600;
	margin-right: 1rem;
}
body.home .event-row .title {
	color: #fff!important;
}
.event-row .count {
	flex: 2;
	font-weight: 600;
	color: #6D8E9D;
}
.event-row.no-tickets .count {
	color: #eee;
}
.event-row .signup {
	flex: 1;
}
.weekday {
    color: #000;
    font-weight: bold;
    padding: 0px 15px;
}
.arrow-icon {
    width: 14px;
    height: 14px;
    fill: white;
}
.event-row .signup a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	text-decoration: none;
	color: #000!important;
	cursor: pointer;
	font-weight: 600;
}
.signup-button {
    background-color: #3E5690;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease-in-out;
    border: none;
    cursor: pointer;
}

.signup-button:hover {
    background-color: #81A8CB;
}
.event-column .toggle,
.event-column label {
	display: none;
}
/* Skift layout */
@media only screen and (max-width: 1150px) {
	.event-container {
		flex-wrap: wrap;
	}
	.event-column {
		width: 50%;
		flex: 1;
	}
	.event-column.list {
		width: 100%;
		flex: unset;
	}
	li.category {
		min-height: unset;
	}
}

@media only screen and (max-width: 600px) {
	.event-column {
		width: 100%;
	}
	.event-column .toggle {
		background: white;
		width: 100%;
		padding: 1rem;
		border-radius: 8px;
		cursor: pointer;
		font-weight: 600;
		font-size: 14px;
		display: block;
	}
	.event-column:has(ul.open) .toggle {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border: 1px solid black;
		border-bottom: 0;
	}
	.toggle .selected {
		display: flex;
		justify-content: space-between;
	}

	.event-column label {
		position: relative;
		left: 1rem;
		font-size: 14px;
		margin-bottom: 8px;
		display: block;
		font-weight: 500;
	}
	.event-container {
		flex-direction: column;
	}
	.event-column ul.list {
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: -1;
	}
	.event-column ul.list.open {
		opacity: 1;
		pointer-events: all;
		z-index: 999;
		border: 1px solid black;
		border-top: 0;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	.count svg {
		width: 16px;
		height: 16px;
		position: relative;
		top: 3px;
	}
	li.category {
		border: none!important;
		border-top: 1px solid #e1e1e1!important;
		min-height: unset;
		padding: 1rem;
		flex-direction: column;
		border-radius: 0;
		margin:0;
		font-size: 14px;
	}
	li.category:last-child {
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	li.category .title {
		margin: 0;
	}
	li.category .status {
		font-size: 12px;
	}
	li.category .icon {
		top: 8px;
	}
	.weekday {
		padding: 0;
		margin: 0px 5px;
	}
	.event-row {
		padding: 5px;
		position: relative;
		font-size: 12px;
		margin-bottom: 0.5rem;
		display: flex;
		align-items: flex-start;
		flex-direction: column!important;
	}
	.event-row .signup {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0, -50%);
	}
	.signup span {
		display: none;
	}
}

/* Calendar */
#current-date {
	color: #fff;
}
.calendar-container .event-list {
	padding: 0;
}
.calendar-container .event-row {
	border-radius: 0;
	border-top: 1px solid #fff;
}
.calendar-container .event-row:hover {
	background: #b98e4a;
}
.calendar-container .event-row {
	text-decoration: none;
	gap: 25px;
	padding: 0;
}

.event-row .time {
	font-weight: 600;
}
.calendar-container .event-row .title a {
	text-decoration: none;
}
.calendar-container .headline {
	display: flex;
	align-items: center;
}
.calendar-container .facility {
	color: #E5DECC;
	font-weight: 600;
}
.calendar-container button {
	width: 48px;
	height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.calendar-container button:hover svg {
	fill: #E5DECC;
}
.calendar-container button svg {
	width: 16px;
	height: 16px;
	fill: white;
}
@media only screen and (max-width:600px) {
   .calendar-container .event-row {
    	flex-direction: row!important;
    	flex-wrap: wrap;
    	padding: 5px 0px;
    	align-items: center;
    	margin: 0;
    	gap: 0;
    }
    .event-row .title {
    	width: 100%;
    	order: 1;
    }
    .event-row .time {
    	margin: 0;
    	margin-top: 0.5rem;
    	order: 2;
    }
    .calendar-container .facility {
    	order: 3;
    	width: 100%;
    	margin: 0.5rem 0;
    }
}
.category-label,
.today {
	color:#fff;
	position: relative;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
}
.today {
	color: #fff;
	font-size: 12px;
	margin: 2rem 0 1rem 0;
}

.accessible-dropdown {
  position: relative;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 560px;
}
.accessible-dropdown[aria-expanded="true"] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.accessible-dropdown:focus {
  outline: 3px solid #E5DECC;
  outline-offset: 2px;
}

.dropdown-options {
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 1000;
  background: #fff;
  border: 1px solid #000;
  margin: 0;
  padding: 0;
  list-style: none;
  width: calc(100% + 2px);
  max-height: 200px;
  overflow-y: auto;
  border-radius: 12px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.dropdown-options [hidden] {
	border: 2px solid red;
}
.selected {
	background: transparent;
	border-radius: 12px;
}
.accessible-dropdown[aria-expanded="true"] .selected:not(.custom-icon) {
	background: #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.dropdown-item-content,
.selected {
  position: relative;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.selected .icon  {
	fill: white;
	display: flex;
	align-items: center;
}
.selected .icon svg {
	width: 16px;
	height: 16px;
	margin: 0 auto;
}
.dropdown-option input {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
}
.dropdown-option:focus {
  outline: none;
  background-color: #E5DECC;
  color: #000;
}
.dropdown-option .custom-icon {
	position: relative;
	width: 20px;
	height: 20px;
	padding: 0;
	border-radius: 100%;
	background: #000;
	border: 1px solid #eee;
	transition: .2s ease-in-out;
	flex-shrink: 0;
	margin-left: 1rem;
	background: transparent;
	fill: transparent;
	padding: 5px;
}
.dropdown-option .custom-icon svg {
	position: relative;
	top: -7px;
}
.dropdown-option:hover,
.dropdown-option[aria-selected="true"] {
  background-color: #E5DECC;
}

.dropdown-option[aria-selected="true"] .custom-icon{
  border-color: #000;
  background: #000;
  display: block;
  fill: #fff;
}

.category-pill {
    display: inline-flex;
    align-items: center;
    background-color: #E5DECC;
    color: #000;
    padding: 4px 8px;
    margin: 2px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid #E5DECC;
}

.category-pill .remove-pill {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.9em;
    color: #000;
    cursor: pointer;
    padding: 0 4px;
    transition: color 0.2s;
}

.category-pill .remove-pill:hover {
    color: #cc0000;
}
.category-pill.more-pill {
    background-color: #E5DECC;
    border: 1px solid #E5DECC;
    color: #000;
    font-weight: 600;
}
/* Hide excess pills on smaller screens */
@media (max-width: 600px) {
    .category-pill:not(.more-pill):not(.category-pill:first-of-type) {
        display: none;
    }
    .more-pill {
        display: inline-flex;
    }
}

/* On larger screens, show all pills, hide +N */
@media (min-width: 601px) {
    .more-pill {
        display: none !important;
    }
}
#load-more {
	color: #fff;
	border: 2px solid #E5DECC;
    background: transparent;
    width: auto;
    padding: 12px 24px;
    border-radius: 25px;
    font-weight: 600;
    margin: 25px auto;
    transition: .3s ease-in-out;
}
#load-more:hover {
	background: rgba(103,230,195, 0.4);
}
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  margin: 0 auto;
  border-radius: 50%;
  background: #fff;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

/* Tribe single event page */

.single-tribe_events h1{
	color: #fff !important;
}

.tribe-events-single-event-title{
	font-size: clamp(1.5rem, 5vw, 3rem) !important;
} 
.tribe-events-meta-group {
	width: 100%!Important;
}
.tribe-events-meta-group dl {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 2rem;
}

.tribe-events-pg-template{
	margin-top: 150px !important;
	max-width:1400px !important;
}
.tribe-events-back{
	display:none !important;
}

.tribe-events-series-relationship-single-marker.tribe-common{
	display:none !important;
}

.tribe-events-schedule{
	display:none !important;
}
.tribe-events-meta-group-organizer,
.tribe-events-meta-group.tribe-events-meta-group-venue {
	display:none !important;
}

.tribe-tickets__ticket-type-header__wrapper{
	display:none !important;
}
.tribe-tickets__form{
	border-radius:8px !important;
	border: unset !important;
}

.single.single-tribe_events{
	background-color: #325676;
}
.tribe-tickets__tickets-wrapper{
	margin-top:unset !important;
	order: 2 !important;
}
button#tribe-tickets__tickets-submit{
	background-color: #6D8E9D ;
	color: #fff !important;
}
.tribe-common-c-btn:disabled{
	color:#fff !important;
}
h2.tribe-events-single-section-title{
	display: none !important;
}
dt{
	display: none !important;
}

dd.tec-events-pro-series-meta-detail--link{
	display: none !important;

}
dd.tribe-events-event-cost{
	display: none !important;

}
dd.tribe-events-event-categories{
	display: none !important;
}

.tribe-clearfix::before{
	display: none !important;
}
.tribe-events-meta-group{
	padding: unset !important;
}
abbr.tribe-events-abbr.tribe-events-start-date.published.dtstart{
	text-decoration: none !important;
}
dd{
	font-weight: 600;
	font-size: clamp(1rem, 2vw, 1.2rem);
}

#tribe-events-footer{
	display: none !important;
}

.tribe-dialog.a11y-dialog--open{
	z-index: 999 !important;
}

.tribe-dialog__wrapper.tribe-modal__wrapper--ar{
	max-width: 750px !important;
	height: calc(100% - 330px) !important;
}

.tribe-tickets__tickets-item{
	border: none !important;
}

.tribe-tickets__form.tribe-tickets__attendee-tickets-item.tribe-tickets__attendee-tickets-item--has-required-meta::before{
	display: none !important;
}
.tribe-tickets__form.tribe-tickets__attendee-tickets-item.tribe-tickets__attendee-tickets-item--has-required-meta::after{
	display: none !important;
}
.tribe-tickets__attendee-tickets-item-header{
	display: none !important;
}
button.tribe-common-c-btn.tribe-common-c-btn--small.tribe-tickets__attendee-tickets-submit.tribe-tickets__attendee-tickets-footer-checkout-button.tribe-validation-submit{
	background-color: #6D8E9D ;
	color: #fff !important;
}

.tribe-events-notices{
	display: none !important;
}
.tribe-common-b2.tribe-tickets__commerce-order-footer-links{
	display: none !important;

}
section.bde-section-15-100.bde-section{
	display: flex;
    height: calc(100vh + 200px);
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-around;
	background-color:#6D8E9D;
}
.section-container{
	width:100%;
	max-width:1400px;
}
.tribe-common-b2.tribe-tickets__commerce-checkout-header-links{
	display: none !important;
}
.tec-tickets__attendees-list-item{
	background-color: #fff !important;
	border: unset !important;
	margin-bottom: 15px !important;
	border-radius: 8px !important;
}
.tec-tickets__attendees-list{
	background-color: unset !important;
}
a.tribe-common-c-btn-border:hover {
    background-color: #6D8E9D !important;
    color: #fff !important;
    border: unset !important;
}
.tribe-back{
	display: none !important;
}
.user-details{
	display: none !important;
}
.tec-tickets__my-tickets-list-title-container.type-series_pass{
	display: none !important;
}
span.tec-tickets__my-tickets-list__series-link{
	display: none !important;

}
.event-tickets.tribe-tickets__tickets-page-wrapper.tribe-common{
	border-top: unset !important;
}
.postid-10000449 #tribe-events-pg-template{
	height: 60vh;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
ul.tribe-tickets-list.tribe-list{
	gap: 15px;
    display: flex;
    flex-direction: column;
}
li.tribe-item{
	border: unset !important;
	border-radius: 8px !important;
}
.tribe-link-view-attendee{
	display: none !important;
	border-top: unset !important;
}

.page-id-288 .bde-code-block-15-101.bde-code-block{
	display: block !important;
}

.page-id-288.bde-section-15-100.bde-section{
	display: block !important;
}

.tribe-events-content{
	color:#fff !important;
}

.tribe-events-event-meta{
	color: #fff !important;
} 
.tribe-venue
a {
	color: #fff !important;
}

.tribe-tickets__commerce-checkout-footer-notice-error--no-gateway{
	background-color: #fff !important;
}

a{
	text-decoration: none;
}

.tribe-tickets__commerce-checkout-cart.tribe-common-h2
{
color: #fff !important;
}

/* EVent calendar coupon hide */
.tribe-common-b2.tribe-tickets__form.tec-tickets-commerce-checkout-cart__coupons {
	display: none!important;
}
/* Ticket fix */
.tribe-events-single>.tribe_events {
	flex-direction: row-reverse;
	gap: 2rem;
	justify-content: space-between;
}
.tribe-events-single>.tribe_events>:not(.primary,.secondary,.tribe-events-related-events-title,.tribe-related-events) {
	order: 2;
	border-radius: 8px;
	overflow: hidden;
	width: calc(50% - 2rem);
}
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
	order: 1;
	width: 100%;
}
.tribe-events-single-event-description h1,
.tribe-events-single-event-description.tribe-events-content h2,
.tribe-events-single-event-description.tribe-events-content h3, {
	font-size: 2rem!important;
}
.tribe-event-tags a {
	text-decoration: none;
	pointer-events: none;
	display: none;
}
.woocommerce-table .tribe-attendee-meta,
.tribe-common.tribe-common-b1.tec-tickets__attendees-list-wrapper.tec-tickets__attendees-list-wrapper--woo,
.tribe-tickets__iac-email-disclaimer.tribe-common-b2 {
	display: none!important;
}
/* Kalender */
.kalender-container {
  color: #000;
}

.kalender-controls {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.kalender-controls input,
.kalender-controls button {
  padding: 6px 10px;
  border: 1px solid #ffffff;
  border-radius: 8px;
  color: #000;
}

.kalender-controls button {
  color: #fff;
}
.month-calendar tbody, .month-calendar td{
    box-shadow: inset 0 0 0 1px #f4f4f4;
}
tbody tr:nth-child(5){
	border-radius: 0 0 8px 8px;
}

.kalender-titel {
  margin:0;
  color: #fff !important;
}

.kalender-navigation {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.kalender-navigation a {
  margin-right: 10px;
  text-decoration: none;
}

.month-calendar {
  width: 100%;
  border-collapse: collapse;
    background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.month-calendar th,
.month-calendar td {
  padding: 10px;
  vertical-align: top;
  
}


.month-calendar th {
  background: #00624899 ;
}

.month-calendar td ul {
  padding-left: 15px;
  margin-top: 6px;
  list-style: none;
}

.month-calendar td li a {
  color: #000;
  text-decoration: none;
  pointer-events: none;
}

.month-calendar td li a:hover {
  	text-decoration: underline;
	color:#00624899 ;
}

.kalender-container { 
	max-width: 100%; 
	color: #000; 
}

.kalender-controls { 
	display: flex; 
	flex-direction: column; 
	gap: 1rem; 
	margin-bottom: 1rem; 
}

.kalender-header { 
	display: none; 
	gap: 0.5rem; 
}

.kalender-header #goToMonth{
	border: 1px solid #fff ;

}
.kalender-header #goToMonth:hover{
	border:1px solid #00624899;
	background: #00624899;

}

.kalender-filter { 
	display: flex; 
	flex-direction: column; 
	width: auto;
}
.kalender-filter label { 
	font-weight: bold; 
	margin-bottom: 0.25rem; }

.calendar-nav-btn {
	color: #fff !important;
	width: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -2px;
    font-size: 32px;
}
#calendar-output{
	overflow: auto !important;
}

span.flatpickr-monthSelect-month.selected{
	background-color:#00624899 !important;
	border-color: #00624899 !important;
	color: #fff !important;
}
.flatpickr-monthSelect-month:hover{
	background-color:#00624899 !important;
	border-color: #00624899 !important;
	color: #fff !important;
}
.calendar-day-details {
	display: none;
}

/* Mobil version Virker ikke enndu det er skraaaald*/
@media (max-width: 768px) {
	.calendar-day-details {
		display: block;
	}
  .month-calendar { display: block; }
  .month-calendar thead { display: none; }

  /* Put ALL day cells inside a single grid container.
     If your markup has multiple <tr>, set each <tr> to display: contents
     so the <td> become grid items. */
  .month-calendar tbody { display: grid; }
  .month-calendar tr { display: contents; }

  .month-calendar tbody {
    grid-template-columns: repeat(7, minmax(35px, 1fr));
    gap: var(--cal-gap, 4px);
  }

  .month-calendar td {
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* daglige aktiviteter */
.week-day-section {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid #c6e7f9;
}

#current-week{
	color: #000;
}

.week-day-section h5 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #000 !important;
}

.event-table {
  width: 100%;
  border-collapse: collapse;
}



.event-table tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #eee;
}

.event-table td {
  display: block;
  flex: 1;
  padding: 0 0.5rem;
}
td.week-day-inner{
	height: auto !important;
}



/* Vis tabel-header som rækker */
.event-table-header {
  display: table-header-group; /* Beholder semantikken */
}

.event-table thead tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 0.95rem;
  color: #000;
}

.event-table thead th {
  display: block;
  flex: 1;
  padding: 0 0.5rem;
  text-align: left;
}


@media (max-width: 600px) {
  .event-table tr {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .event-table td {
    text-align: left !important;
  }
}
#aktivitet-output h2 {
	color: #000!important;
}
.custom-select {
    position: relative;
    max-width: 400px;
    margin-bottom: 1rem;
    border: 2px solid #b98e4a;
    padding: 0.5rem 1rem;
    background: #ffffff70;
    border-radius: 50px;
    cursor: pointer;
}

.selected-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropdown-arrow {
    margin-left: auto;
}
.options {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ccc;
	border-radius: 6px;
    border-top: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
}
.options li {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
}
.options li:hover,
.options li[aria-selected="true"] {
    background: #eee;
}
.dropdown-item-icon {
    margin-right: 8px;
    flex-shrink: 0;
}

#aktivitet-output .read-more-button {
    background: #b98e4a;
    padding: 8px 2rem;
    color: #fff!important;
    border-radius: 45px;
    display: inline-block;
    margin-top: 1rem;
}
      /* Dots */
.month-calendar .dot {
  display:inline-block; width:.5rem; height:.5rem; border-radius:50%; margin-left:.35rem;
}
td.selected {
	background: #E5DECC;
}
.dot-has-events { background:#487760; }
.dot-closed     { background:#ff0000; }

/* Desktop inline event list */
.month-calendar .desktop-events { margin:.35rem 0 0 0; padding-left:1rem; }

/* Responsive: hide inline lists on small screens, show dots only */
@media (max-width: 768px) {
  .month-calendar .desktop-events { display:none; }
  .month-calendar td.month-picker-inner { cursor:pointer; }
}

/* Day-details panel */
.calendar-day-details { margin-top:1rem; }
.calendar-day-details .event-list { list-style:none; padding:0; margin:.5rem 0 0; }
.calendar-day-details .event-list li { padding:.5rem 0; border-bottom:1px solid #eee; }

.events-load-more {
	margin: 1rem auto!important;
	display: table!important;
}
body.home .events-load-more {
	display: none!important;
}
.badge.outside-hours {
  display:inline-block;
  padding: .15rem .4rem;
  font-size: .75rem;
  line-height: 1;
  border-radius: .25rem;
  border: 1px solid #fff;
  opacity:.8;
  color: #fff;
}
.notice.closed-but-events {
  font-style: italic;
  opacity:.9;
}