/*
 * Ajustements pour l'usage sur mobile et tablette (iPhone, iPad).
 * Chargée après les styles Filament via FilamentAsset (voir AppServiceProvider).
 */

/* Zones sûres iOS (encoche, barre d'accueil) en mode plein écran / écran d'accueil. */
.fi-topbar > nav {
    padding-top: max(0px, env(safe-area-inset-top));
}

.fi-sidebar {
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
}

.fi-main {
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom));
}

.fi-form-actions.fi-sticky {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
}

/* Pas de surbrillance grise au toucher ni de zoom au double-tap sur les contrôles. */
.fi-btn,
.fi-icon-btn,
.fi-link,
.fi-sidebar-item-button,
.fi-tabs-item,
.fi-ta-record,
.fi-dropdown-list-item {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

@media (max-width: 1023.98px) {
    /* Champs : 16 px minimum pour éviter le zoom automatique de Safari iOS au focus,
       et une hauteur confortable pour le doigt. */
    .fi-input,
    .fi-select-input,
    .fi-fo-textarea textarea,
    .fi-input-wrp .choices__inner,
    .fi-input-wrp .choices__input {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .fi-input,
    .fi-select-input {
        min-height: 2.75rem;
    }

    /* Boutons et actions : cible tactile d'au moins 44 px. */
    .fi-btn,
    .fi-icon-btn {
        min-height: 2.75rem;
    }

    .fi-icon-btn {
        min-width: 2.75rem;
    }

    .fi-ta-actions .fi-link {
        min-height: 2.75rem;
        padding-inline: 0.75rem;
        border-radius: 0.5rem;
        background-color: rgba(var(--gray-500), 0.08);
    }

    .fi-sidebar-item-button {
        min-height: 2.75rem;
    }

    /* Champs du répéteur (lignes de facture) : plus d'air entre les lignes. */
    .fi-fo-repeater-item {
        padding-bottom: 0.25rem;
    }

    /* Le champ de recherche de table prend toute la largeur. */
    .fi-ta-search-field {
        width: 100%;
    }

    .fi-ta-search-field .fi-input-wrp {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    /* Actions de page (Créer, PDF, Envoyer…) en pleine largeur sous le titre. */
    .fi-header-actions,
    .fi-header-actions .fi-ac {
        width: 100%;
    }

    .fi-header-actions .fi-ac > * {
        flex: 1 1 auto;
    }

    /* Pagination : boutons plus espacés. */
    .fi-pagination-items .fi-pagination-item {
        min-width: 2.75rem;
        min-height: 2.75rem;
    }
}

/* Rangée de table « carte » cliquable : retour visuel au toucher. */
@media (hover: none) {
    .fi-ta-record:active {
        background-color: rgba(var(--gray-500), 0.06);
    }
}