/*HOME*/
.alerte_news .uk-grid {align-items: center;}
.tm-toolbar-default {padding: 0;}

a.uk-logo.uk-navbar-item {position: relative;}
a.uk-logo.uk-navbar-item:after {content: 'Espace Aquasud'; display: inline-block; font-family: 'Bebas Neue'; color: #fff; font-size: 24px; letter-spacing: 0px; margin-left: 10px;}

.uk-navbar-right {margin-left: 0;}
.uk-navbar-center:not(:only-child) {position: relative; transform: none; top: 0; left: 0;}
.uk-navbar {justify-content: space-between;}
.uk-navbar-nav .menu-item-home {display: none;}

.bouton_blanc .uk-button {position: relative; z-index: 0; border-color: #fff; color: #fff;}
.bouton_blanc .uk-button:hover {border-color: transparent; color: #30a4d9;}
.bouton_blanc .uk-button::before {z-index: -1;}
.bouton_bleu .uk-button {position: relative; z-index: 0; border-color: #30a4d9; color: #30a4d9;}
.bouton_bleu .uk-button:hover {border-color: transparent; color: #fff;}
.bouton_bleu .uk-button::before {z-index: -1;}

.button_reservation.uk-margin a, .button_planning.uk-margin a {padding: 0 30px; width: 190px;}
.button_reservation.uk-margin a {background-color: #fff; color: #30a4d9; border-color: #fff; transition: background-color 0.3s ease, border-color 0.2s ease, color 0.2s ease;}
.button_reservation.uk-margin a:hover {background-color: transparent; border-color: transparent; color: #30a4d9;}
.button_planning.uk-margin a {background-color: #30a4d9; color: #fff; border-color: #30a4d9; transition: background-color 0.3s ease, border-color 0.2s ease, color 0.2s ease;}
.button_planning.uk-margin a:hover {background-color: transparent; border-color: transparent;}

#section_slideshow_home {position: relative; z-index: 1; color: #fff;}
#section_slideshow_home h1 {color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: clamp(48px, 8vw, 128px); line-height: clamp(52px, 8.5vw, 128px);}
#section_slideshow_home .el-item picture::after {content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.29); pointer-events: none;}

#section_activites_home {position: relative; overflow: visible;}
#section_activites_home h2.uk-text-center {position: relative; z-index: 2;}
#section_activites_home .animation_background_01 {position: absolute; top: -350px; right: 0; width: 55%; pointer-events: none; z-index: 0;}
#section_activites_home .animation_background_01 svg {width: 100%; height: auto; display: block;}
#section_activites_home > .uk-width-1-1 {position: relative; z-index: 1;}
#section_activites_home .animation_background_01 svg path {opacity: 0; transform: scale(0); transform-box: fill-box; transform-origin: center; transition: opacity 0.6s ease, transform 0.8s ease-out;}
#section_activites_home .animation_background_01 svg.is-visible path {opacity: 1; transform: scale(1);}
#section_activites_home .animation_background_01 svg path[stroke="#009BD8"] {opacity: 1; transform: none; transform-box: fill-box; stroke-dasharray: 1200; stroke-dashoffset: 1200; transition: stroke-dashoffset 1.2s ease, opacity 0.3s ease;}
#section_activites_home .animation_background_01 svg.is-visible path[stroke="#009BD8"] {stroke-dashoffset: 0; opacity: 1;}
#section_activites_home .animation_background_01 svg path[fill="#004C87"] {opacity: 1; transform: none; transform-box: none; clip-path: inset(0 100% 0 0); transition: clip-path 1.5s ease-out;}
#section_activites_home .animation_background_01 svg.is-visible path[fill="#004C87"] {clip-path: inset(0 0% 0 0);}

#section_activites_home .grid_animate.uk-margin {position: relative;z-index: 2; color: #fff;}
#section_activites_home .grid_animate .el-item {position: relative; overflow: hidden;}
#section_activites_home .grid_animate .el-item .tm-water-overlay {position: absolute; inset: 0; z-index: 2; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; background: rgba(0, 76, 135, 0.15);}
#section_activites_home .grid_animate .el-item .tm-water-overlay svg {width: 120%; height: 120%; display: block; position: absolute; top: calc(50% - 10px); left: 50%; animation: tm-water-move 6s ease-in-out infinite;}
#section_activites_home .grid_animate .el-item:hover .tm-water-overlay {opacity: 1;}
#section_activites_home .grid_animate .el-item img.el-image, #section_activites_home .grid_animate .el-item .el-content, #section_activites_home .grid_animate .uk-button {position: relative;z-index: 9;}
@keyframes tm-water-move {0% {transform: translate(-50%, -50%);} 33% {transform: translate(-49%, -51%);} 66% {transform: translate(-51%, -49%);} 100% {transform: translate(-50%, -50%);}}
#section_activites_home .tm-activites-home .el-content {color: #fff;}
#section_activites_home .tm-activites-home img.el-image {height: 230px; object-fit: cover; width: 100%;}
#section_activites_home .tm-activites-home .el-content {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
#section_activites_home .tm-activites-home .uk-card {display: flex; flex-direction: column;}
#section_activites_home .tm-activites-home .uk-card .uk-margin-top.bouton_blanc {margin-top: auto !important;}
#section_activites_home .tm-activites-home h3 {line-height: 40px;}
#section_activites_home .tm-activites-home .el-content.uk-panel.uk-margin-top {margin-bottom: 20px;}

#section_bassins_home {color: #30a4d9;}

#section_bassins_home .grid_animate {position: relative; overflow: hidden; z-index: 2;}
#section_bassins_home .grid_animate .tm-water-overlay--blue {position: absolute; inset: 0; z-index: 2; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; background: rgba(48, 164, 217, 0.4);}
#section_bassins_home .grid_animate .tm-water-overlay--blue svg {width: 120%; height: 120%; display: block; position: absolute; top: calc(50% - 10px); left: 50%; animation: tm-water-move 6s ease-in-out infinite;}
#section_bassins_home .grid_animate:hover .tm-water-overlay--blue {opacity: 1;}
#section_bassins_home .grid_animate img.el-image, #section_bassins_home .grid_animate .el-content, #section_bassins_home .grid_animate .uk-button {position: relative; z-index: 9;}
#section_bassins_home .grid_animate img.el-image {height: 270px;}
#section_bassins_home .grid_animate .el-title {max-width: 120px; line-height: 40px; position: relative; z-index: 2;}
#section_bassins_home .el-content {height: 80px;}

#section_social_home {position: relative; overflow: visible;}
#section_social_home .animation_background_02 {position: absolute; top: -700px; left: 0; width: 55%; pointer-events: none; z-index: 0; margin-left: calc(-1 * (100vw - 100%) / 2);}
#section_social_home .animation_background_02 svg {width: 100%; height: auto; display: block; transform: scaleX(-1);}
#section_social_home .animation_background_02 svg path {opacity: 0; transform: scale(0); transform-box: fill-box; transform-origin: center; transition: opacity 0.6s ease, transform 0.8s ease-out;}
#section_social_home .animation_background_02 svg.is-visible path {opacity: 1; transform: scale(1);}
#section_social_home .animation_background_02 svg path[stroke="#009BD8"] {opacity: 1; transform: none; transform-box: fill-box; stroke-dasharray: 1200; stroke-dashoffset: 1200; transition: stroke-dashoffset 1.2s ease, opacity 0.3s ease;}
#section_social_home .animation_background_02 svg.is-visible path[stroke="#009BD8"] {stroke-dashoffset: 0; opacity: 1;}
#section_social_home .animation_background_02 svg path[fill="#004C87"] {opacity: 1; transform: none; transform-box: none; clip-path: inset(0 100% 0 0); transition: clip-path 1.5s ease-out;}
#section_social_home .animation_background_02 svg.is-visible path[fill="#004C87"] {clip-path: inset(0 0% 0 0);}
#section_social_home > .uk-container {position: relative; z-index: 1;}

.liens_footer a {margin-left: 25px; margin-right: 25px;}
footer * {color: #30a4d9;}


/*PAGES*/

#section_top_page {position: relative;}
#section_top_page::after {content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0); pointer-events: none;}
#section_grand_bassin .galerie_grand_bassin img {height: 500px; width: 100%; object-fit: cover;}
#section_petit_bassin .uk-container, #section_espace_detente {position: relative; z-index: 2;}
#section_grand_bassin h2, #section_petit_bassin h2, #section_espace_detente h2 {color: #fff;}
.tableau_tarif_activite .el-title {text-align: left;}
.tableau_tarif_activite tbody tr.tm-table-divider td {border-top: 2px solid rgba(255,255,255,0.4);}
.grille_infos_pratiques_activite .el-title {font-weight: bold; font-style: italic; color: #fff;}
.galerie_secondaire_activite img {height: 500px; width: 100%; object-fit: cover;}
#tableau_infos_activite h3 {font-size: 40px;}

.intro_texte_activite {font-size: 32px; line-height: 32px;}

.galerie_top_activite {position: relative;}
.galerie_top_activite::before {content: ''; position: absolute; top: -60px; left: -60px; width: 430px; height: 430px; background-image: url('/wp-content/themes/yootheme-aquasud/src/background_slide_activite.svg'); background-size: 430px 430px; background-repeat: no-repeat; z-index: 0; pointer-events: none;}
.texte_supp {font-size: 12px;}
.uk-table-small td, .uk-table-small th {padding: 8px;}

.tm-niveau-bar {margin: 8px 0;}
.tm-niveau-bar__wrapper {display: flex; align-items: center; gap: 10px;}
.tm-niveau-bar__side {display: flex; align-items: center; flex-shrink: 0;}
.tm-niveau-bar__track {position: relative; flex: 1; height: 22px; border-radius: 99px; display: flex; align-items: center; justify-content: center;}
.tm-niveau-bar__label {color: #fff; font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: 1px; position: relative; z-index: 1; text-shadow: 0 1px 2px rgba(0,0,0,0.3);}
.tm-niveau-bar__marker {position: absolute; top: -12px; transform: translateX(-50%); z-index: 2;}

.tm-grille-activites .el-item picture {display: block; overflow: hidden;}
.tm-grille-activites .el-item picture img.el-image {width: 100%; height: 230px; object-fit: cover; display: block;}
.tm-grille-activites .el-item .uk-card {border-radius: 8px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tm-grille-activites .el-item .uk-card:hover {transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.14);}
.tm-grille-activites .el-title {font-size: 18px; color: #004c87;}
.tm-grille-activites .el-content {font-size: 13px; color: #555; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
[uk-filter].grid_animate img.el-image {height: 230px; object-fit: cover; width: 100%;}


.liste_clubs img {width: 250px; max-height: 250px !important; object-fit: contain;}
.bouton_clubs .uk-button {padding: 0 30px;}

.tm-contact-form .uk-button {padding: 0 30px;}

/*RESPONSIVE*/
@media (max-width:1024px) {
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {font-size: 14px;}
    html {font-size: 14px;}
    .uk-navbar-nav {gap: 15px;}
}

@media (max-width:960px) {
    footer img {max-width: 100px;}
    .liens_footer a {display: block;}
    .uk-h1, h1 {font-size: 65px;}
    .uk-h2, h2 {font-size: 40px;}
    #section_slideshow_home .el-content {font-size: 15px; line-height: 15px;}
    .intro_texte_activite {font-size: 20px; line-height: 20px;}
}