@font-face {
    font-family: 'fredoka-one';
    src: url('/assets/fredoka-one.one-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Custom styles for proportions and typography */
header .navbar {
    font-size: 1rem;
    font-family: Arial, sans-serif;
}
header .navbar-brand span {
    font-size: 1.5rem;
    color: #cdc2ab;
}
label {
    min-width: 160px;
    vertical-align: top;
}
h1  {
    font-family: 'fredoka-one', sans-serif;
    padding-bottom: 10px;
}
h2  {
    padding-top: 12px;
}
.navbar-nav .nav-link {
    color: #333;
    transition: color 0.3s;
}
.navbar-nav .nav-link:hover {
    color: #ceb786;
}
.min-height{
    min-height: 1000px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-10{
    padding: 10px;
}
.tales {
    width: 100%;
}
.carousel-inner{
    width:100%;
    max-height: 300px !important;
}

.result-count {
    white-space: nowrap; /* Empêche le retour à la ligne */
    display: flex; /* Assure un bon alignement */
    align-items: center; /* Centre verticalement */
}

/* main search card */
.card {
    border-radius: 8px;
    overflow: hidden;
}

.card-img-top {
    object-fit: cover;
    max-height:320px; 
}

@media (width <= 1024px) {
    .mediaLarge {
        display:none;
    }
    .mediaSmall {
        display:inline;
    }
    .card-img-top {
        max-height: 150px; /* Constrain the maximum height */
        height: auto; /* Maintain aspect ratio */
        width: 100%; /* Ensure it fits within the container */
        object-fit: cover; /* Ensures proper scaling and cropping */
    }
    #map {
        height: 300px;
    }
}
@media (width >= 1024px) {
    .mediaSmall {
        display:none;
    }
    .mediaLarge {
        display:inline;
    }
    .card-img-top {
        max-height: 300px; /* Constrain the maximum height */
        height: auto; /* Maintain aspect ratio */
        width: 100%; /* Ensure it fits within the container */
        object-fit: cover; /* Ensures proper scaling and cropping */
    }
    #map {
        height: 500px;
    }
}

.message{
    color:#972e2e;
}
.mt-15{
    margin-top: 15px;
}
.form-group {
    margin-bottom: 0px !important;
}
.lifrmctrl{
    width: 350px !important;
    display:inline !important;
}
.lifrmctrl_short{
    width: 150px !important;
    display:inline !important;
}
.lifrmctrlta{
    width: 500px !important;
}
.lifrmFeedback{
    width: 100% !important;
}
.lifrmctrlchbx{
    height: auto !important;
    margin-left: 12px !important;
}
.lifrmctrl:focus {
    border-color: #cdc2ab !important; /* Set your desired border color */
    box-shadow: 0 0 5px #ceb786 !important; /* Set your desired box-shadow */
    outline: none !important; /* Remove the default outline */
}
a {
    color: #777 !important;
    text-decoration: none !important;
}
a:hover {
    color: #333 !important;
}
.libtn {
    background-color: #cdc2ab !important;
    border-color: #cdc2ab !important;
    color: #333 !important;
}
.libtn:hover {
    background-color: #ceb786 !important;
    border-color: #ceb786 !important;
    color: #333 !important;
}
.bg {
    font-family: Arial, sans-serif;
    background-color: #cdc2ab;
    padding:5px;
}
.logo-typo {
    font-family: 'fredoka-one', sans-serif;
    color: #333 !important;
}

/* Main TAXO */
.taxo-pre {
    background-color: #dab9ff;
}
.taxo-pos {
    background-color: #a4bba1;
}
.taxo-pet {
    background-color: #f4a261;
}
.taxo-sco {
    background-color: #ffb758;
}
.taxo-res {
    background-color: #9ddceb;
}
.taxo-plj {
    background-color: #9aedcf;
}

/* RATING */

.star {
    cursor: pointer;
    font-size: 2rem;
    color: #333;
}
.star-fixed {
    font-size: 2rem;
    color: #333;
}

.selected {
    color: #ceb786;
}

/* RGPD */
.cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    padding: 10px;
    display: none; /* Hidden by default */
    z-index: 1000;
}

.cookie-banner a {
    color: #333;
    text-decoration: underline;
}

.cookie-banner button {
    background-color: #ceb786;
    border: none;
    color: white;
    padding: 5px 15px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 4px;
}

/* Thèmes */

/* Printemps */
.theme-spring::before {
    content: "🌸"; /* Fleur */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Été */
.theme-summer::before {
    content: "☀️"; /* Soleil */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Automne */
.theme-autumn::before {
    content: "🍂"; /* Feuille d'automne */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Hiver */
.theme-winter::before {
    content: "❄️"; /* Flocon de neige */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Noël */
.theme-christmas::before {
    content: "🎄"; /* Arbre de Noël */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Pâques */
.theme-eastern::before {
    content: "🐣"; /* Poussin */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Vacances */
.theme-holidays::before {
    content: "🏖️"; /* Plage */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Camp */
.theme-camp::before {
    content: "🏕️"; /* Tente */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Anniversaire */
.theme-birthday::before {
    content: "🎂"; /* Gâteau d'anniversaire */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Saint-Valentin */
.theme-valentine::before {
    content: "❤️"; /* Cœur */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Halloween */
.theme-halloween::before {
    content: "🎃"; /* Citrouille */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Fête nationale */
.theme-national_day::before {
    content: "🇨🇭"; /* Suisse */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Fête des mères */
.theme-mothers_day::before {
    content: "🌹"; /* Rose */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Fête des pères */
.theme-fathers_day::before {
    content: "👔"; /* Cravate */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Nouvel An */
.theme-new_year::before {
    content: "🎆"; /* Feux d'artifice */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Rentrée scolaire */
.theme-back_to_school::before {
    content: "📚"; /* Livres */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Carnaval */
.theme-carnival::before {
    content: "🎭"; /* Masque */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Sport */
.theme-sports::before {
    content: "⚽"; /* Ballon de football */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Musique */
.theme-music::before {
    content: "🎵"; /* Note de musique */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Cinéma */
.theme-cinema::before {
    content: "🎬"; /* Clap de cinéma */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Technologie */
.theme-technology::before {
    content: "💻"; /* Ordinateur */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Écologie */
.theme-ecology::before {
    content: "🌿"; /* Feuille */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Cuisine */
.theme-cooking::before {
    content: "👨‍🍳"; /* Toque de chef */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Voyage */
.theme-travel::before {
    content: "✈️"; /* Avion */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Animaux */
.theme-animals::before {
    content: "🐾"; /* Empreintes d'animaux */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Yoga, Détente */
.theme-yoga_relaxation::before {
    content: "🧘"; /* Personne en méditation */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Eau */
.theme-water::before {
    content: "💧"; /* Goutte d'eau */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Bricolage */
.theme-diy::before {
    content: "🔨"; /* Marteau */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Forêt */
.theme-forest::before {
    content: "🌲"; /* Sapin */
    font-size: 1.5em;
    margin-right: 0.5em;
}

/* Admin */
.sort {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.sort::after {
  content: "⇅"; /* symbole neutre */
  font-size: 0.8em;
  margin-left: 5px;
  opacity: 0.4;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Tri actif croissant */
.sort.asc::after {
  content: "↑";
  opacity: 1;
}

/* Tri actif décroissant */
.sort.desc::after {
  content: "↓";
  opacity: 1;
}

/* Effet hover */
.sort:hover {
  color: #007bff;
}

.sort:hover::after {
  opacity: 0.8;
}