/*
Theme Name: SpoilerMarket
Theme URI: https://spoilermarket.com
Author: Trike
Description: Customizable one-page AI prediction-market theme for SpoilerMarket with editable branding, menus, homepage wording, footer, Passport login, and wallet login.
Version: 0.6.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: spoilermarket
*/

:root{
  --smt-bg:#050706;
  --smt-surface:#0b100c;
  --smt-card:#101611;
  --smt-card-2:#121b14;
  --smt-text:#f3f5f2;
  --smt-muted:#aab3aa;
  --smt-green:#6cc533;
  --smt-green-bright:#82dc42;
  --smt-green-dark:#285c18;
  --smt-red:#d94a44;
  --smt-border:rgba(126,205,73,.20);
  --smt-soft-border:rgba(255,255,255,.09);
  --smt-logo:url("assets/images/spoilermarket-logo.png");
}

html{background:var(--smt-bg);scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--smt-bg);color:var(--smt-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
body.admin-bar .sm-site-header{top:32px}
.wp-site-blocks{min-height:100vh;background:var(--smt-bg)}
.wp-site-blocks>*{margin-block-start:0}

/* WordPress should never place an oversized page title above the one-page app. */
.spoilermarket-front-page .wp-block-post-title,
.spoilermarket-app-page .wp-block-post-title,
body:has(.sm-app) .wp-block-post-title{display:none!important}
.wp-block-post-title{font-size:clamp(34px,5vw,58px)!important;line-height:1.04!important;letter-spacing:-.04em!important;max-width:980px;overflow-wrap:anywhere}

/* Customizable header, logo, and menus */
.sm-site-header{position:relative;top:0;z-index:80;background:rgba(3,6,4,.94)!important;border-bottom:1px solid rgba(126,205,73,.16)!important;backdrop-filter:blur(14px)}
.sm-sticky-header-enabled .sm-site-header{position:sticky}
.sm-site-header>.wp-block-group,.sm-header-inner{width:100%}
.sm-header-inner{gap:22px!important}
.sm-header-actions{gap:16px!important;min-width:0}
.sm-theme-logo{display:inline-flex;align-items:center;text-decoration:none;line-height:0;flex:0 1 auto}
.sm-theme-logo img,.custom-logo-link img{display:block;width:min(var(--sm-logo-width,330px),42vw);height:auto;max-height:70px;object-fit:contain;object-position:left center}
.sm-header-notice{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#cbd6ca;font-size:13px;line-height:1.45;text-align:center}
.sm-primary-nav{display:flex;align-items:center;min-width:0}
.sm-menu-toggle{display:none;border:1px solid rgba(126,205,73,.35);border-radius:999px;background:#0b110c;color:#fff;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}
.sm-menu-panel,.sm-header-menu{min-width:0}
.sm-menu-list{display:flex;align-items:center;gap:20px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.sm-menu-list .sub-menu{display:none;position:absolute;z-index:100;min-width:210px;margin:8px 0 0;padding:10px;list-style:none;border:1px solid rgba(126,205,73,.20);border-radius:12px;background:#080d09;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.sm-menu-list .menu-item{position:relative;margin:0}
.sm-menu-list .menu-item:hover>.sub-menu,.sm-menu-list .menu-item:focus-within>.sub-menu{display:grid;gap:8px}
.sm-menu-list a{color:#eef3ed;text-decoration:none;font-size:15px;font-weight:650;white-space:nowrap}
.sm-menu-list a:hover,.sm-menu-list .current-menu-item>a{color:var(--smt-green-bright)}
.sm-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid rgba(126,205,73,.55);border-radius:999px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;background:rgba(77,145,39,.10)}
.sm-header-cta:hover{background:var(--smt-green-bright);color:#071005}

/* Main app geometry and collision protection */
.sm-app{max-width:1320px!important;margin:0 auto!important;padding:22px 24px 42px!important;color:var(--smt-text)!important}
.sm-app,.sm-app *{box-sizing:border-box}
.sm-app h1,.sm-app h2,.sm-app h3{font-family:inherit;overflow-wrap:normal;word-break:normal}
.sm-market-panel{padding-top:0}

/* Hero modeled after the approved dark neon concept. */
.sm-app .sm-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(126,205,73,.22)!important;border-radius:22px!important;padding:25px 28px 27px!important;background:
  radial-gradient(circle at 82% 26%,rgba(104,199,52,.19),transparent 26%),
  linear-gradient(135deg,#050706 0%,#080d09 55%,#10200d 100%)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.34)!important}
.sm-app .sm-hero:before{content:"";position:absolute;inset:auto -6% -68px 30%;height:210px;z-index:-1;opacity:.30;background:
  linear-gradient(12deg,transparent 0 40%,rgba(111,214,54,.18) 41% 42%,transparent 43% 100%),
  repeating-linear-gradient(90deg,transparent 0 35px,rgba(111,214,54,.13) 36px 38px,transparent 39px 64px);transform:skewX(-8deg)}
.sm-app .sm-hero:after{content:"↗"!important;display:block!important;position:absolute!important;right:6%!important;top:24%!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:rgba(119,218,60,.14)!important;font-size:170px!important;font-weight:900!important;line-height:1!important;pointer-events:none!important}
.sm-app .sm-brand-row{min-height:48px;justify-content:space-between!important;align-items:center!important;gap:18px!important}
.sm-app .sm-wordmark{display:flex!important;align-items:center!important;min-width:0!important}
.sm-app .sm-wordmark .sm-theme-logo{display:inline-flex!important}
.sm-app .sm-wordmark .sm-theme-logo img{display:block!important;width:min(var(--sm-logo-width,320px),42vw)!important;max-width:100%!important;max-height:66px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.sm-app .sm-mode-badge{font-size:12px!important;font-weight:700!important;color:#dff8d2!important;border:1px solid rgba(121,216,64,.32)!important;background:rgba(81,151,40,.16)!important;padding:7px 11px!important;border-radius:999px!important}
.sm-app .sm-hero-copy{max-width:780px!important;padding:24px 0 22px!important;position:relative;z-index:2}
.sm-app .sm-kicker{font-size:12px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.13em!important;color:var(--smt-green-bright)!important;margin:0 0 9px!important}
body .sm-app .sm-hero-copy h1,.sm-app .sm-hero h1{display:flex!important;flex-direction:column!important;gap:0!important;max-width:760px!important;margin:0 0 14px!important;font-size:clamp(34px,4vw,56px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#fff!important;text-align:left!important}
.sm-app .sm-hero-line-1,.sm-app .sm-hero-line-2{display:block}
.sm-app .sm-hero-line-2{color:var(--smt-green-bright)}
.sm-app .sm-hero-copy>p:last-child{max-width:700px!important;margin:0!important;font-size:17px!important;line-height:1.55!important;color:#d0d7cf!important}
.sm-app .sm-toolbar{position:relative;z-index:3;display:grid!important;grid-template-columns:minmax(210px,1fr) auto!important;gap:14px!important;align-items:end!important}
.sm-app .sm-toolbar-actions{display:flex!important;gap:10px!important;align-items:end!important;justify-content:flex-end!important}
.sm-app .sm-toolbar select,.sm-app .sm-quantity input{min-height:48px!important;border:1px solid rgba(255,255,255,.12)!important;background:#0e130f!important;color:#fff!important}
.sm-app .sm-primary,.sm-app .sm-contract{background:linear-gradient(180deg,var(--smt-green-bright),#5aae2f)!important;color:#071005!important;border:1px solid rgba(161,239,110,.30)!important;box-shadow:none!important}
.sm-app .sm-secondary{background:#0c110d!important;color:#fff!important;border:1px solid rgba(126,205,73,.32)!important}
.sm-app .sm-status{color:var(--smt-muted)!important}

/* Featured market */
.sm-app .sm-market-card{margin-top:16px!important;padding:23px!important;border:1px solid rgba(126,205,73,.32)!important;border-radius:18px!important;background:linear-gradient(145deg,#090d0a,#0f160f)!important;box-shadow:0 14px 45px rgba(0,0,0,.24)!important}
.sm-app .sm-market-card h2{max-width:1040px!important;margin:20px 0!important;font-size:clamp(27px,3.3vw,43px)!important;line-height:1.12!important;color:#fff!important}
.sm-app .sm-market-meta>span:first-child{color:#dff9d2!important;background:rgba(103,194,55,.14)!important;border-color:rgba(126,205,73,.26)!important}
.sm-app .sm-resolution{border-top-color:rgba(255,255,255,.09)!important}

/* Forecast cards */
.sm-app .sm-section-head{margin-top:27px!important}
.sm-app .sm-section-head h2,.sm-app .sm-ledger h2{font-size:28px!important;color:#fff!important}
.sm-app .sm-agent-grid{gap:14px!important}
.sm-app .sm-agent-card{min-height:340px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:17px!important;background:linear-gradient(145deg,#0d130e,#111a12)!important;box-shadow:none!important}
.sm-app .sm-agent-card:hover{border-color:rgba(126,205,73,.34)!important}
.sm-app .sm-answer-yes{color:#dcffd0!important;background:rgba(96,190,48,.16)!important;border-color:rgba(126,205,73,.35)!important}
.sm-app .sm-answer-no{color:#ffd8d5!important;background:rgba(202,55,48,.15)!important;border-color:rgba(220,73,66,.34)!important}
.sm-app .sm-confidence span{background:linear-gradient(90deg,#4c9028,var(--smt-green-bright))!important}
.sm-app .sm-agent-model{color:#d9f6cf!important;border-color:rgba(126,205,73,.23)!important;background:rgba(86,155,45,.11)!important}
.sm-app .sm-contract{background:#f5f7f4!important;color:#081008!important;border-color:#fff!important}

/* Debate launch and app tools */
.sm-app .sm-debate-launch{border-color:rgba(126,205,73,.28)!important;border-radius:18px!important;background:linear-gradient(135deg,#0b100c,#112310)!important}
.sm-app .sm-debate-launch h2,.sm-app .sm-live-debate-heading h2{color:#fff!important}
.sm-app .sm-live-debate-shell{border-top-color:rgba(126,205,73,.18)!important}
.sm-app .sm-live-debate-shell .spoilermarket-card{background:linear-gradient(145deg,#0b110c,#101711)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
.sm-app .sm-live-debate-shell .spoilermarket-agent-ask-card{border-color:rgba(126,205,73,.30)!important}
.sm-app .sm-live-debate-shell .spoilermarket-btn-submit{background:var(--smt-green-bright)!important;color:#071005!important;border-color:var(--smt-green-bright)!important}
.sm-app .sm-ledger,.sm-app .sm-rules>div{background:#0b110c!important;border-color:rgba(255,255,255,.09)!important}

/* Correct inherited AgentDebates remnants and keep long account wording readable. */
.sm-app .spoilermarket-agent-rewards-card>p{font-size:15px!important;line-height:1.55!important;color:#d4ddd3!important;max-width:none!important}
.sm-app .spoilermarket-agent-rewards-card strong,
.sm-app .spoilermarket-agent-rewards-card span{overflow-wrap:anywhere}

/* Customizable footer */
.sm-site-footer{background:#050706!important;border-top:1px solid rgba(126,205,73,.16)!important}
.sm-site-footer .sm-theme-logo img,.sm-site-footer .custom-logo-link img{width:min(var(--sm-logo-width,285px),68vw);max-height:62px}
.sm-footer-tagline{max-width:430px;margin:13px 0 0;color:#aeb8ad;font-size:14px;line-height:1.55}
.sm-footer-nav{display:flex;justify-content:flex-end;margin-bottom:12px}
.sm-footer-nav .sm-menu-list{justify-content:flex-end;gap:16px}
.sm-footer-nav .sm-menu-list a{font-size:14px}
.sm-footer-contact{display:block;margin:0 0 10px;text-align:right;color:#dce5db;text-decoration:none;font-weight:700}
.sm-footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.sm-footer-copyright,.sm-footer-copy{color:#aeb8ad;font-size:13px;line-height:1.5;text-align:right}
.sm-site-footer a{color:#dce5db;text-decoration:none}
.sm-site-footer a:hover{color:var(--smt-green-bright)}
.sm-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(126,205,73,.15);color:#eef4ed;font-size:18px;font-weight:750}
.sm-footer-cta a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:var(--smt-green-bright);color:#071005;font-size:14px;font-weight:850;white-space:nowrap}

/* Existing plugin helpers */
.specmkt-card{border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.specmkt-trade-btn{border-radius:999px;padding:10px 14px;display:inline-block;text-decoration:none}
.specmkt-muted{opacity:.85}
.specmkt-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

@media(max-width:900px){
  body.admin-bar .sm-site-header{top:46px}
  .sm-app{padding:16px!important}
  .sm-app .sm-toolbar{grid-template-columns:1fr!important}
  .sm-app .sm-toolbar-actions{justify-content:stretch!important}
  .sm-app .sm-toolbar-actions>*{flex:1 1 210px}
  .sm-app .sm-hero:after{font-size:125px!important;right:1%!important;top:31%!important}
  .sm-theme-logo img,.custom-logo-link img{width:min(285px,55vw)}
}

@media(max-width:620px){
  .sm-site-header{position:relative;top:0!important}
  .sm-site-header .wp-block-group{gap:10px!important}
  .sm-theme-logo img,.custom-logo-link img{width:min(250px,78vw);max-height:62px}
  .sm-app{padding:10px 10px 28px!important}
  .sm-app .sm-hero,.sm-app .sm-market-card,.sm-app .sm-ledger{padding:17px!important;border-radius:15px!important}
  .sm-app .sm-hero-copy{padding:16px 0 20px!important}
  .sm-app .sm-hero h1{font-size:clamp(38px,13vw,54px)!important;line-height:1!important;letter-spacing:-.05em!important}
  .sm-app .sm-hero-copy>p:last-child{font-size:16px!important}
  .sm-app .sm-hero:after{display:none!important}
  .sm-app .sm-toolbar-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .sm-app .sm-toolbar-actions button{width:100%!important}
  .sm-app .sm-brand-row{justify-content:flex-start!important}
  .sm-app .sm-mode-badge{max-width:100%!important}
  .sm-app .sm-market-card h2{font-size:28px!important}
  .sm-app .sm-section-head{align-items:flex-start!important}
  .sm-app .sm-live-debate-heading h2{font-size:29px!important}
}



/* v0.6.0 responsive menu, footer, Passport, and wallet controls */
@media(max-width:980px){
  .sm-header-inner{align-items:center!important}
  .sm-menu-toggle{display:inline-flex}
  .sm-menu-panel{display:none;position:absolute;right:24px;top:calc(100% - 2px);width:min(360px,calc(100vw - 32px));padding:14px;border:1px solid rgba(126,205,73,.23);border-radius:14px;background:#070b08;box-shadow:0 18px 50px rgba(0,0,0,.42)}
  .sm-primary-nav.is-open .sm-menu-panel{display:block}
  .sm-header-menu .sm-menu-list{display:grid;gap:4px}
  .sm-header-menu .sm-menu-list a{display:block;padding:9px 10px;border-radius:9px;white-space:normal}
  .sm-header-menu .sm-menu-list a:hover{background:rgba(126,205,73,.09)}
  .sm-menu-list .sub-menu{display:grid;position:static;margin:4px 0 0 12px;padding:2px 0 2px 10px;border:0;border-left:1px solid rgba(126,205,73,.25);border-radius:0;background:transparent;box-shadow:none}
}
@media(max-width:700px){
  .sm-site-header{padding-left:14px!important;padding-right:14px!important}
  .sm-header-inner{gap:10px!important}
  .sm-header-actions{gap:8px!important}
  .sm-theme-logo img,.custom-logo-link img{width:min(var(--sm-logo-width,245px),58vw);max-height:58px}
  .sm-header-cta{padding:0 12px;min-height:39px;font-size:13px}
  .sm-menu-panel{right:14px}
  .sm-footer-columns{display:block!important}
  .sm-footer-columns>.wp-block-column{width:100%!important}
  .sm-footer-nav,.sm-footer-nav .sm-menu-list{justify-content:flex-start}
  .sm-footer-nav{margin-top:22px}
  .sm-footer-contact,.sm-footer-copyright,.sm-footer-copy{text-align:left}
  .sm-footer-meta{align-items:flex-start}
  .sm-footer-cta{align-items:flex-start;flex-direction:column}
}

/* v0.4.0 public cleanup and hard layout guardrails */
.sm-front-main,.sm-front-main>.wp-block-shortcode{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.sm-app .sm-hero-copy,.sm-app .sm-hero h1,.sm-app .sm-hero-copy p{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.sm-app .sm-hero{min-height:0!important}
.sm-app .sm-hero h1 br{display:none!important}
.sm-app .sm-wordmark .custom-logo-link{display:none!important}
.developer-integration-guide,.sm-developer-guide,.sm-integration-guide,.integration-placeholder,.sm-integration-placeholder,.sm-placeholder-row,.sm-public-tip,.spoilermarket-room-admin-debug{display:none!important}

@media(max-width:620px){
  .sm-app .sm-brand-row{align-items:flex-start!important;flex-direction:column!important}
  .sm-app .sm-wordmark .sm-theme-logo img{width:min(280px,86vw)!important;max-height:62px!important}
  .sm-app .sm-hero h1{font-size:clamp(34px,10.5vw,48px)!important}
}


/* Header account-access integration */
.sm-header-actions>.wp-block-shortcode{margin:0}
.sm-header-actions .sm-auth-menu,.sm-header-actions .sm-auth-account-link{flex:0 0 auto}
.sm-header-actions .sm-auth-menu>summary,.sm-header-actions .sm-auth-account-link{min-height:42px}
@media(max-width:700px){
  .sm-header-actions .sm-auth-menu>summary,.sm-header-actions .sm-auth-account-link{min-height:39px;padding:7px 12px;font-size:13px}
}