/*
 * AnaJak Store: design copy protection for the storefront and sign-in pages.
 * Loaded only by resources/views/layouts/storefront.blade.php (never the admin panel).
 * Works with /js/site-protect.js: keep the selector lists of both files in step.
 *
 * Page design and pictures cannot be selected, dragged or long-pressed to save.
 * Still usable: form fields; text customers copy (order and transaction IDs,
 * delivered account details, amounts, code; [data-allow-select]); the payment
 * windows and QR codes (long-press or right-click to save the QR).
 */

/* Page design: no text selection, no long-press menu */
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Pictures: not draggable, not selectable, no "save image" long-press menu */
img,
picture,
svg,
canvas,
video {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Banners: clicks and swipes land on the slide or its link, never on the picture */
.hero-slide-img,
.swiper-slide img {
    pointer-events: none;
}

/* Text customers copy: form fields, IDs, delivered details, amounts, code */
input,
textarea,
select,
[contenteditable]:not([contenteditable="false"]),
[data-allow-select],
[data-allow-copy],
.ds-secret,
.ds-dl dd,
.font-mono,
code,
pre,
.ds-table,
.ds-summary-total,
#totalDisplay,
#totalPriceMobile,
#bakongModal,
#joykneaModal {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
}

/* Payment QR codes and windows: long-press to save the QR and drag work as before */
#bakongModal img,
#joykneaModal img,
#joykneaModal svg,
[id^="aba_checkout"] img,
[id^="aba-checkout"] img,
.aba-checkout-desktop img,
.aba-checkout-mobile img,
[data-allow-qr],
[data-allow-qr] img,
[data-allow-context],
[data-allow-context] img {
    -webkit-user-drag: auto;
    -webkit-touch-callout: default;
}