/*
Theme Name: Flatsome Child
Theme URI: https://terangamoov.com/
Description: Thème enfant personnalisé de Flatsome pour Teranga Moov
Author: Teranga Moov
Author URI: https://terangamoov.com/
Template: flatsome
Version: 1.0.0
Text Domain: flatsome-child
*/

/* Chargement du style du thème parent */
@import url("../flatsome/style.css");

/* Variables de couleurs personnalisables (optionnel) */
:root {
  --color-primary: #1B2A62;
  --color-secondary: #E5B80B;
  --color-success: #4CAF50;
  --color-danger: #F44336;
  --color-warning: #FFC107;
  --color-info: #00BCD4;
  --color-light: #F8F9FA;
  --color-dark: #343A40;
}

/* Exemple d’application */
body {
  background-color: var(--color-light);
}
a {
  color: var(--color-primary);
}
a:hover {
  color: var(--color-secondary);
}

/* === Passagers (Adults / Children / Infants) — dropdown === */
.famas-search-flight .guests-wrapper .famas-dropdown {
  display: none;            /* déjà prévu, on confirme juste */
  left: 0;
  gap: 12px;
  overflow: hidden;
}
.famas-search-flight .famas-number-person .famas-dropdown-wrapper.active .famas-dropdown {
  display: flex !important; /* ouvre le menu quand wrapper a .active */
}

.famas-search-flight .guests-wrapper .famas-dropdown li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 12px;
}

.famas-search-flight .guests-wrapper .guests-button {
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px;            /* plus léger qu’en desktop */
}

.famas-search-flight .guests-wrapper .minus,
.famas-search-flight .guests-wrapper .plus {
  cursor: pointer;
  user-select: none;
}

.famas-search-flight .guests-wrapper .field-guest {
  width: 36px;
  min-width: 36px;
  text-align: center;
  font-size: 15px;
  border: 0;
  outline: 0;
  box-shadow: none;
  pointer-events: none;    /* le JS gère +/- ; garder si c’est le comportement souhaité */
}


/* Look simple des selects */
.famas-filter-section .famas-select{
  width:100%;
  max-width: 520px;
  padding:10px 12px;
  border:1px solid #D0D5DD;
  border-radius:8px;
  background:#fff;
  font-size:14px;
}

/* Titre et espacement harmonisés */
.famas-filter-section{
  margin-bottom:18px;
}
.famas-filter-title{
  margin:0 0 8px;
  font-weight:700;
}

/* TM Select Filters - style léger */
.tm-select-box { 
  border:1px solid #ff6a00; border-radius:12px; padding:14px; margin-bottom:18px;
}
.tm-select-box__title { margin:0 0 10px; font-size:18px; font-weight:700; }
.tm-select-holder select.tm-famas-select {
  width:100%; height:42px; border:1px solid #D0D5DD; border-radius:8px; padding:0 12px;
  background:#fff;
}
.tm-orig-filter { display:none !important; } /* masque les inputs d’origine (on les pilote en JS) */

/* Mobile + tablette */
@media (max-width: 991px) {
  /* Compagnies aériennes */
  .famas-filter [data-section="airlines"],
  .famas-filter .filter-airlines,
  .famas-filter .famas-filter-airlines { display: none !important; }

  /* (Optionnel) aussi masquer Prix et Poids bagages sur mobile+tablette */
  /* .famas-filter [data-section="price"],
     .famas-filter [data-section="baggage-weight"] { display: none !important; } */
}