/*
Theme Name: Fitmenta Demo
Theme URI: https://fitmenta.duckdns.org
Author: Fitmenta
Description: Kevyt ja siirrettävä teema Fitmentan toiminnalliselle demolle.
Version: 0.2.1
Requires at least: 6.6
Requires PHP: 8.1
License: GPLv2 or later
Text Domain: fitmenta-demo
*/

:root{--ink:#10202a;--paper:#f3f5f4;--lime:#b8ef57;--muted:#73808a;--line:#dce2e6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(16,32,42,.94);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.demo-strip{background:#b8ef57;color:#10202a;text-align:center;padding:.55rem 1rem;font-size:.78rem;font-weight:900;letter-spacing:.02em}
.demo-strip span{opacity:.72;font-weight:700}
.admin-bar .site-header{top:32px}
.site-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto}
.site-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:950;font-size:1.22rem;letter-spacing:-.03em}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--ink);font-size:.72rem;letter-spacing:-.04em}
.site-links{display:flex;align-items:center;gap:1.35rem}
.site-links a{text-decoration:none;color:#d8dfe3;font-size:.92rem;font-weight:700}
.site-links a:hover{color:var(--lime)}
.site-links .nav-cta{padding:.7rem 1rem;border-radius:9px;background:var(--lime);color:var(--ink)}
.site-main{min-height:70vh}
.home .site-main{background:linear-gradient(180deg,var(--ink) 0,var(--ink) 47%,var(--paper) 47%,var(--paper) 100%);color:#fff}
.home .fitmenta-section:nth-of-type(3){color:#fff}
.page-content,.single-content{padding-bottom:5rem}
.site-footer{background:#0b171e;color:#aab6bd;padding:3rem 0}
.footer-row{display:flex;justify-content:space-between;gap:2rem;align-items:end}
.footer-row strong{color:#fff}.footer-row p{margin:.4rem 0 0;max-width:600px;line-height:1.6}
.demo-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--lime);font-weight:900}
.single-part{padding:4rem 0}
.single-back{display:inline-block;margin-bottom:2rem;color:#61717b;font-weight:800;text-decoration:none}
.single-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:start}
.single-visual{min-height:420px;border-radius:24px;padding:2rem;background:linear-gradient(135deg,#152630,#314752);display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.single-visual span{color:var(--lime);font-weight:900;letter-spacing:.15em}.single-visual strong{font-size:clamp(1.5rem,4vw,2.5rem)}
.single-info h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin:1rem 0}
.single-price{font-size:2rem;font-weight:950;margin:1.5rem 0}
.single-description{font-size:1.05rem;line-height:1.7;color:#5f6d76}
.part-facts{margin:2rem 0;border-top:1px solid var(--line)}
.part-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}
.part-facts dt{color:#6b7881}.part-facts dd{margin:0;text-align:right;font-weight:800}
.fitment-warning{padding:1rem;border-radius:10px;background:#fff3cd;color:#6e570b;font-size:.9rem;line-height:1.55}
.fitmenta-no-commerce{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin:0 0 1.5rem;border:2px solid #efb72e;border-radius:12px;background:#fff5d8;color:#5f4707}
.fitmenta-no-commerce span{font-size:.9rem}
.fitmenta-button,.fitmenta-submit{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#b8ef57;color:#10202a!important;padding:.85rem 1.2rem;text-decoration:none;font-weight:900;cursor:pointer}
.fitmenta-seller-form{padding:clamp(1.25rem,4vw,2.5rem);margin-bottom:2rem;border:1px solid #dce2e6;border-radius:18px;background:#fff}
.fitmenta-form-intro{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1rem;border-radius:12px;background:#eef2f3}
.fitmenta-form-intro div{display:flex;flex-direction:column;gap:.25rem}.fitmenta-form-intro span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#71808a}.fitmenta-form-intro strong{font-size:1.05rem}
.fitmenta-seller-form fieldset{border:0;border-top:1px solid #dce2e6;padding:1.5rem 0;margin:0}
.fitmenta-seller-form legend{padding:1.5rem 0 0;font-size:1.25rem;font-weight:950}
.fitmenta-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.fitmenta-form-grid label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:850;color:#52616b}
.fitmenta-form-grid label.is-wide{grid-column:1/-1}.fitmenta-form-grid em{color:#9a3c31;font-style:normal;font-size:.7rem}
.fitmenta-form-grid input,.fitmenta-form-grid select,.fitmenta-form-grid textarea{width:100%;padding:.8rem;border:1px solid #ccd5da;border-radius:9px;background:#f8fafb;color:#10202a;font:inherit}
.fitmenta-form-grid input:focus,.fitmenta-form-grid select:focus,.fitmenta-form-grid textarea:focus{outline:3px solid rgba(184,239,87,.45);border-color:#7fae34}
.fitmenta-field-help{font-size:.85rem;color:#71808a}
.fitmenta-confirm{display:flex;align-items:flex-start;gap:.75rem;margin:1.2rem 0;padding:1rem;border-radius:10px;background:#fff5d8;line-height:1.5}.fitmenta-confirm input{margin-top:.3rem}
.fitmenta-submit{min-height:50px}
.fitmenta-message{padding:1rem 1.2rem;margin-bottom:1.5rem;border-radius:10px}.fitmenta-message.is-success{background:#eaf8d5;color:#355d00}.fitmenta-message.is-error{background:#ffe2df;color:#8d2720}
.fitmenta-own-parts{padding:2rem 0 5rem}.fitmenta-own-parts article{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #dce2e6}.fitmenta-own-parts article span{color:#697782}
.fitmenta-role-note{display:flex;align-items:center;gap:.8rem;margin-bottom:1.25rem;padding:1rem 1.2rem;border-radius:12px;background:#10202a;color:#fff}.fitmenta-role-note span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b8ef57}.fitmenta-role-note small{margin-left:auto;color:#b9c3c9}
.fitmenta-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}
.fitmenta-path-grid article{display:flex;align-items:flex-start;flex-direction:column;min-height:320px;padding:1.6rem;border:1px solid #dce2e6;border-radius:18px;background:#fff;color:#10202a}
.fitmenta-path-grid h2{margin:.8rem 0;font-size:1.5rem}.fitmenta-path-grid p{flex:1;color:#64727c;line-height:1.65}.fitmenta-path-number{font-size:.75rem;font-weight:950;color:#66931d}.fitmenta-disabled{padding:.8rem 1rem;border-radius:9px;background:#e7ebed;color:#73808a;font-weight:800}
@media(max-width:850px){.fitmenta-path-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-links a:not(.nav-cta){display:none}.single-grid{grid-template-columns:1fr}.single-visual{min-height:280px}.footer-row{align-items:start;flex-direction:column}.admin-bar .site-header{top:46px}}
@media(max-width:650px){.fitmenta-no-commerce{align-items:flex-start;flex-direction:column}.fitmenta-form-grid,.fitmenta-form-intro,.fitmenta-path-grid{grid-template-columns:1fr}.fitmenta-form-grid label.is-wide{grid-column:auto}.fitmenta-role-note{align-items:flex-start;flex-direction:column}.fitmenta-role-note small{margin-left:0}}