.ymm-selector.ymm-box .ymm-garage {margin-bottom:10px}
.ymm-selector.ymm-box .ymm-garage .ymm-garage-select {width:auto; margin:0; color: #575757;}
.ymm-selector.ymm-box select.ymm-select,
.ymm-selector.ymm-box select.ymm-category-select {width:100%; margin:0 0 8px 0; color: #575757; font-size: 16px;}
.ymm-selector.ymm-box select.disabled { border-color:#bbb !important; background:#bbb !important; }

.ymm-selector.ymm-box .ymm-extra.or-search select.ymm-category-select:last-child {margin-bottom:2px;}
.ymm-selector.ymm-box .ymm-extra .ymm-search {margin:0;}
.ymm-selector.ymm-box .ymm-extra .ymm-search .ymm-or-search{display:none;}
.ymm-selector.ymm-box .ymm-extra.or-search .ymm-search .ymm-or-search {display:block;}
.ymm-selector.ymm-box .ymm-extra .ymm-search table {width:100%;}
.ymm-selector.ymm-box .ymm-extra .ymm-search table td.ymm-td-input  {padding:0;}
.ymm-selector.ymm-box .ymm-extra .ymm-search table td.ymm-td-input input {width:100%; max-width:none;}
.ymm-selector.ymm-box .ymm-extra .ymm-search table td.ymm-td-button  {width:1px;white-space: nowrap;padding:0 0 0 9px;}
.ymm-selector.ymm-box .ymm-submit-any-selection {margin-top:0;}

.block-content {
    display: flex;
    flex-wrap: nowrap; /* Empêche le retour à la ligne */
    align-items: flex-start; /* Ajuste l'alignement vertical */
    gap: 10px; /* Espace entre les éléments, optionnel */
  }
.ymm-selector.ymm-horizontal {float:none !important; width:100% !important; padding:0 !important; margin:0 !important;}
.ymm-selector.ymm-horizontal .ymm-title  {float:left;}
.ymm-selector.ymm-horizontal .ymm-title .widget-title { padding:0 !important; margin:0 !important; border:none !important;}
.ymm-selector.ymm-horizontal .ymm-title-right {float:right; margin:3px 1.2% 0 0;}
.ymm-selector.ymm-horizontal .ymm-title-right .ymm-garage-select {width:auto; margin:0; color: #575757;} 
.ymm-selector.ymm-horizontal .level {margin:0; float:left; width:33.3%;}
.ymm-selector.ymm-horizontal .level select.disabled { border-color:#bbb !important; background:#bbb !important; }
.ymm-selector.ymm-horizontal .level select.ymm-select,
.ymm-selector.ymm-horizontal .level select.ymm-category-select {width:97%; margin:0; color: #575757; font-size: 16px;}
.ymm-selector.ymm-horizontal .level select.ymm-category-select {margin-top:8px;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search {margin:6px 1% 0 0;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search .ymm-or-search{display:none;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search.or-search {margin-top:2px;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search.or-search .ymm-or-search{display:block;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search form,
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search table {margin:0;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search table td.ymm-td-input  {padding:0;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search table td.ymm-td-input input {width:100%; max-width:none;}
.ymm-selector.ymm-horizontal .ymm-extra .ymm-search table td.ymm-td-button  {width:1px;white-space: nowrap;padding:0 0 0 9px;}

.ymm-selector .ymm-submit-any-selection,
.ymm-selector .ymm-extra .ymm-search table td.ymm-td-button input[type="submit"],
.ymm-selector .ymm-extra .ymm-search table td.ymm-td-button button {
  background-color: #4a90e2;  /* Bleu vif */
  color: #fff;                /* Texte blanc */
  border: none;               /* Sans bordure */
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;         /* Coins légèrement arrondis */
  transition: background-color 0.3s ease;
}

.ymm-selector .ymm-submit-any-selection:hover,
.ymm-selector .ymm-extra .ymm-search table td.ymm-td-button input[type="submit"]:hover,
.ymm-selector .ymm-extra .ymm-search table td.ymm-td-button button:hover {
  background-color: #5da0ef;  /* Bleu foncé au survol */
  color: #fff;
}


/* Pour les écrans de tablette et plus petits */
@media (max-width: 768px) {
  .ymm-selector.ymm-horizontal {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .ymm-selector.ymm-horizontal .level {
    width: 100% !important;
    float: none !important;
  }

  .block-content {
    display: flex;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  /* ✅ Bouton en pleine largeur */
  .ymm-selector .ymm-submit-any-selection,
  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button input[type="submit"],
  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button button {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* ✅ Éviter que le td force une largeur fixe */
  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button {
    width: 100% !important;
    padding-left: 0 !important;
  }
}

/* Pour les très petits écrans (téléphones) */
@media (max-width: 480px) {
  .ymm-selector.ymm-horizontal {
    gap: 8px;
  }

  .block-content {
    padding: 10px;
  }

  .ymm-selector.ymm-horizontal .level {
    font-size: 14px;
  }

  /* ✅ Répéter les règles pour plus de robustesse */
  .ymm-selector .ymm-submit-any-selection,
  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button input[type="submit"],
  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button button {
    width: 97% !important;
    box-sizing: border-box;
  }

  .ymm-selector .ymm-extra .ymm-search table td.ymm-td-button {
    width: 100% !important;
    padding-left: 0 !important;
  }
}