h1, h2, h3, h4, h5, h6, span, a {
		font-family: 'Karla', sans-serif;
}

body {
		font-family: 'Karla', sans-serif;
}

.custom-font-primary {
		font-family: 'Karla', sans-serif !important;
}

.custom-font-secondary {
		font-family: 'Karla', sans-serif !important;
}

.custom-border-color-1 {
		border-color: #424549 !important;
}

.custom-font-size-1 {
		font-size: 22.4px !important;
		font-size: 1.4rem !important;
}

.custom-font-size-2 {
		font-size: 12.8px !important;
		font-size: 0.8rem !important;
}

/* Header */
@media (min-width: 992px) {
		#header .header-nav .header-nav-line nav > ul:not(:hover) li > a.active {
				color: var(--light) !important;
		}
		#header .header-nav-main nav > ul > li {
				margin-right: 1.2rem;
		}
		#header .header-nav-main nav > ul > li > a {
				color: var(--light) !important;
				font-size: 1.1rem !important;
				font-weight: normal !important;
		}
		#header .header-nav-main .dropdown-menu {
				background-color: #212529 !important;
				border: 1px solid #02835d !important;
				border-radius: 8px !important;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
				padding: 10px 0 !important;
		}
		#header .header-nav-main .dropdown-menu .dropdown-item {
				font-size: 1.1rem !important;
				font-weight: normal !important;
				color: var(--light) !important;
				padding: 12px 20px !important;
				border-bottom: 1px solid rgba(2, 131, 93, 0.2) !important;
				transition: all 0.3s ease !important;
		}
		#header .header-nav-main .dropdown-menu .dropdown-item:last-child {
				border-bottom: none !important;
		}
		#header .header-nav-main .dropdown-menu .dropdown-item:hover {
				background-color: rgba(2, 131, 93, 0.1) !important;
				color: #02835d !important;
		}
}

/* Media Section Styles */
#medias {
    background: linear-gradient(135deg, #212529 0%, #1a1d20 100%);
}

.block-tracklist {
    background: rgba(2, 131, 93, 0.05) !important;
    border: 1px solid rgba(2, 131, 93, 0.2);
    backdrop-filter: blur(10px);
}

.audio-player-custom {
    background: rgba(33, 37, 41, 0.8) !important;
    border: 1px solid rgba(2, 131, 93, 0.3);
    backdrop-filter: blur(5px);
}

.audio-player-custom img {
    border: 2px solid rgba(2, 131, 93, 0.4);
    transition: all 0.3s ease;
}

.audio-player-custom:hover img {
    border-color: #02835d;
}

.audio-controls .btn {
    border: none;
    background: rgba(2, 131, 93, 0.2) !important;
    color: #02835d !important;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
}

.audio-controls .btn:hover {
    background: #02835d !important;
    color: white !important;
    transform: translateY(-1px);
}

.audio-controls .btn:disabled {
    background: rgba(108, 117, 125, 0.3) !important;
    color: rgba(108, 117, 125, 0.6) !important;
    cursor: not-allowed;
}

.playlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.playlist li {
    border-bottom: 1px solid rgba(2, 131, 93, 0.1);
    padding: 1.5rem 1rem;
    transition: all 0.3s ease;
    border-radius: 0;
    margin-bottom: 0;
}

.playlist li:hover {
    background: rgba(2, 131, 93, 0.05);
    border-radius: 12px;
    padding: 1.5rem 1.5rem;
    border-bottom-color: rgba(2, 131, 93, 0.3);
    transform: translateX(8px);
}

.playlist li:last-child {
    border-bottom: none;
}

.playlist img {
    transition: all 0.3s ease;
    border-radius: 8px;
    border: 1px solid rgba(2, 131, 93, 0.2);
}

.playlist li:hover img {
    transform: scale(1.05);
    border-color: #02835d;
    box-shadow: 0 4px 12px rgba(2, 131, 93, 0.3);
}

.playlist .btn {
    background: rgba(2, 131, 93, 0.1) !important;
    border: 1px solid rgba(2, 131, 93, 0.3) !important;
    color: #02835d !important;
    transition: all 0.3s ease;
    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;
}

.playlist .btn:hover {
    background: #02835d !important;
    color: white !important;
    border-color: #02835d !important;
    transform: translateY(-1px);
}

.video-trigger {
    transition: all 0.3s ease;
}

.video-trigger:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.progress-container input[type="range"] {
    background: rgba(2, 131, 93, 0.2) !important;
    border-radius: 10px;
}

.volume-control input[type="range"] {
    background: rgba(2, 131, 93, 0.2) !important;
    border-radius: 10px;
}

.form-range:disabled {
    background: rgba(108, 117, 125, 0.3) !important;
    cursor: not-allowed;
}

/* Custom Borders Divider */
.custom-borders-divider-style-1 > div[class*="col"] {
		border-width: 1px;
		border-style: solid;
		border-color: var(--dark);
		border-top-width: 0;
		border-right-width: 0;
		border-left-width: 0;
}

@media (min-width: 576px) {
		.custom-borders-divider-style-1 > div[class*="col"] {
				border-right-width: 1px;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1), .custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
				border-left-width: 1px;
		}
}

