/* =========================================================
   ipad.css — Optimisations spécifiques iPad / iOS Safari
   ========================================================= */

/* Désactivation de la sélection de texte sur l'UI (sauf champs input) */
button,
.tool-btn,
.btn-icon,
.layer-item,
.topbar,
.statusbar,
.toolbar {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
}

/* Empêcher le rebond élastique iOS sur le body */
body {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    -webkit-overflow-scrolling: auto;
}

/* iPad portrait : 768 × 1024 ou 820 × 1180 (iPad 10e, iPad Air) */
@media (max-width: 900px) and (orientation: portrait) {
    :root {
        --toolbar-width:    56px;
        --side-panel-width: 240px;
        --touch-target:     44px;
    }

    .topbar {
        padding: 0 8px;
    }

    .app-title {
        font-size: 13px;
    }
}

/* iPad mini ou mode compact : panneau droit caché par défaut, à activer */
@media (max-width: 700px) {
    :root {
        --side-panel-width: 0px;
    }
    .side-panel--right {
        display: none;
    }
}

/* iPad paysage (la cible principale du logiciel) : 1024×768 → 1366×1024 */
@media (min-width: 1024px) and (orientation: landscape) {
    :root {
        --toolbar-width:    72px;
        --side-panel-width: 300px;
        --touch-target:     52px;
    }
}

/* Désactiver les animations de focus iOS qui peuvent perturber le tracé */
*:focus {
    outline: none;
}

/* Mais conserver un focus visible pour l'accessibilité clavier (debug bureau) */
button:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
}

/* Apple Pencil : améliorer la précision en désactivant l'antialiasing CSS
   sur le canvas (le rendu Paper.js gère son propre antialias) */
canvas {
    image-rendering: auto;
}

/* Masquer la barre d'adresse au scroll iOS Safari (gestion via JS plus tard) */
html {
    height: 100%;
    height: -webkit-fill-available;
}

body {
    min-height: 100%;
    min-height: -webkit-fill-available;
}