/**
 * Copy Protection Styles
 *
 * Applies CSS-based text selection prevention to guide content.
 * This is bypassed when user has accessibility mode enabled.
 *
 * Note: This provides basic deterrence only - determined users can
 * still access content via browser dev tools or view source.
 */

/* Prevent text selection on protected content */
.copy-protected {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE10+/Edge */
    user-select: none;         /* Standard */
}

/* Apply to main guide content areas */
body.copy-protection-enabled .guide-content,
body.copy-protection-enabled .matchup-card,
body.copy-protection-enabled .build-section,
body.copy-protection-enabled .playbook-section,
body.copy-protection-enabled .rune-section {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Allow selection in input fields and editable areas (shouldn't exist in viewer, but just in case) */
body.copy-protection-enabled input,
body.copy-protection-enabled textarea,
body.copy-protection-enabled [contenteditable="true"] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Prevent selection of images */
body.copy-protection-enabled img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none; /* Prevents right-click saving */
}

/* Allow interaction with buttons and links */
body.copy-protection-enabled button,
body.copy-protection-enabled a,
body.copy-protection-enabled .clickable {
    pointer-events: auto;
}

/* Visual indicator that copy protection is active (optional - can be removed if too intrusive) */
body.copy-protection-enabled::before {
    content: '';
    /* You could add a watermark or indicator here if desired */
}

/*
 * Accessibility Override
 * When user has accessibility mode enabled, all protections are bypassed
 * via JavaScript (early return in initializeCopyProtection)
 */
body.accessibility-mode-enabled {
    /* All copy protection is disabled via JS, but we ensure CSS doesn't interfere */
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

body.accessibility-mode-enabled * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

body.accessibility-mode-enabled img {
    pointer-events: auto !important;
}