/*made by www.ClaxDesign.com*/

/* =============================================================================
   KOPIERSCHUTZ – Verhindern von Textauswahl und Drag & Drop
   =============================================================================
   Hier definiere ich Regeln, um die Auswahl und das Ziehen von Text und Elementen
   auf der gesamten Webseite zu verhindern.

   - user-select: none !important;: Verhindert die Auswahl von Text in allen Browsern.
   - -webkit-user-select: none !important;: Verhindert die Textauswahl in WebKit-Browsern (Chrome, Safari).
   - -moz-user-select: none !important;: Verhindert die Textauswahl in Mozilla-Browsern (Firefox).
   - -ms-user-select: none !important;: Verhindert die Textauswahl in Internet Explorer.
   ============================================================================= */
body, p, h1, h2, h3, span, div, section, footer, .modal-content,
.project-display, .references-box, #selectedProject, #projectDesc {
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* =============================================================================
   KOPIERSCHUTZ – Verhindern von Drag & Drop für Bilder und Icons
   =============================================================================
   Hier definiere ich Regeln, um das Ziehen von Bildern und Icons zu verhindern.

   - pointer-events: none !important;: Verhindert Mausinteraktionen mit den Elementen.
   - user-drag: none !important;: Verhindert das Ziehen von Elementen in allen Browsern.
   - -webkit-user-drag: none !important;: Verhindert das Ziehen von Elementen in WebKit-Browsern.
   - -moz-user-drag: none !important;: Verhindert das Ziehen von Elementen in Mozilla-Browsern.
   - -ms-user-drag: none !important;: Verhindert das Ziehen von Elementen in Internet Explorer.
   ============================================================================= */
img, .service-img, .nav-img-icon, .sidebar-icon, .social-sub-icon,
.flags-tooltip img, #galleryImg {
    pointer-events: none !important;
    user-drag: none !important;
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
    -ms-user-drag: none !important;
}

/* =============================================================================
   KOPIERSCHUTZ – Verhindern von Drag & Drop für alle Elemente
   =============================================================================
   Hier definiere ich Regeln, um das Ziehen von allen Elementen auf der Webseite zu verhindern.

   - -webkit-user-drag: none !important;: Verhindert das Ziehen von Elementen in WebKit-Browsern.
   - -khtml-user-drag: none !important;: Verhindert das Ziehen von Elementen in KHTML-Browsern.
   - -moz-user-drag: none !important;: Verhindert das Ziehen von Elementen in Mozilla-Browsern.
   - -o-user-drag: none !important;: Verhindert das Ziehen von Elementen in Opera-Browsern.
   - user-drag: none !important;: Verhindert das Ziehen von Elementen in allen Browsern.
   ============================================================================= */
* {
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
}

/* =============================================================================
   KOPIERSCHUTZ – Verhindern von Kontextmenüs auf Touch-Geräten
   =============================================================================
   Hier verhindere ich das Aufrufen des Kontextmenüs auf Touch-Geräten.

   - -webkit-touch-callout: none !important;: Verhindert das Aufrufen des Kontextmenüs in WebKit-Browsern auf Touch-Geräten.
   ============================================================================= */
body {
    -webkit-touch-callout: none !important;
}

/* =============================================================================
   AUSNAHMEN – Erlaube Interaktionen mit interaktiven Elementen
   =============================================================================
   Hier definiere ich Ausnahmen für interaktive Elemente, die weiterhin klickbar und nutzbar sein sollen.

   - pointer-events: auto !important;: Ermöglicht Mausinteraktionen mit den Elementen.
   - user-select: auto !important;: Erlaubt die Textauswahl für diese Elemente.
   ============================================================================= */
button, a, input, textarea, select, .dropdown-btn, .dropdown-item,
.gallery-prev, .gallery-next, .close, .hamburger-btn, .mode-toggle-btn {
    pointer-events: auto !important;
    user-select: auto !important;
}

/* =============================================================================
   AUSNAHMEN – Erlaube Interaktionen mit Navigations-Elementen
   =============================================================================
   Hier definiere ich Ausnahmen für Navigations-Elemente, die weiterhin klickbar und nutzbar sein sollen.

   - pointer-events: auto !important;: Ermöglicht Mausinteraktionen mit den Elementen.
   - cursor: pointer;: Zeigt den Mauszeiger als Pointer an, um die Klickbarkeit zu verdeutlichen.
   ============================================================================= */
nav a, nav li, .nav-tooltip {
    pointer-events: auto !important;
    cursor: pointer;
}

/* =============================================================================
   AUSNAHMEN – Erlaube Interaktionen mit Projekt- und Referenz-Elementen
   =============================================================================
   Hier definiere ich Ausnahmen für Projekt- und Referenz-Elemente, die weiterhin klickbar und nutzbar sein sollen.

   - pointer-events: auto !important;: Ermöglicht Mausinteraktionen mit den Elementen.
   ============================================================================= */
.references-box, .project-selector, .dropdown-wrapper, .dropdown-content,
.dropdown-item, .project-display, .gallery button {
    pointer-events: auto !important;
}