/**
 * LogoPark - Protection des logos contre le téléchargement non autorisé
 * CSS global pour la protection des images de logos
 */

/* Protection CSS avancée pour les logos */
.logo-protected {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    overflow: hidden;
    /* Permettre le scroll sur le conteneur */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.logo-image-protected {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Permettre le scroll mais bloquer les interactions de téléchargement */
    pointer-events: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

/* Désactiver la sélection sur tous les éléments de protection */
.logo-protected::selection,
.logo-protected *::selection,
.logo-image-protected::selection {
    background: transparent;
}

.logo-protected::-moz-selection,
.logo-protected *::-moz-selection,
.logo-image-protected::-moz-selection {
    background: transparent;
}

/* Cache le menu contextuel sur les images protégées */
.logo-protected img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

/* Protection contre l'impression */
@media print {
    .logo-protected,
    .logo-image-protected {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Protection contre les outils de développement basiques */
.logo-protected::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: transparent;
}

/* Styles spécifiques pour les cartes de logos */
.card-logo-view .logo-protected {
    pointer-events: auto;
    /* Permettre le scroll sur les cartes */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.card-logo-view .logo-image-protected {
    pointer-events: none;
    /* Permettre le scroll même en touchant l'image */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

/* Protection supplémentaire contre le drag and drop */
.logo-image-protected[draggable="false"] {
    -webkit-user-drag: none;
    user-drag: none;
}

/* Masquer les images lors de l'impression pour éviter les captures d'écran d'impression */
@media print {
    .logo-protected::after {
        content: "🔒 Logo protégé - Téléchargement via le site officiel uniquement";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #f3f4f6;
        padding: 20px;
        border: 2px dashed #9ca3af;
        border-radius: 8px;
        color: #374151;
        font-size: 14px;
        text-align: center;
        z-index: 10;
    }
}

/* Protection contre les extensions de capture d'écran */
.logo-protected {
    filter: none;
    -webkit-filter: none;
}

/* Désactiver le zoom sur les images protégées */
.logo-image-protected {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

/* Protection contre les outils d'analyse */
.logo-protected[data-protect="true"] {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="1" height="1" fill="transparent"/></svg>');
}

/* Animation subtile pour indiquer la protection */
.logo-protected:hover::before {
    transition: opacity 0.2s ease;
}

/* Message discret de protection (optionnel) */
.logo-protected[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    opacity: 0;
    animation: fadeInTooltip 0.3s ease forwards;
}

@keyframes fadeInTooltip {
    to {
        opacity: 1;
    }
}

/* Protection spéciale pour les navigateurs mobiles */
@media (max-width: 768px) {
    .logo-protected {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        /* Permettre le scroll vertical tout en bloquant les gestes de téléchargement */
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .logo-image-protected {
        /* Bloquer les interactions mais permettre le scroll */
        pointer-events: none;
        /* Permettre le scroll vertical */
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        /* S'assurer que le scroll fonctionne même en touchant l'image */
        -webkit-overflow-scrolling: touch;
    }
}

/* Protection contre les outils d'accessibilité malveillants */
.logo-protected[aria-hidden="true"] {
    pointer-events: none;
}

/* Masquer les attributs src dans les outils d'inspection basiques */
.logo-image-protected::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    /* Permettre le scroll même sur l'overlay */
    pointer-events: none;
}

/* Règle globale pour permettre le scroll sur tous les éléments protégés */
.logo-protected,
.logo-image-protected {
    /* S'assurer que le scroll fonctionne même en touchant les logos */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}