@media (min-width: 992px) {
		.custom-borders-divider-style-1 > div[class*="col"] {
				border-left-width: 0;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(1) {
				border-left-width: 1px;
		}
		.custom-borders-divider-style-1 > div[class*="col"]:nth-child(3) {
				border-left-width: 0;
		}
}

/* Custom Brands Colors */
.custom-spotify-hover-effect {
		transition: ease background 300ms;
}

.custom-spotify-hover-effect:hover {
		background: #24cf5f;
}

.custom-itunes-hover-effect {
		transition: ease background 300ms;
}

.custom-itunes-hover-effect:hover {
		background: #d948dd;
}

.custom-amazon-hover-effect {
		transition: ease background 300ms;
}

.custom-amazon-hover-effect:hover {
		background: #ff9b00;
}

.custom-googlemusic-hover-effect {
		transition: ease background 300ms;
}

.custom-googlemusic-hover-effect:hover {
		background: #f4522b;
}

/* Custom Tour Items Hover Effect */
.custom-tour-wrapper {
		position: relative;
		overflow: visible;
}

.custom-tour-wrapper .custom-tour-stage {
		transition: ease transform 300ms;
}

.custom-tour-wrapper .custom-tour-stage > .custom-tour-item + .custom-tour-item {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		transform: translate3d(0, 100%, 0);
}

/* Animation wrapper subtile */
.custom-tour-wrapper:hover .custom-tour-stage {
    transform: none; /* Pas de transformation globale */
}

/* Contenu visible */
.custom-tour-wrapper .custom-tour-item:hover * {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover items */
.custom-tour-wrapper .custom-tour-item {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 1rem;
}

.custom-tour-wrapper .custom-tour-item:hover {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Bouton réserver */
.custom-tour-wrapper .custom-tour-item .btn,
.custom-tour-wrapper .custom-tour-item a[href*="reserver"],
.custom-tour-wrapper .custom-tour-item .btn-primary {
    transition: all 0.3s ease;
}

.custom-tour-wrapper .custom-tour-item .btn:hover,
.custom-tour-wrapper .custom-tour-item a[href*="reserver"]:hover,
.custom-tour-wrapper .custom-tour-item .btn-primary:hover {
    background-color: #02835d !important;
    border-color: #02835d !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 131, 93, 0.3);
}
/*
.custom-tour-wrapper:not(.custom-tour-wrapper-static):hover > .custom-tour-stage {
		transform: translate3d(0, -100%, 0);
}
*/
/* Custom Thumb Info */
.custom-thumb-info-style-1 .overlay:before {
		transition: ease all 300ms 0ms !important;
}

.custom-thumb-info-style-1:hover .overlay:before {
		opacity: 0.8 !important;
		background: #0c0c0c !important;
}

.custom-thumb-info-style-1 .thumb-info-title {
		padding: 28.8px 44.8px 36.8px 33.6px !important;
		padding: 1.8rem 2.8rem 2.3rem 2.1rem !important;
}

/* Custom Card Style */
.custom-card-style-1 .custom-card-img-top-wrapper .post-date {
		position: absolute;
		top: 35px;
		left: 35px;
		text-align: center;
}

.custom-card-style-1 .custom-card-img-top-wrapper .post-date .month {
		display: block;
		background: var(--grey-500);
		border-radius: 0 0 2px 2px;
		color: var(--light);
		font-size: 0.8em;
		line-height: 1.8;
		padding: 1px 10px;
		text-transform: uppercase;
		font-family: "Poppins", Arial, sans-serif;
}

.custom-card-style-1 .custom-card-img-top-wrapper .post-date .day {
		background: var(--grey-100);
		border-radius: 2px 2px 0 0;
		color: var(--grey-500);
		display: block;
		font-size: 18px;
		font-weight: 900;
		padding: 10px;
		font-family: "Poppins", Arial, sans-serif;
}

/* Custom SVG Line Animation */
@keyframes customSVGLineAnim {
		from {
				stroke-dasharray: 40;
				stroke-dashoffset: 40;
		}
		to {
				stroke-dasharray: 40;
				stroke-dashoffset: 0;
		}
}

.customSVGLineAnim {
		animation-name: customSVGLineAnim;
}

/* Style pour les événements complets (sold out) */
.sold-out-event {
    position: relative;
}


.sold-out-event .date,
.sold-out-event .event-head,
.sold-out-event .evnt-detail {
    opacity: 0.3 !important;
}

.sold-out-event .evnt-btns .ticket-bt {
    opacity: 0.3 !important;
}

.sold-out-event .evnt-btns .rsvp {
    opacity: 1 !important;
}

/* Gallery Styles */
.gallery-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.section-title {
    text-align: center;
    font-size: 2.5rem;
    margin: 40px 0 30px;
    color: #333;
}

/* Section Membres */
.members-section {
    margin-bottom: 60px;
}

.members-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin: 30px 0;
}

.member-card {
    text-align: center;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.member-card:hover {
    transform: translateY(-5px);
}

.member-photo {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 15px;
    border: 4px solid #ddd;
}

.member-name {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.member-role {
    font-size: 1rem;
    color: #666;
    margin: 5px 0 0;
}

/* Section Galerie */
.gallery-section {
    margin-top: 60px;
}

.photo-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.05);
}

.gallery-photo {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.gallery-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: white;
    padding: 20px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-overlay {
    transform: translateY(0);
}

.gallery-caption {
    font-size: 0.9rem;
    margin: 0;
}

@media (max-width: 768px) {
    .members-grid {
        grid-template-columns: 1fr;
    }

    .photo-gallery {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .member-photo {
        width: 150px;
        height: 150px;
    }
}