/*
Theme Name: Skorpion Strength
Theme URI: https://skorpionstrength.com
Author: Skorpion Strength
Description: Custom theme for Skorpion Strength. Raw, warm, judgment-free. Built from the original site design.
Version: 1.1.202610261300
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: skorpion-strength
*/
body{margin:0;background:#141210;color:#F4EFE6;font-family:'Work Sans',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
a{color:#F4EFE6;text-decoration:none}
a:hover{color:#F5A524}
a[style*="background: var(--accent)"]:hover{color:#141210;filter:brightness(1.1)}
a[style*="background: #141210"]:hover{color:#F5A524}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F5A524;outline-offset:3px}
input,select,textarea,button{font-family:'Work Sans',system-ui,sans-serif}
button:hover{filter:brightness(1.1)}
.skip{position:absolute;left:-999px;top:8px;background:#F5A524;color:#141210;padding:12px 16px;font-weight:700;z-index:10}
.skip:focus{left:8px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}


/* ---- Mobile header tidy ---- */
.ss-cr-short{display:none}
@media (max-width:640px){
.ss-crisis>div{padding:4px 12px!important;min-height:0!important;gap:0 12px!important;font-size:13px!important}
.ss-crisis a{min-height:36px!important}
.ss-cr-long,.ss-cr-x{display:none}.ss-cr-short{display:inline}
.ss-nav-row{width:100%;justify-content:center;gap:2px 16px!important}
.ss-nav-row>a,.ss-nav-row>details>summary{font-size:15px}
.ss-book{flex:0 0 100%;max-width:300px;justify-content:center;margin:8px auto 0!important}
}

/* ---- Effects: cursor, logo shine, welcome pause ---- */
html:not(.ss-calm){cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'><path d='M4 2.5 L4 21 L9 16.2 L12.6 23.4 L15.8 21.9 L12.3 14.8 L19.5 14.4 Z' fill='%23F5A524' stroke='%23141210' stroke-width='1.6' stroke-linejoin='round'/></svg>") 4 3,auto}
html:not(.ss-calm) a,html:not(.ss-calm) button,html:not(.ss-calm) summary,html:not(.ss-calm) label,html:not(.ss-calm) select,html:not(.ss-calm) [role=button],html:not(.ss-calm) input[type=checkbox],html:not(.ss-calm) input[type=radio]{cursor:pointer}
html:not(.ss-calm) input[type=text],html:not(.ss-calm) input[type=email],html:not(.ss-calm) input[type=tel],html:not(.ss-calm) input[type=number],html:not(.ss-calm) textarea{cursor:text}
@media (pointer:coarse){html:not(.ss-calm){cursor:auto}}
.ss-logo-fx{position:relative;display:inline-block;line-height:0}
.ss-logo-fx img{display:block}
.ss-logo-fx i{position:absolute;width:7.5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#FFE2A3 0%,#F5A524 45%,rgba(245,165,36,0) 72%);box-shadow:0 0 8px 3px rgba(245,165,36,.75);pointer-events:none;animation:ssEye 3.4s ease-in-out infinite}
.ss-logo-fx i.l{left:43.5%;top:54.6%}.ss-logo-fx i.r{left:56.5%;top:54.6%}
.ss-logo-fx:after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask:url('images/logo/skorpion-logo.png') center/contain no-repeat;mask:url('images/logo/skorpion-logo.png') center/contain no-repeat;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.7) 50%,transparent 62%);background-size:300% 100%;background-position:160% 0;animation:ssShine 8s ease-in-out infinite}
@keyframes ssEye{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ssShine{0%,70%{background-position:160% 0}100%{background-position:-60% 0}}
html.ss-calm .ss-logo-fx i,html.ss-calm .ss-logo-fx:after{animation:none}
html.ss-calm .ss-logo-fx i{opacity:.85}html.ss-calm .ss-logo-fx:after{display:none}
@media (prefers-reduced-motion:reduce){.ss-logo-fx i,.ss-logo-fx:after{animation:none}.ss-logo-fx i{opacity:.85}.ss-logo-fx:after{display:none}}
.ss-welcome{display:none}
html.ss-wel .ss-welcome{display:flex}
html.ss-wel body{overflow:hidden}
.ss-welcome{position:fixed;inset:0;z-index:100000;background:radial-gradient(ellipse at 50% 38%,#2B2116 0%,#141210 62%);color:#F4EFE6;align-items:center;justify-content:center;text-align:center;padding:24px;overflow-y:auto;transition:opacity .6s ease;font-family:'Work Sans',system-ui,sans-serif}
.ss-welcome.out{opacity:0;pointer-events:none}
.ss-w-in{max-width:760px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:0}
.ss-w-in>*{opacity:0;animation:ssRise .9s ease forwards}
.ss-w-eye{margin:0;color:#F5A524;font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;animation-delay:.2s!important}
.ss-w-logo{margin:22px 0 26px;animation-delay:.5s!important}
.ss-w-logo img{width:min(230px,52vw);height:auto}
.ss-w-1{margin:0;font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-size:clamp(38px,7vw,72px);line-height:1.04;animation-delay:1.1s!important}
.ss-w-2{margin:16px 0 0;font-size:clamp(19px,2.6vw,26px);color:#D8D1C4;animation-delay:2s!important}
.ss-w-3{margin:12px 0 0;font-size:clamp(19px,2.6vw,26px);color:#D8D1C4;animation-delay:2.8s!important}
.ss-w-in p{text-wrap:balance}
.ss-w-3 strong{display:block;margin-top:2px;color:#F5A524}
.ss-w-4{margin:12px 0 0;font-size:clamp(17px,2.2vw,22px);color:#B9B2A5;animation-delay:3.5s!important}
.ss-w-go{margin-top:34px;min-height:56px;padding:0 44px;background:#F5A524;color:#141210;border:0;border-radius:4px;font-weight:700;font-size:20px;cursor:pointer;font-family:inherit;animation-delay:2.4s!important}
.ss-w-go:hover,.ss-w-go:focus-visible{filter:brightness(1.1);outline:3px solid #F4EFE6;outline-offset:3px}
.ss-w-help{margin:22px 0 0;font-size:15px;color:#B9B2A5;animation-delay:3s!important}
.ss-w-help a{color:#F5A524;text-decoration:underline}
.ss-w-skip{position:absolute;top:16px;right:16px;min-height:44px;padding:0 18px;background:transparent;color:#B9B2A5;border:1px solid #5A544B;border-radius:999px;font-size:15px;cursor:pointer;font-family:inherit}
.ss-w-skip:hover,.ss-w-skip:focus-visible{color:#F4EFE6;border-color:#F4EFE6}
@keyframes ssRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ss-w-in>*{animation:none;opacity:1}.ss-welcome{transition:none}}
html.ss-calm .ss-w-in>*{animation:none;opacity:1}
@font-face{font-family:'Stadium 1956';src:url('fonts/Stadium1956-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
.ss-wordmark{font-family:'Stadium 1956','Anton',Impact,sans-serif;font-weight:400}
.ss-content{font-size:18px;color:#D8D1C4}
.ss-content a{color:#F5A524;text-decoration:underline}
.ss-content h2,.ss-content h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#F4EFE6}
.ss-content img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px}
@font-face{font-family:'Atkinson Hyperlegible';src:url('fonts/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible';src:url('fonts/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'OpenDyslexic';src:url('fonts/opendyslexic-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OpenDyslexic';src:url('fonts/opendyslexic-latin-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
html.ss-size-lg body{zoom:1.15}
html.ss-size-xl body{zoom:1.3}
html.ss-font-easy body,html.ss-font-easy body *{font-family:'Atkinson Hyperlegible',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:normal}
html.ss-font-dys body,html.ss-font-dys body *{font-family:'OpenDyslexic','Comic Sans MS',sans-serif!important;text-transform:none!important;letter-spacing:normal}
html.ss-size-lg body,html.ss-size-xl body,html.ss-font-dys body{overflow-wrap:anywhere}
html.ss-space body,html.ss-space body *{letter-spacing:0.05em!important;word-spacing:0.12em!important;line-height:1.8!important}