/**
 * HueFit Image Protection — presentational deterrents
 * Keeps text selectable; targets media + protected shells only.
 * Does not alter hero slider absolute stacking / gradient overlay.
 */

.hf-image-protection img,
.hf-image-protection picture,
.hf-image-protection video,
.hf-image-protection .hf-protect-media {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    user-drag: none;
}

/* Transparent shields — only on non-hero media shells */
.hf-image-protection .hf-protect {
    position: relative;
    isolation: isolate;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.hf-image-protection .hf-protect::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.hf-image-protection .product-listing-media.hf-protect::after,
.hf-image-protection .project-card-media.hf-protect::after,
.hf-image-protection .products-hero-media.hf-protect::after,
.hf-image-protection .about-banner.hf-protect::after,
.hf-image-protection #projectLightboxBody.hf-protect::after {
    pointer-events: auto;
}

/* Keep card chrome above shields (do not touch hero absolute layers) */
.hf-image-protection .product-listing-body,
.hf-image-protection .btn-quick-view,
.hf-image-protection .project-card-badge,
.hf-image-protection .project-card-body {
    position: relative;
    z-index: 4;
}

/* Hero: protect images only — never rewrite overlay/nav/dots positioning */
.hf-image-protection .hero-slider img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}

.hf-image-protection .navbar-brand img,
.hf-image-protection .footer-logo {
    -webkit-user-drag: none;
    user-select: none;
}

.hf-image-protection input,
.hf-image-protection textarea,
.hf-image-protection select,
.hf-image-protection [contenteditable="true"],
.hf-image-protection iframe {
    -webkit-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
}