/* ═══════════════════════════════════════════════════════════
   OFISTOR — Header Fix : boutons toujours visibles
   Charger ce fichier APRÈS style.css dans chaque page HTML
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Desktop : header-actions ne se réduit jamais ─────── */
.header-actions {
  flex-shrink: 0 !important;
}

/* ── 2. Réduire la largeur max de la recherche ────────────── */
.header-search {
  max-width: 440px !important;
}

/* ── 3. Mobile ≤768px : rétablir les boutons (annuler display:none) */
@media (max-width: 768px) {
  .header-actions {
    display: flex !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
  }
  /* La recherche ne prend plus toute la largeur */
  .header-search {
    max-width: calc(100% - 220px) !important;
    width: auto !important;
    flex: 1 1 0 !important;
  }
  /* Boutons plus compacts */
  .header-btn {
    padding: 5px 8px !important;
    font-size: 10px !important;
  }
  .header-btn .icon {
    font-size: 15px !important;
  }
}

/* ── 4. Très petit écran ≤480px : icônes seules ──────────── */
@media (max-width: 480px) {
  .header-btn > span:last-child {
    display: none !important;
  }
  .header-btn {
    padding: 5px 5px !important;
  }
  .header-search {
    max-width: calc(100% - 170px) !important;
  }
}