/* ===== Bureau Linux sur téléphone (linux-mobile.css) =====
   Chargé en dernier par linux-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.
   Sous 900 px, linux-desktop.js passe déjà en mode « mobile » : fenêtres plein écran empilées, ni déplacement ni redimensionnement, dock en bas.
   Ici : barre du haut et commandes des fenêtres à 44 px, dock à portée de pouce, encoches (safe-area), fond 3D masqué
   (il recouvrait les icônes et coûte cher sur un téléphone). */
@media (max-width: 899px) {
  body.linux { --top: calc(44px + env(safe-area-inset-top)); }

  /* --- Barre du haut --- */
  body.linux .top { height: var(--top); padding-top: env(safe-area-inset-top); padding-inline: max(4px, env(safe-area-inset-left)) max(4px, env(safe-area-inset-right)); }
  body.linux .top button { height: 44px; }
  /* Horloge dans le flux (au centre, elle chevauchait le sélecteur de langue sous 430 px) */
  body.linux .top { gap: 2px; }
  body.linux .top .clock { position: static; transform: none; margin-inline: auto; padding-inline: 6px; }
  body.linux .top .sys { gap: 7px; padding-inline: 6px; }
  @media (max-width: 399px) { body.linux .top .sys #battery { display: none; } }
  /* Paramètres rapides, calendrier : jamais plus hauts que l'écran (paysage) */
  body.linux .panel { max-height: calc(100dvh - var(--top) - 12px); overflow: auto; overscroll-behavior: contain; }
  body.linux .desktop, body.linux .overview { top: var(--top); }

  /* --- Fenêtres : plein écran au-dessus du dock (classe .mobile posée par linux-desktop.js) --- */
  body.linux .window.mobile { height: calc(100% - 78px - env(safe-area-inset-bottom)) !important; }
  /* Barre de titre : titre à gauche sur toute la place libre (centré, il passait sous les boutons), pas de main « saisir » */
  body.linux .wbar { height: 52px; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; cursor: default; }
  body.linux .wbar .wleft { display: none; }
  body.linux .wbar .wtitle { max-width: none; text-align: start; }
  body.linux .wctl { gap: 4px; }
  body.linux .wctl button { width: 44px; height: 44px; font-size: 16px; }

  /* --- Dock --- */
  body.linux .dock { bottom: calc(8px + env(safe-area-inset-bottom)); gap: 2px; }
  body.linux .dock-item { width: 44px; min-width: 44px; }

  /* --- Bureau --- */
  body.linux .ds { display: none; }
  body.linux .desktop-icon small { padding-inline: 1px; }               /* libellés en 14 px sans couper « Compétences » */

  /* --- Téléphone en paysage : le dock repasse à gauche, en colonne (comme sur ordinateur), les fenêtres gardent toute la hauteur --- */
  @media (orientation: landscape) and (max-height: 500px) {
    body.linux { --dock: calc(62px + env(safe-area-inset-left)); }
    body.linux .dock, body.ready .dock { inset: calc(var(--top) + 6px) auto 6px max(6px, env(safe-area-inset-left)); transform: none; flex-direction: column; width: auto; max-width: none; max-height: none; overflow: hidden auto; padding: 6px; }
    body.linux #dockRun { flex-direction: column; }
    body.linux .window.mobile { left: var(--dock) !important; width: calc(100% - var(--dock)) !important; height: 100% !important; }
    body.linux .desktop-icons { inset: 0 0 0 var(--dock); }
    body.linux .overview { padding-inline-start: calc(var(--dock) + 10px); }
  }
}