@charset "UTF-8";
/* ============================================================
   SportsLink PK — front-end content protection
   Linked ONLY when Admin → Settings → Content → "Protect front-end
   content" is on (front/layouts/main.php). Admin pages never load it.
   ============================================================ */

/* No text selection, and no long-press callout on touch devices. */
#tie-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

/* Form fields stay fully usable: the reader must be able to type in the
   search box, select what they typed and paste into it. */
#tie-body input,
#tie-body textarea,
#tie-body select,
#tie-body [contenteditable=""],
#tie-body [contenteditable="true"] {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Images and links cannot be dragged out of the page (drag-to-desktop /
   drag-into-another-tab would hand over the file or its URL). */
#tie-body img,
#tie-body a {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
}

/* Short-lived notice shown by copy-protect.js. Sits above every theme layer
   and above the phone ad anchor (z-index 999997) but never intercepts a tap. */
#sl-copy-guard-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    z-index: 1000000;
    max-width: calc(100vw - 32px);
    padding: 10px 16px;
    border-radius: 6px;
    background: rgba(17, 17, 17, 0.92);
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 12px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
}

#sl-copy-guard-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

/* On phones the fixed ad anchor (56px) and the theme's mobile share bar both
   live at the bottom edge — keep the notice clear of them. */
@media (max-width: 767px) {
    #sl-copy-guard-toast {
        bottom: 76px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #sl-copy-guard-toast {
        transition: none;
    }
}