/* ==========================================================
   B'Expert SAV — Adaptation usage tactile (moniteurs tactiles)
   Cibles >= 48x48px, espacement renforce, pas d'effets hover
   qui dependent d'un curseur, feedback visuel au tap.
   ========================================================== */

* {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

body {
  -webkit-user-select: none;
  user-select: none;
}

input, textarea {
  -webkit-user-select: text;
  user-select: text;
}

/* Cibles de clic renforcees */
.btn,
.sidebar-link,
.sidebar-action-btn,
.mobile-menu-toggle,
.cat-tab,
.back-link,
.btn-icon,
.card,
.symptom-item,
.check-item,
.admin-tab {
  min-height: 48px;
}

.btn-icon {
  min-width: 48px;
  width: 48px;
  height: 48px;
}

.check-box {
  min-width: 30px;
  height: 30px;
}

.cat-tab,
.admin-tab {
  padding: 14px 18px;
}

.card {
  padding: 22px;
}

.symptom-item {
  padding: 20px 18px;
}

.check-item {
  padding: 18px 16px;
}

.item-actions {
  gap: 8px;
}

/* Espacement renforce entre cibles adjacentes */
.grid {
  gap: 16px;
}

.action-row {
  gap: 14px;
}

.cat-tabs {
  gap: 12px;
}

.sidebar-nav {
  gap: 8px;
}

/* Feedback visuel au tap plutot qu'au survol souris */
.card:active,
.symptom-item:active,
.check-item:active,
.btn:active,
.btn-icon:active,
.cat-tab:active,
.admin-tab:active,
.sidebar-link:active,
.sidebar-action-btn:active {
  transform: scale(0.97);
  opacity: 0.9;
}

/* Suppression des transitions de survol souris inutiles au tactile,
   remplacees par un etat actif net */
@media (hover: none) and (pointer: coarse) {
  .card:hover,
  .symptom-item:hover,
  .check-item:hover,
  .cat-tab:hover,
  .btn-icon:hover {
    transform: none;
    box-shadow: none;
  }

  .card {
    border-left-width: 5px;
  }

  .search-box,
  .form-row input,
  .form-row select,
  .form-row textarea {
    min-height: 48px;
    font-size: 16px;
  }

  .checklist .check-item {
    margin-bottom: 14px;
  }
}

/* Champs de formulaire plus confortables au doigt */
.search-box {
  padding: 14px 18px;
  font-size: 16px;
}

textarea#notes {
  min-height: 90px;
  padding: 16px;
  font-size: 15px;
}

/* Boutons d'action principaux plus larges sur petit ecran tactile */
@media (max-width: 900px) {
  .btn {
    min-height: 52px;
    padding: 14px 24px;
    font-size: 15.5px;
  }

  .action-row .btn {
    flex: 1;
    min-width: 140px;
  }
}