/* TOAST GLOBAL */
  .aube-toast-host {
    position: fixed; z-index: 100000;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    left: 50%; transform: translateX(-50%);
    display: flex; flex-direction: column; gap: 8px;
    pointer-events: none;
  }
  .aube-toast {
    pointer-events: auto;
    background: var(--surface, rgba(15,37,48,0.96));
    color: var(--text);
    border: 1px solid var(--glass-border, rgba(255,255,255,0.12));
    border-radius: 22px; padding: 10px 18px;
    font-family: 'Outfit', sans-serif; font-size: 0.85rem;
    box-shadow: 0 8px 28px rgba(0,0,0,0.25);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    min-width: 200px; max-width: 90vw;
    animation: aube-toast-in 0.25s ease;
    display: flex; align-items: center; gap: 10px;
  }
  .aube-toast.ok { border-left: 3px solid #16a34a; }
  .aube-toast.error { border-left: 3px solid #d94a4a; }
  .aube-toast.info { border-left: 3px solid var(--accent); }
  .aube-toast.fade-out { animation: aube-toast-out 0.3s ease forwards; }
  @keyframes aube-toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes aube-toast-out { to { opacity: 0; transform: translateY(10px); } }

  /* TOUR GUIDÉ — modale de bienvenue */
  .aube-tour-overlay {
    display: none; position: fixed; inset: 0; z-index: 11500;
    background: rgba(0,0,0,0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    align-items: center; justify-content: center;
    animation: tour-fade 0.4s ease;
  }
  .aube-tour-overlay.open { display: flex; }
  @keyframes tour-fade { from { opacity: 0; } to { opacity: 1; } }
  .aube-tour-card {
    background: var(--surface, #0c1a2e);
    color: var(--text);
    border: 1px solid var(--glass-border, rgba(255,255,255,0.1));
    border-radius: 16px; padding: 30px 32px 24px;
    max-width: 460px; width: 92vw; text-align: center;
    box-shadow: 0 30px 80px rgba(0,0,0,0.5);
    animation: tour-pop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @keyframes tour-pop { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
  .aube-tour-icon { font-size: 3.6rem; line-height: 1; margin-bottom: 12px; }
  .aube-tour-title {
    font-family: 'Cormorant Garamond', serif; font-weight: 400;
    font-size: 1.7rem; margin-bottom: 10px;
  }
  .aube-tour-text {
    font-size: 0.95rem; opacity: 0.85; margin-bottom: 22px;
    line-height: 1.55;
  }
  .aube-tour-text code {
    background: rgba(108,180,240,0.12); color: var(--accent);
    padding: 1px 7px; border-radius: 4px;
    font-family: 'DM Mono', monospace; font-size: 0.85rem;
  }
  .aube-tour-progress {
    display: flex; justify-content: center; gap: 6px; margin-bottom: 18px;
  }
  .aube-tour-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--muted); opacity: 0.4; transition: all 0.2s;
  }
  .aube-tour-dot.active { background: var(--accent); opacity: 1; width: 18px; border-radius: 3px; }
  .aube-tour-actions {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
  }
  .aube-tour-skip {
    background: none; border: none; color: var(--muted);
    font-family: 'DM Mono', monospace; font-size: 0.7rem;
    text-transform: uppercase; letter-spacing: 0.1em;
    cursor: pointer; padding: 8px 12px;
  }
  .aube-tour-skip:hover { color: var(--text); }
  .aube-tour-next {
    padding: 10px 24px; border-radius: 22px;
    background: var(--accent); color: var(--accent-text, #0c1a2e);
    border: none; font-weight: 500; font-family: 'Outfit', sans-serif;
    font-size: 0.92rem; cursor: pointer;
    transition: transform 0.15s;
  }
  .aube-tour-next:hover { transform: translateY(-1px); }

  /* COMPTEUR LIVE sous le hero */
  .live-counter {
    display: inline-block; margin-top: 12px;
    padding: 6px 14px; border-radius: 18px;
    background: rgba(108,180,240,0.06);
    border: 1px solid rgba(108,180,240,0.18);
    font-family: 'DM Mono', monospace; font-size: 0.66rem;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: var(--muted); text-decoration: none;
    transition: all 0.2s; opacity: 0; pointer-events: none;
  }
  .live-counter.ready { opacity: 1; pointer-events: auto; }
  .live-counter:hover { color: var(--accent); border-color: var(--accent); transform: translateY(-1px); }
  .live-counter .lc-dot {
    display: inline-block; width: 5px; height: 5px;
    border-radius: 50%; background: #16a34a;
    margin-right: 8px; vertical-align: middle;
    animation: lc-pulse 2.4s ease-in-out infinite;
  }
  @keyframes lc-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
  }
  .live-counter .lc-sep { margin: 0 8px; opacity: 0.4; }

  /* INSTANT ANSWER (calc, conversion, définition, traduction) — affiché dans l'autocomplete */
  .ac-instant {
    padding: 14px 18px;
    background: linear-gradient(135deg, rgba(108,180,240,0.08), rgba(108,180,240,0.03));
    border-bottom: 1px solid var(--border);
    cursor: default;
  }
  .ac-instant-label {
    font-family: 'DM Mono', monospace; font-size: 0.6rem;
    text-transform: uppercase; letter-spacing: 0.12em;
    color: var(--muted); margin-bottom: 6px;
  }
  .ac-instant-value {
    font-family: 'Cormorant Garamond', serif; font-weight: 500;
    font-size: 1.4rem; color: var(--accent);
    line-height: 1.2;
  }
  .ac-instant-sub { font-size: 0.78rem; color: var(--muted); margin-top: 4px; }
  .ac-instant-copy {
    background: none; border: 1px solid var(--border);
    border-radius: 14px; padding: 3px 12px; margin-top: 8px;
    font-family: 'DM Mono', monospace; font-size: 0.65rem;
    color: var(--muted); cursor: pointer; transition: all 0.15s;
  }
  .ac-instant-copy:hover { border-color: var(--accent); color: var(--accent); }

  /* FOCUS VISIBLE (accessibilité — visible uniquement au clavier, pas à la souris) */
  *:focus { outline: none; }
  *:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: 4px;
  }
  button:focus-visible, a:focus-visible, input:focus-visible,
  select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  /* SKIP LINK (pour utilisateurs clavier — saute la navigation) */
  .skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 100000;
    background: var(--accent); color: var(--accent-text, #0c1a2e);
    padding: 12px 22px; border-radius: 0 0 8px 0;
    font-family: 'DM Mono', monospace; font-size: 0.78rem;
    text-decoration: none; font-weight: 500;
  }
  .skip-link:focus { left: 0; top: 0; }

  /* MODE DALTONIEN — palette safe (orange chaud au lieu de bleu) */
  html[data-daltonien="on"] {
    --accent: #f59e0b !important;
    --accent-dim: rgba(245,158,11,0.15) !important;
    --accent-text: #1a1a1a !important;
  }
  html[data-daltonien="on"] .ac-entity-logo,
  html[data-daltonien="on"] a:not([class]) { color: #f59e0b; }

  /* PULL-TO-REFRESH (mobile) */
  .aube-ptr {
    position: fixed; top: 0; left: 0; right: 0; z-index: 99;
    height: 0; pointer-events: none; overflow: hidden;
    background: linear-gradient(180deg, var(--bg) 50%, transparent);
    display: flex; align-items: flex-end; justify-content: center;
    padding-bottom: 8px;
    transition: height 0.15s ease;
  }
  .aube-ptr-spinner {
    width: 22px; height: 22px;
    border: 2px solid var(--accent);
    border-right-color: transparent;
    border-radius: 50%;
    transition: transform 0.1s linear;
  }
  .aube-ptr.refreshing .aube-ptr-spinner {
    animation: aube-ptr-spin 0.8s linear infinite;
  }
  .aube-ptr-text {
    font-family: 'DM Mono', monospace; font-size: 0.65rem;
    text-transform: uppercase; letter-spacing: 0.1em;
    color: var(--muted); margin-left: 12px;
  }
  @keyframes aube-ptr-spin { to { transform: rotate(360deg); } }

  /* ═══════════════════════════════════════════════════════════════
     UI SIMPLIFY — 2026-05-10
     Pour REVERT : supprimer ce bloc complet et redéployer index.html.
     Aucune autre modif n'a été faite ailleurs dans le fichier.
     ═══════════════════════════════════════════════════════════════ */

  /* 1. Onglets internes (drone × | liban × | + Nouvel onglet) :
        masqués — le navigateur fait déjà des onglets, doublon UX. */
  .aube-tabs, .aube-tabs.has-tabs { display: none !important; }

  /* 2. Filtres date : on retire la duplication.
        Les pills (Tout · 24h · 7j · 30j · Année) restent — plus visibles que le dropdown.
        Le dropdown "Période" est masqué. Le dropdown "Tri" (Pertinence) reste. */
  #time-select { display: none !important; }

  /* 3. Tabs catégories (TOUT · IMAGES · NEWS · ...) :
        contraste relevé + soulignement actif type Google. */
  .filter-btn { opacity: 0.85 !important; }
  .filter-btn:hover { opacity: 1 !important; }
  .filter-btn.active {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--accent) !important;
    font-weight: 600 !important;
    position: relative;
  }
  .filter-btn.active::after {
    content: '';
    position: absolute;
    left: 14px; right: 14px; bottom: -3px;
    height: 2px;
    background: var(--accent);
    border-radius: 2px;
  }
  /* ═══════════════════════════════════════════════════════════════
     FIN UI SIMPLIFY
     ═══════════════════════════════════════════════════════════════ */