/* WOWCLOUD iO 0.4.6.0 Skybox theme: one stylesheet, loaded only while Skybox is on (includes/skybox.php).
 * Order: after the Stage 2 cascade. Every rule is scoped by body.wc-sky (front) or body.wc-sky-login (log-in screens);
 * the #wc-sky id inside :is() lifts specificity above Stage 2 (and its late re-print) without depending on load order.
 * Layers: 1 tokens, 2 sky backdrop, 3 module box, 4 header + footer, 5 controls, 6 log-in screens.
 * No backdrop blur, no animation, nothing that changes layout. */

/* ---------------------------------------------------------------- 1. tokens */
:root:has(> body.wc-sky),
:root:has(> body.wc-sky-login),
body:is(.wc-sky, .wc-sky-login, #wc-sky) {
  --wc-g: #5fc4ff;
  --wc-g-rgb: 95 196 255;
  --wc-g2: #7fd3ff;
  --wc-g2-rgb: 127 211 255;
  --wc-sky-g: #5fc4ff;
  --wc-rain-lo: #00ff41; /* 0.4.6.1 Borg rain green */
  --wc-rain-hi: #39ff14;
  --sky-deep: #041a33;
  --sky-navy: #0a2a4a;
  --sky-navy2: #0d3358;
  --sky-line: #2e6fa8;
  --sky-edge: #5fb6ff;
  --sky-blue: #4fb3ff;
  --sky-mid: #1c6fb8;
  --sky-dark: #0f4f8c;
  --sky-light: #87ceeb;
  --sky-ice: #cfeeff;
  --sky-ink: #062038;
  --sky-gloss: linear-gradient(180deg, rgba(255, 255, 255, .28) 0, rgba(255, 255, 255, .06) 50%, transparent 51%), linear-gradient(#4fb3ff, #1c6fb8 60%, #0f4f8c);
  --sky-btn: linear-gradient(#e6f7ff, #87ceeb 55%, #5ab4e6);
  --sky-img: url(wowcloud-sky.webp);
  --wc-ab-bg: #0c3a66;
  --wc-ab-s1: #0d3358;
  --wc-ab-s2: #1c6fb8;
  --wc-ab-dim: #5fb6ff;
  --wc-ab-line: #5fb6ff;
  --wc-arc-bg: #04182e;
  --wc-arc-pale: #d6f0ff;
  --wc-arc-white: #f0f8ff;
  --wc-arc-orb: #c9a0ff;
  --wc-arc-k3: #e0f4ff;
  --wc-arc-k1: #2f8fd8;
}
body.wc2:is(.wc-sky, #wc-sky) {
  --wc2-void: #0b3a66;
  --wc2-void-2: #0a2a4a;
  --wc2-matrix: #5fc4ff;
  --wc2-matrix-soft: #cfeeff;
  --wc2-matrix-deep: #1c6fb8;
  --wc2-borg: #7fd8ff;
  --wc2-cyan: #9be3ff;
  --wc2-sky: #87ceeb;
  --wc2-text: #e8f4ff;
  --wc2-text-2: #d2e6f7;
  --wc2-muted: #b4cfe6;
  --wc2-faint: #9dbbd6;
  --wc2-on-acc: #062038;
  --wc2-surface: #0a2a4a;
  --wc2-glass: rgba(10, 42, 74, .94);
  --wc2-glass-2: rgba(13, 51, 88, .96);
  --wc2-row: rgba(13, 51, 88, .9);
  --wc2-row-alt: rgba(11, 45, 79, .9);
  --wc2-row-hi: rgba(28, 111, 184, .5);
  --wc2-sunk: rgba(4, 26, 51, .6);
  --wc2-line: rgba(95, 182, 255, .32);
  --wc2-line-2: rgba(95, 182, 255, .55);
  --wc2-line-hi: #5fb6ff;
  --wc2-glow-sm: 0 0 0 1px rgba(95, 182, 255, .3);
  --wc2-glow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 22px -10px rgba(2, 20, 45, .8);
  --wc2-glow-acc: none;
  --wc2-text-glow: none;
  --wc2-hex: none;
  --wc2-circuit: none;
  --wc2-circuit-f: none;
  --wc2-scan: none;
  background: transparent !important;
}
html:has(> body.wc2:is(.wc-sky, #wc-sky)),
html:has(> body.wc-sky-login) {
  background: var(--sky-deep) !important;
}
body:is(.wc-sky, .wc-sky-login, #wc-sky) canvas.wc-matrix,
body.wc-skin:is(.wc-sky, #wc-sky) .ext-hero-section .wc-rain {
  opacity: .6 !important; /* 0.4.6.1: Borg-green rain, clearly visible over the sky (was .22 / .32) */
}
body.wc2:is(.wc-sky, #wc-sky) .wp-site-blocks > :not(header):not(.wc-mstrip) {
  --wcp-bar: var(--sky-gloss);
  --wcp-sub: linear-gradient(#bfe6fb, #87ceeb);
  --wcp-val: #9fdcff;
  --wcp-mark: #9fdcff;
  --wcp-link: var(--sky-ice);
}

/* ---------------------------------------------------------------- 2. sky backdrop (fixed, cached image, no blur) */
body.wc2:is(.wc-sky, #wc-sky)::before,
body.wc-sky-login::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none;
  opacity: 1 !important;
  background: var(--sky-deep) var(--sky-img) center top / cover no-repeat !important;
  -webkit-mask: none !important;
  mask: none !important;
}
body:is(.wc-sky, .wc-sky-login, #wc-sky) .wc-universe {
  display: none !important;
}

/* ---------------------------------------------------------------- 3. the module box */
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk, .wc-um, .wc-bs, .wc-rm, .wc-news, .wct-box, .wcx, .wc-on, .wc-sb):not(header.wp-block-template-part *):not(.wc-mstrip *) {
  --acc: var(--sky-light);
  --rail: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 120px), var(--wc2-glass) !important;
  background-size: auto !important;
  border: 1px solid var(--sky-edge) !important;
  border-radius: 10px !important;
  box-shadow: var(--wc2-glow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 0 var(--pad) var(--pad) !important;
}
/* the welcome checklist card: same panel, no Borg corner cuts */
body.wc2:is(.wc-sky, #wc-sky) .wc-onb {
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 80px), var(--wc2-glass) !important;
  border: 1px solid var(--sky-edge) !important;
  border-radius: 10px;
  clip-path: none !important;
  box-shadow: var(--wc2-glow);
}
body.wc2:is(.wc-sky, #wc-sky) .wc-onb .wc-onb__h {
  color: #fff !important;
  text-shadow: none !important;
}
/* nested boxes (Hall of Fame inside the Arcade, etc.) read as inset panels */
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk, .wc-um, .wct-box) :is(.wc-blk, .wct-box) {
  background: var(--wc2-sunk) !important;
  border-color: var(--sky-line) !important;
  box-shadow: none !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk__bar, .wc-on__head, .wc-sb__head, .wc-news__head, .wcx__head, .wct-box > .wct-box__title):not(header.wp-block-template-part *) {
  margin: 0 calc(var(--pad) * -1) var(--pad) !important;
  padding: 0 12px !important;
  background: var(--sky-gloss) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 9px 9px 0 0 !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk__bar, .wc-on__head, .wc-sb__head, .wc-news__head, .wcx__head)::before,
body.wc2:is(.wc-sky, #wc-sky) .wct-box .wct-box__title::after {
  background: none !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk__bar, .wc-on__head, .wc-sb__head, .wc-news__head, .wcx__head)::after {
  content: none !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk .wc-blk__h, .wc-on .wc-on__h, .wc-sb .wc-sb__h, .wc-news .wc-news__title, .wcx .wcx__head h2, .wct-box .wct-box__title) {
  color: #fff !important;
  text-shadow: 0 1px 1px rgba(0, 20, 50, .55) !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-news__sub, .wct-box__sub, .wcx__handle) {
  color: #e2f3ff !important;
}
body.wc2:is(.wc-sky, #wc-sky) .wc-on__head .wc-on__dot {
  left: auto;
  position: static;
  margin: 0;
  background: #7dffb0;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .35);
}
body.wc2:is(.wc-sky, #wc-sky) .wc2-shut {
  padding-bottom: 0 !important;
}
body.wc2:is(.wc-sky, #wc-sky) .wc-blk .wc-blk__brand::before {
  background: repeating-linear-gradient(90deg, var(--sky-line) 0 10px, transparent 10px 14px);
}

/* ---------------------------------------------------------------- 4. header + footer (layout, logo, links untouched) */
html:root body:is(.wc-sky, #wc-sky) header.wp-block-template-part {
  --wch-hex: none;
  --wch-fill: rgba(10, 42, 74, .94);
  --wch-line: rgba(95, 182, 255, .35);
  --wch-line-2: #5fb6ff;
  --wch-glow: 0 8px 22px -10px rgba(2, 20, 45, .8);
}
html:root body:is(.wc-sky, #wc-sky) header.wp-block-template-part :is(.ext-header-glass, .is-style-ext-preset--group--natural-1--header-1) > .alignwide,
html:root body:is(.wc-sky, #wc-sky) header.wp-block-template-part:not(:has(.ext-header-glass)) > .wp-block-group > .alignwide {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 55%), linear-gradient(#1a5d9c, #0c3a66) !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  border: 1px solid #5fb6ff !important;
  border-radius: 10px !important;
  box-shadow: var(--wch-glow), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html:root body:is(.wc-sky, #wc-sky) header.wp-block-template-part .wp-block-navigation-item.current-menu-item > a,
html:root body:is(.wc-sky, #wc-sky) header.wp-block-template-part .wp-block-navigation-item > a[aria-current] {
  color: #fff !important;
  background: linear-gradient(#4fb3ff, #1c6fb8) !important;
  border-radius: 6px;
  text-decoration: none !important;
}
html:root body:is(.wc-sky, #wc-sky) footer.wp-block-template-part,
body.wc-sky-login .wc-lfoot footer.wp-block-template-part {
  background: rgba(4, 26, 51, .82) !important;
  border-top: 1px solid #5fb6ff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #e8f4ff !important;
}

/* ---------------------------------------------------------------- 5. controls */
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk, .wc-um, .wc-on, .wc-sb, .wct-box, .wc-news, .wcx) a:not(.wc-name):not([class*="btn"]):not([class*="button"]) {
  color: var(--sky-ice);
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk, .wc-um, .wc-sb, .wct-box, .wc-on, .wc2-reply) :is(input[type=text], input[type=search], input[type=url], input[type=email], input:not([type]), input[type=number], input[type=password], textarea, select) {
  background: rgba(4, 26, 51, .75) !important;
  border-color: var(--sky-line) !important;
  color: #e8f4ff !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-blk, .wc-um, .wc-sb, .wct-box, .wc-on, .wc2-reply) :is(input, textarea, select):focus-visible {
  outline: 2px solid #9fdcff !important;
  outline-offset: 1px;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-arc__go, .wc-arc-t__go, .wc-sb__send, .wc2-btn--primary, .wp-element-button, .wp-block-button__link, button[type=submit], input[type=submit]):not(header.wp-block-template-part *) {
  background: var(--sky-btn) !important;
  color: var(--sky-ink) !important;
  border: 1px solid #a9defa !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 2px rgba(0, 20, 50, .4) !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(.wc-arc__go, .wc-arc-t__go, .wc-sb__send, .wc2-btn--primary, .wp-element-button, .wp-block-button__link, button[type=submit], input[type=submit]):not(header.wp-block-template-part *):is(:hover, :focus-visible) {
  background: linear-gradient(#ffffff, #a8dcf3 55%, #74c2ec) !important;
}
body.wc2:is(.wc-sky, #wc-sky) :is(table thead th, .wc-tbl th) {
  background: #87ceeb !important;
  color: var(--sky-ink) !important;
}
body:is(.wc-sky, #wc-sky) #wpadminbar {
  background: linear-gradient(#1a5d9c, #0c3a66) !important;
}
body.wc2:is(.wc-sky, #wc-sky) ::selection {
  background: #4fb3ff;
  color: #041a33;
}

/* ---------------------------------------------------------------- 6. log-in, register, lost password */
body.wc-sky-login {
  background: transparent !important;
}
body.wc-sky-login .login form {
  background: rgba(10, 42, 74, .94) !important;
  border: 1px solid #5fb6ff !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 22px -10px rgba(2, 20, 45, .8) !important;
}
body.wc-sky-login .login :is(label, p, .message, #nav a, #backtoblog a) {
  color: #e8f4ff !important;
  text-shadow: 0 1px 2px rgba(4, 26, 51, .8) !important;
}
body.wc-sky-login .login :is(input[type=text], input[type=password], input[type=email]) {
  background: rgba(4, 26, 51, .75) !important;
  border-color: #2e6fa8 !important;
  color: #e8f4ff !important;
}
body.wc-sky-login .login .button-primary {
  background: linear-gradient(#e6f7ff, #87ceeb 55%, #5ab4e6) !important;
  border-color: #a9defa !important;
  color: #062038 !important;
  text-shadow: none !important;
}

/* 8. AA fixes for state colours on navy (found by the contrast scan) */
body.wc2:is(.wc-sky, #wc-sky) .wc-news__badge--red-alert {
  background: #c8102e !important;
  color: #fff !important;
}
body.wc2:is(.wc-sky, #wc-sky) .wc2-pill--locked {
  color: #ff8a93 !important;
  border-color: #ff8a93 !important;
}
body.wc2:is(.wc-sky, #wc-sky) .wc-arc__hearts.is-ai {
  color: #ff8fb1 !important;
}

/* Title Registry sub-headings: the old silver text-clip lost its background and rendered as a blur */
body.wc2:is(.wc-sky, #wc-sky) .wct-box .wct-h {
  -webkit-text-fill-color: currentColor !important;
  color: #9fdcff !important;
  text-shadow: none !important;
  filter: none !important;
}

/* ---------------------------------------------------------------- 7. generated by p0460.py: every former green literal (--wcg-<old hex>) mapped to a luminance-matched sky blue */
:root:has(> body.wc-sky),
:root:has(> body.wc-sky-login),
body:is(.wc-sky, .wc-sky-login, #wc-sky) {
  --wcg-00140a: #01121c;
  --wcg-00140a-rgb: 1 18 28;
  --wcg-00c833: #4eb5f6;
  --wcg-00c833-rgb: 78 181 246;
  --wcg-00c837: #4eb5f6;
  --wcg-00c837-rgb: 78 181 246;
  --wcg-0a2612: #0f222f;
  --wcg-0a2612-rgb: 15 34 47;
  --wcg-0b2010: #0f1e27;
  --wcg-0b2010-rgb: 15 30 39;
  --wcg-0b2412: #10212c;
  --wcg-0b2412-rgb: 16 33 44;
  --wcg-0d6b22: #19618e;
  --wcg-0d6b22-rgb: 25 97 142;
  --wcg-0f3d1c: #16384c;
  --wcg-0f3d1c-rgb: 22 56 76;
  --wcg-0f8a2a: #1e7db9;
  --wcg-0f8a2a-rgb: 30 125 185;
  --wcg-17391c: #1e3443;
  --wcg-17391c-rgb: 30 52 67;
  --wcg-1c3824: #203442;
  --wcg-1c3824-rgb: 32 52 66;
  --wcg-1d3a25: #213744;
  --wcg-1d3a25-rgb: 33 55 68;
  --wcg-1d6b33: #2b6385;
  --wcg-1d6b33-rgb: 43 99 133;
  --wcg-1f3a28: #213744;
  --wcg-1f3a28-rgb: 33 55 68;
  --wcg-1f4a26: #284456;
  --wcg-1f4a26-rgb: 40 68 86;
  --wcg-1f5f2a: #2b5773;
  --wcg-1f5f2a-rgb: 43 87 115;
  --wcg-2f7a46: #3e7291;
  --wcg-2f7a46-rgb: 62 114 145;
  --wcg-39ff14: #bbe3fb;
  --wcg-39ff14-rgb: 187 227 251;
  --wcg-39ff88: #c0e5fc;
  --wcg-39ff88-rgb: 192 229 252;
  --wcg-5d7a64: #487996;
  --wcg-5d7a64-rgb: 72 121 150;
  --wcg-5dffd0: #cbe9fc;
  --wcg-5dffd0-rgb: 203 233 252;
  --wcg-6f9e7b: #6999b7;
  --wcg-6f9e7b-rgb: 105 153 183;
  --wcg-7dff6a: #c7e8fc;
  --wcg-7dff6a-rgb: 199 232 252;
  --wcg-7dff9b: #cbe9fc;
  --wcg-7dff9b-rgb: 203 233 252;
  --wcg-7dffa0: #cbe9fc;
  --wcg-7dffa0-rgb: 203 233 252;
  --wcg-7fa98a: #7aa4bf;
  --wcg-7fa98a-rgb: 122 164 191;
  --wcg-7fbf8f: #93b5cb;
  --wcg-7fbf8f-rgb: 147 181 203;
  --wcg-8fb59a: #8cb1c8;
  --wcg-8fb59a-rgb: 140 177 200;
  --wcg-93b39a: #8cb0c7;
  --wcg-93b39a-rgb: 140 176 199;
  --wcg-9dff7a: #d0ecfd;
  --wcg-9dff7a-rgb: 208 236 253;
  --wcg-9fbfa4: #9cbbcf;
  --wcg-9fbfa4-rgb: 156 187 207;
  --wcg-9fbfa5: #9cbbcf;
  --wcg-9fbfa5-rgb: 156 187 207;
  --wcg-9fd0b0: #afc8d8;
  --wcg-9fd0b0-rgb: 175 200 216;
  --wcg-b6ffb0: #dcf0fd;
  --wcg-b6ffb0-rgb: 220 240 253;
  --wcg-b8ffb0: #dcf0fd;
  --wcg-b8ffb0-rgb: 220 240 253;
  --wcg-b9d4be: #bbd0de;
  --wcg-b9d4be-rgb: 187 208 222;
  --wcg-bfffb0: #dff2fd;
  --wcg-bfffb0-rgb: 223 242 253;
  --wcg-c4f5cf: #daecf7;
  --wcg-c4f5cf-rgb: 218 236 247;
  --wcg-c9f5d3: #dcedf7;
  --wcg-c9f5d3-rgb: 220 237 247;
  --wcg-c9ffd0: #e5f4fe;
  --wcg-c9ffd0-rgb: 229 244 254;
  --wcg-ccffee: #eaf6fe;
  --wcg-ccffee-rgb: 234 246 254;
  --wcg-cfe8d3: #d7e4ec;
  --wcg-cfe8d3-rgb: 215 228 236;
  --wcg-cfe9d3: #d8e5ec;
  --wcg-cfe9d3-rgb: 216 229 236;
  --wcg-d7ffd9: #ebf6fe;
  --wcg-d7ffd9-rgb: 235 246 254;
  --wcg-d8ffd0: #ebf6fe;
  --wcg-d8ffd0-rgb: 235 246 254;
  --wcg-d9ffd6: #ebf6fe;
  --wcg-d9ffd6-rgb: 235 246 254;
  --wcg-e4ffe9: #f2fafe;
  --wcg-e4ffe9-rgb: 242 250 254;
  --wcg-e6ffe9: #f2fafe;
  --wcg-e6ffe9-rgb: 242 250 254;
  --wcg-eaffea: #f4fbfe;
  --wcg-eaffea-rgb: 244 251 254;
  --wcg-eaffec: #f4fbfe;
  --wcg-eaffec-rgb: 244 251 254;
  --wcg-eafff0: #f4fbfe;
  --wcg-eafff0-rgb: 244 251 254;
}
