/* ===== Bureau Windows sur téléphone (windows-mobile.css) =====
   Chargé en dernier par windows-desktop.html avec media="(max-width: 899px)" ; toutes les règles sont dans des blocs @media (max-width: 899px) :
   rien ne s'applique à 900 px et plus. Règles communes aux trois pages : src/shared/mobile.css.
   - barre des tâches à portée de pouce : boutons de 44 px, libellés gardés pour les lecteurs d'écran, applications ouvertes défilantes ;
   - fenêtres en plein écran au-dessus de la barre des tâches (ni déplacement ni redimensionnement sous 900 px, voir window-drag.js) ;
   - menu Démarrer en plein écran ; fond 3D masqué (il recouvrait les icônes et coûte cher sur un téléphone). */
@media (max-width: 899px) {
  body.windows { --tb: calc(56px + env(safe-area-inset-bottom)); }
  body.windows .desktop { height: calc(100dvh - var(--tb)); min-height: 0; overflow: clip; }   /* clip : le focus ne fait plus glisser le bureau sous les fenêtres */

  /* --- Barre des tâches --- */
  body.windows .taskbar { height: var(--tb); padding: 0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left)); gap: 4px; justify-content: flex-start; }
  body.windows .taskbar > *, body.windows .taskbar .status > * { position: static !important; inset: auto !important; margin: 0 !important; flex: none; }
  body.windows .taskbar .pinned { display: none; }                     /* raccourcis : icônes du bureau et menu Démarrer */
  body.windows .taskbar .start { order: 1; width: 44px; }
  body.windows .taskbar .search { order: 2; width: 44px !important; padding: 0 !important; justify-content: center; }
  body.windows .taskbar .task-apps { order: 3; flex: 1 1 auto; min-width: 0; gap: 4px; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; }
  body.windows .taskbar .task-apps::-webkit-scrollbar { display: none; }
  body.windows .taskbar .task-app { flex: none; width: 44px !important; height: 44px; }
  body.windows .taskbar .linux-switch { order: 4; width: 44px; padding: 0 !important; justify-content: center; }
  body.windows .taskbar .i18n-tray { order: 5; }
  body.windows .taskbar .aw-tray { order: 6; width: 44px; }
  body.windows .taskbar .status { order: 7; display: flex; align-items: center; gap: 6px; padding-inline-end: 4px; }
  body.windows .taskbar .status .theme-tray, body.windows .taskbar .tb-sys { display: none; }    /* thème : interrupteur du menu Démarrer */
  /* Libellés « Rechercher » et « Passer à Linux » : retirés de l'écran, lus par les lecteurs d'écran */
  body.windows .taskbar .search > span, body.windows .taskbar .linux-switch > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  @media (max-width: 599px) { body.windows .taskbar .status { display: none; } }

  /* --- Fenêtres : plein écran (le bureau s'arrête au-dessus de la barre des tâches) --- */
  body.windows .desktop .window { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; max-height: none !important; border-radius: 0; }
  /* Fenêtre réduite : retirée de l'écran (le bouton de la barre des tâches la rouvre), sinon sa barre de titre resterait posée en haut */
  body.windows .desktop .window.min, body.windows .contact-window-modal.min, body.windows .about-modal:has(> .about-panel.about-minimized) { display: none; }
  body.windows .window-head { height: 52px; padding-block: 0; padding-inline: max(12px, env(safe-area-inset-left)) max(4px, env(safe-area-inset-right)); border-radius: 0 !important; cursor: default; }
  body.windows .window-head .controls { display: flex; gap: 4px; }
  body.windows .window-head .controls button { width: 44px; height: 44px; margin: 0; font-size: 20px; }
  /* Fenêtres posées dans une couche fixe (À propos, Contact) */
  body.windows .about-modal, body.windows .contact-window-modal { padding: 0 !important; inset: 0 0 var(--tb) 0 !important; }
  body.windows .contact-window-modal:not([hidden]):not(.min) { display: block; }
  body.windows .about-panel, body.windows .contact-window-modal .ctw { width: 100% !important; height: 100% !important; max-height: none !important; margin: 0; border-radius: 0; transform: none !important; }
  body.windows .about-panel { display: flex; flex-direction: column; }
  body.windows .about-panel > .about-content { flex: 1 1 auto; min-height: 0; }
  body.windows .contact-window-modal .ctw { display: flex; flex-direction: column; }
  body.windows .contact-window-modal .ctw-body { flex: 1 1 auto; min-height: 0; max-height: none; }
  body.windows .contact-window-modal .ctw-head, body.windows .about-titlebar { border-radius: 0 !important; cursor: default; }

  /* --- Menu Démarrer : plein écran au-dessus de la barre des tâches --- */
  body.windows .start-menu { inset: 0 0 var(--tb) 0; width: auto; max-height: none; transform: none; border-radius: 0; overflow: auto; overscroll-behavior: contain; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left)); }

  /* --- Bureau --- */
  body.windows .ds { display: none; }
  body.windows .fx-icon small { padding-inline: 2px; }                /* libellés en 14 px sans couper « Compétences » */
  body.windows .fx-toasts { right: 16px; left: auto; width: min(420px, calc(100% - 32px)); bottom: calc(var(--tb) + 12px); }
}