/* =====================================================
   OPTIMISATIONS PERFORMANCE ANDROID / MOBILE
   ===================================================== */

/* Activer l'accélération GPU sur les éléments animés */
.orb,
.proj-card,
.cert-card,
.skill-card,
.veille-card,
.tl-item,
.exp-card,
.about-side-card,
.modal-box,
.float-badge,
header {
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media (max-width: 768px) {

  /* ── Désactiver les orbs flous (très lourds sur Android) ── */
  .orb {
    display: none;
  }

  /* ── Supprimer backdrop-filter sur mobile (coûteux) ── */
  header.scrolled,
  nav.mobile,
  .music-player,
  .modal-overlay {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  header.scrolled {
    background: rgba(7, 9, 15, 0.97) !important;
  }

  nav.mobile {
    background: rgba(7, 9, 15, 0.99) !important;
  }

  .music-player {
    background: rgba(13, 17, 23, 0.99) !important;
  }

  .modal-overlay {
    background: rgba(7, 9, 15, 0.95) !important;
  }

  /* ── Réduire les transitions sur mobile ── */
  * {
    --transition:      0.2s ease !important;
    --transition-fast: 0.12s ease !important;
    --transition-slow: 0.3s ease !important;
  }

  /* ── Désactiver l'animation de l'anneau rotatif (lourde) ── */
  .home-img-ring::before {
    animation: none !important;
    background: var(--cyan) !important;
  }

  /* ── Désactiver float-badge animation ── */
  .float-badge {
    animation: none !important;
  }

  /* ── Désactiver orb-float ── */
  .orb {
    animation: none !important;
  }

  /* ── Désactiver le vinyle tournant ── */
  .about-side-card__vinyl-icon {
    animation: none !important;
  }

  /* ── Scroll fluide natif sur les listes ── */
  .veille-panel,
  .proj-grid,
  .cert-grid,
  .skills-grid,
  .exp-cards {
    -webkit-overflow-scrolling: touch;
  }

  /* ── Désactiver les transform au hover sur mobile (inutiles au touch) ── */
  .proj-card:hover,
  .cert-card:hover,
  .skill-card:hover,
  .veille-card:hover,
  .tl-item:hover,
  .exp-card:hover,
  .about-side-card:hover,
  .btn-primary:hover,
  .btn-outline:hover,
  .contact-link:hover {
    transform: none !important;
  }

  /* ── Optimiser le défilement global ── */
  body {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
  }

  /* ── Réduire les box-shadow lourdes ── */
  .proj-card:hover,
  .cert-card:hover,
  .skill-card:hover,
  .veille-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  }
}

/* ── Light mode Android ── */
@media (max-width: 768px) {
  [data-theme="light"] header.scrolled {
    background: rgba(240, 247, 255, 0.99) !important;
  }
  [data-theme="light"] nav.mobile {
    background: rgba(240, 247, 255, 0.99) !important;
  }
}