/* ==========================================================================
   Content protection styling — The Sri COM
   Used by assets/js/protect.js. Nothing here appears unless that script
   turns it on.
   ========================================================================== */

/* Only applied when blockSelection is switched on in protect.js.
   Form fields stay selectable, or nobody could edit what they typed. */
.no-select body {
  -webkit-user-select: none;
  user-select: none;
}

.no-select input,
.no-select textarea,
.no-select select,
.no-select [contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
}

/* Stop the long-press "save image" panel on iOS. */
img {
  -webkit-touch-callout: none;
}

/* --- The shield shown while developer tools look open --------------------- */

.protect-shield {
  position: fixed;
  z-index: 9999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #0c0c0e;
}

html[data-theme="light"] .protect-shield { background: #f5f7fb; }

.protect-shield-box {
  max-width: 420px;
  padding: 30px 28px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-top: 4px solid #2475e8;
  border-radius: 20px 20px 14px 14px;
  background: #16161a;
  text-align: center;
}

html[data-theme="light"] .protect-shield-box {
  border-color: #dce4ef;
  border-top-color: #2475e8;
  background: #ffffff;
}

.protect-shield-title {
  margin: 0 0 8px;
  color: #f2f2f4;
  font-family: inherit;
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: .004em;
}

html[data-theme="light"] .protect-shield-title { color: #16233a; }

.protect-shield-text {
  margin: 0;
  color: #9d9da6;
  font-size: .9rem;
  line-height: 1.6;
}

html[data-theme="light"] .protect-shield-text { color: #60738b; }

/* Hide the page behind the shield rather than removing it, so everything
   comes straight back when the tools are closed. */
html.is-shielded body > *:not(.protect-shield) {
  visibility: hidden;
}

html.is-shielded {
  overflow: hidden;
}