﻿/* Responsive tablette : certaines grilles passent de 3 colonnes a 2 ou 1 colonne. */
    @media (max-width: 1100px) {
      .classic-hero,
      .contact-box {
        grid-template-columns: 1fr;
      }

      .cards-grid,
      .folder-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .sticky-note {
        display: none;
      }
    }

/* Responsive mobile : simplifie la navigation et agrandit la zone bureau. */
    @media (max-width: 760px) {
      .nav-actions .nav-link {
        display: none;
      }

      .classic-hero {
        padding-top: 54px;
      }

      .cards-grid,
      .folder-grid,
      .mini-stats,
      .cv-preview {
        grid-template-columns: 1fr;
      }

      .desktop-area {
        padding: 18px;
        min-height: 790px;
      }

      .desktop-icons {
        grid-template-columns: repeat(2, 96px);
        gap: 14px;
      }

      .desktop-icon {
        width: 96px;
      }

      .window,
      .window.about,
      .window.projects,
      .window.terminal,
      .window.cv,
      .window.contact,
      .window.links,
      .window.trash {
        left: 14px;
        top: 120px;
        width: calc(100vw - 28px);
      }

      .taskbar-center {
        display: none;
      }

      .start-menu {
        top: 52px;
        grid-template-columns: 1fr;
      }

      .start-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .control-center,
      .notification-center {
        left: 14px;
        right: 14px;
        width: auto;
      }

      .desktop-widget {
        display: none;
      }
    }
