/* Styles uniformes pour toutes les plateformes */

/* Styles spécifiques par type d'appareil */
.device-ios .info-window-content,
.device-android .info-window-content,
.device-desktop .info-window-content {
    font-size: 14px !important;
    line-height: 1.4;
}

/* Assurer que les boutons sont suffisamment grands pour être facilement cliquables */
.device-ios button,
.device-ios .edit-icon,
.device-ios .transfer-icon {
    min-height: 32px;
    min-width: 32px;
    padding: 6px 10px;
}

/* Uniformiser les éléments de la liste des visites planifiées */
.planned-visit-item {
    padding: 8px 10px !important;
    font-size: 14px !important;
    margin-bottom: 8px;
}

/* Uniformiser les infowindows */
.info-window-content {
    padding: 12px;
}

.info-window-header {
    margin-bottom: 10px;
}

.info-row {
    margin-bottom: 8px;
}

/* Correction pour l'affichage des boutons sur iOS */
@supports (-webkit-touch-callout: none) {
    button, 
    .edit-icon, 
    .transfer-icon,
    .plan-visit-btn {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-touch-callout: none;
    }
    
    /* Éviter les problèmes de défilement sur iOS */
    .side-menu-content {
        -webkit-overflow-scrolling: touch;
    }
}

/* Assurer que les media queries sont cohérentes */
@media (max-width: 480px) {
    /* Styles communs pour tous les appareils mobiles */
    #tournee-select,
    #visit-type-select,
    #city-select {
        font-size: 14px;
        height: 40px;
        padding: 0 12px;
    }
    
    .filter-btn {
        height: 40px;
    }
}