/* Conteneur plein écran */
#pleinecran {
    width: 100vw;
    height: 100dvh;
    display: flex;
    justify-content: left;
    align-items: top;
    margin: 0;
    padding: 0;
}

.subtitle {
     font-style: normal !important;
     font-size: 22 px !important;
}

.text-p-larger {
    font-size: 18px !important;
}

.CTA-mail {
    padding : 0 !important;
    margin : 0 !important;
 }
 
/* Polices personnalisées pour boutons */
.uk-button.uk-button-font-body {
  font-family: inherit !important; /* Utilise la police du corps de texte */
}

.uk-button.uk-button-font-heading {
  font-family: gyst !important; /* Police des titres */
  font-weight: 700 !important;
  padding-top : 1em !important;
  padding-bottom : 1em !important;
  padding-left : 1em !important;
  padding-right : 1em !important;
}

.uk-button.uk-button-font-secondary {
  font-family: var(--secondary-font-family) !important; /* Police secondaire */
  font-style: italic !important;
}

/* Page booking - supprimer tout scroll sauf l'iframe */
.booking-page body {
  overflow: hidden !important;
}

#booking-container {
  position: fixed !important;
  top: 71px; /* Hauteur navbar */
  left: 0 !important;
  width: 100vw !important;
  height: calc(100vh - 71px) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 100;
}

#booking-container iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}

/* Mobile */
@media (max-width: 640px) {
  #booking-container {
    top: 60px;
    height: calc(100vh - 60px) !important;
  }
}

/* Filtre de catégories - Style personnalisé */
.category-filter-wrapper .uk-button {
  min-width: 200px;
  justify-content: space-between;
  display: inline-flex;
  align-items: center;
  color: #aaaaaa !important;
}

.filter-dropdown-custom {
  font-size: 1.5rem !important;
  color: #aaaaaa !important;
}

.category-filter-wrapper .uk-dropdown {
  min-width: 250px;
  color: #aaaaaa !important;
}

.category-filter-wrapper .uk-nav li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #aaaaaa !important;
}

.category-filter-wrapper .uk-nav .uk-text-muted {
  font-size: 0.875rem !important;
  margin-left: 10px;
  color: #aaaaaa !important;
}

/* Style actif */
.category-filter-wrapper .uk-nav .uk-active a {
  font-weight: 700;
  color: #aaaaaa !important;
}