/* public/css/ax-datenav.css — barre date/navigation unifiee AXELIGHT.
   Prefixe ax- : aucune collision avec hi-/en-/sv-. Cibles 48px, lisible plein soleil. */

.ax-datenav{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  margin:12px 0 18px; padding:10px 12px;
  background:#fff; border:1px solid #e6ebf1; border-radius:14px;
  box-shadow:0 3px 12px rgba(31,58,95,.06);
}

/* --- Pilule navy (bouton de base) --- */
.ax-pill{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; min-width:48px; padding:0 20px;
  border:0; border-radius:999px;
  background:#1f3a5f; color:#fff;
  font:700 15px/1 inherit; text-decoration:none; cursor:pointer;
  box-shadow:0 2px 8px rgba(31,58,95,.18);
  transition:background .15s, transform .08s, box-shadow .12s;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation; user-select:none;
}
.ax-pill:hover{ background:#274a78; }
.ax-pill:active{ transform:scale(.96); }
.ax-pill:focus-visible{ outline:3px solid #f5a623; outline-offset:2px; }

/* Variantes */
.ax-pill--ghost{ background:#eef2f6; color:#1f3a5f; box-shadow:none; }
.ax-pill--ghost:hover{ background:#e1e8f1; }
.ax-pill--amber{ background:#f5a623; color:#1f3a5f; }
.ax-pill--amber:hover{ background:#e0951a; }
.ax-pill--nav{ font-size:22px; padding:0; min-width:48px; }

/* Etat desactive accessible (aria-disabled + tabindex=-1 cote markup) */
.ax-pill.is-disabled,
.ax-pill[aria-disabled="true"]{
  background:#cfd8e3; color:#7d8a99; box-shadow:none;
  pointer-events:none; cursor:default;
}

/* Etat selectionne (preset actif) */
.ax-pill[aria-pressed="true"], .ax-pill.is-active{
  background:#1f3a5f; color:#fff; box-shadow:inset 0 0 0 2px #f5a623;
}

/* --- Champ date natif stylise (>=46px) --- */
.ax-datefield{
  display:inline-flex; align-items:center; min-height:48px;
  background:#fff; border:1.5px solid #e6ebf1; border-radius:14px;
  padding:0 6px 0 12px; box-shadow:0 2px 6px rgba(31,58,95,.05);
  transition:border-color .12s, box-shadow .12s;
}
.ax-datefield:focus-within{ border-color:#f5a623; box-shadow:0 0 0 3px rgba(245,166,35,.25); }
.ax-datefield input[type=date]{
  border:0; background:transparent; outline:0;
  min-height:46px; min-width:150px; padding:0 6px;
  font:600 16px/1 inherit; color:#1f3a5f;
  accent-color:#f5a623; cursor:pointer;
}
.ax-datefield input[type=date]::-webkit-calendar-picker-indicator{
  width:24px; height:24px; padding:8px; cursor:pointer;
  filter:invert(20%) sepia(34%) saturate(900%) hue-rotate(180deg);
}

/* --- Groupe presets --- */
.ax-presets{ display:inline-flex; flex-wrap:wrap; gap:6px; align-items:center; }
.ax-presets .ax-pill{ padding:0 16px; font-size:14px; }

/* --- Hauteurs de graphe normalisees --- */
.ax-chart{ height:340px; width:100%; }
.ax-chart--tall{ height:380px; width:100%; }

/* --- Responsive tablette portrait --- */
@media (max-width:640px){
  .ax-datenav{ gap:8px; padding:8px 10px; }
  .ax-pill{ padding:0 16px; font-size:14px; }
  .ax-pill--label{ display:none; }
  .ax-datefield input[type=date]{ min-width:128px; }
}