/* MassVoter style layer v0.1.0, loads after Kadence. */
@font-face{font-family:"Inter";src:url(fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat Alternates";src:url(fonts/montserrat-alternates-800-latin.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --mv-bg:#101a2e; --mv-card:#18263e; --mv-card-2:#20304c; --mv-ad:#121c2c;
  --mv-line:#2a364c; --mv-gold:#d6b860; --mv-gold-hi:#e4c978; --mv-cream:#faf7f0;
  --mv-muted:#9aa4b6; --mv-dem:#24447a; --mv-rep:#6e2c3a;
  --mv-radius:16px; --mv-pill:999px;
  --mv-display:"Montserrat Alternates",system-ui,sans-serif;
  --mv-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* App shell */
html,body,.site,#wrapper,.content-bg,.site-main,.entry.content-bg,.content-area{background:var(--mv-bg)!important}
body{color:var(--mv-cream);font-family:var(--mv-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,.entry-title,.site-title{font-family:var(--mv-display);font-weight:800;color:var(--mv-cream);letter-spacing:-.01em}
a{color:var(--mv-gold)} a:hover,a:focus{color:var(--mv-gold-hi)}
.entry{box-shadow:none!important}
.mv-app{max-width:480px;margin:0 auto;padding:16px}

/* Global buttons: gold pill, navy text (Quiz Maker inherits this) */
button,.button,.wp-block-button__link,.wp-element-button,input[type=button],input[type=submit],input[type=reset],.kb-button{
  background:var(--mv-gold)!important;color:var(--mv-bg)!important;border:0!important;border-radius:var(--mv-pill)!important;
  font-family:var(--mv-body);font-weight:700;font-size:1.0625rem;line-height:1.2;padding:.8em 1.6em;min-height:48px;
  box-shadow:none!important;cursor:pointer;transition:background .15s ease,transform .05s ease}
button:hover,.button:hover,.wp-block-button__link:hover,.wp-element-button:hover,input[type=button]:hover,input[type=submit]:hover{background:var(--mv-gold-hi)!important;color:var(--mv-bg)!important}
button:active,input[type=button]:active,input[type=submit]:active{transform:translateY(1px)}
button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,.wp-block-button__link:focus-visible{outline:3px solid var(--mv-cream);outline-offset:2px}
/* Kadence header/menu toggles stay icon-style, not pills */
.menu-toggle-open,.drawer-toggle,.search-toggle-open,.kadence-scroll-to-top{background:transparent!important;color:var(--mv-cream)!important;min-height:0;padding:.4em}

/* Header block */
.mv-head{text-align:center;margin:8px 0 16px}
.mv-head h1{font-size:clamp(1.9rem,8vw,2.4rem);margin:.1em 0}
.mv-tag{color:var(--mv-gold);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}

/* Race cards (landing) */
.mv-race{position:relative;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--mv-gold);border-radius:var(--mv-radius);overflow:hidden;margin:0 0 14px;background:linear-gradient(90deg,var(--mv-dem) 0 calc(50% - 6px),var(--mv-bg) calc(50% - 6px) calc(50% + 6px),var(--mv-rep) calc(50% + 6px))}
.mv-race__title{grid-column:1/-1;text-align:center;color:var(--mv-gold);font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 0 4px}
.mv-cand{text-align:center;padding:6px 8px 12px}
.mv-cand img{width:min(30vw,128px);aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--mv-gold);background:var(--mv-card)}
.mv-cand__name{display:block;font-weight:800;font-size:1.15rem;color:var(--mv-cream);margin-top:6px;line-height:1.2}
.mv-cand__party{display:block;color:var(--mv-gold);font-weight:700;font-size:.85rem}
.mv-vs{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);color:var(--mv-gold);font-family:var(--mv-display);font-weight:800;font-size:1.2rem}
.mv-race__cta{grid-column:1/-1;text-align:center;padding:0 0 14px}
.mv-race__cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border-radius:var(--mv-pill);background:var(--mv-gold);color:var(--mv-bg);font-weight:700;text-decoration:none}
.mv-race__cta a:hover{background:var(--mv-gold-hi);color:var(--mv-bg)}

/* Ad slot under the active question: "Advertisement" label + reserved 300x250 box */
.mv-ad{width:300px;max-width:100%;margin:20px auto 8px;text-align:center}
.mv-ad[hidden]{display:none!important}
.mv-ad__label{display:block;font-size:11px;line-height:1;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mv-muted);margin:0 0 6px}
.mv-ad__box{width:300px;height:250px;margin:0 auto;background:var(--mv-ad);border:1px solid var(--mv-line);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mv-ad__box img,.mv-ad__box iframe{display:block;max-width:300px;height:auto}

/* One-line footer */
.mv-foot{text-align:center;color:var(--mv-muted);font-size:.8rem;margin:28px 0 12px}
.site-footer,.site-footer .site-footer-wrap{background:var(--mv-bg)!important;color:var(--mv-muted)}

/* App look: no theme header or footer chrome (mockups use a title block and a one-line footer) */
#masthead,.site-header,.site-footer{display:none!important}
.content-area{margin-top:0!important;margin-bottom:0!important}
.entry-content-wrap{padding:0!important}
.mv-cand img{color:transparent;font-size:0}
.mv-wordmark{font-family:var(--mv-display);font-weight:800;font-size:clamp(1.6rem,7vw,2rem);color:var(--mv-cream);line-height:1;display:inline-block;padding-bottom:4px;border-bottom:2px solid var(--mv-gold)}
.mv-wordmark span{color:var(--mv-gold);font-size:.7em}
.mv-head h1{margin-top:.35em}