/*
Theme Name: WM Markets Info
Theme URI: https://wmmarkets.info/
Author: wmmarkets.info
Author URI: https://wmmarkets.info/
Description: Persian single-broker theme for wmmarkets.info (WM Markets): landing sections, Contact Form 7 styling, threaded comments, light/dark mode.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wmmarkets-info
Update URI: false
Tags: rtl-language-support, custom-logo, custom-menu, threaded-comments, translation-ready, one-column, two-columns
*/

/* ───────── fonts (self-hosted, OFL) ───────── */
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:100 900;src:url(assets/fonts/vazirmatn-arabic-wght-normal.woff2) format('woff2-variations');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEFF}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:100 900;src:url(assets/fonts/vazirmatn-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(assets/fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*,*::before,*::after{box-sizing:border-box}

/* ───────── Layer 1 · primitives (overridable per site via site.json → palette) ───────── */
:root{
  --ink-950:#060a13;--ink-900:#0a101d;--ink-850:#0e1626;--ink-800:#131d31;--ink-700:#1d2a44;--ink-600:#2a3a5a;--ink-400:#7d8ba3;--ink-300:#a6b2c6;--ink-100:#e8edf5;
  --paper-0:#ffffff;--paper-50:#f6f8fb;--paper-100:#eef2f7;--paper-200:#dfe5ee;--paper-300:#c9d2df;--paper-400:#8d99ad;--paper-600:#56647c;--paper-900:#0d1424;
  --up:#16c784;--down:#ea3943;--gold:#f2b84b;--tg:#229ED9;--wa:#25D366;
  --brand:#1e6bff;--on-brand:#ffffff;
  --font-latin:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-rtl:'Vazirmatn',Tahoma,sans-serif;
}
/* ───────── Layer 2 · semantic (theme) ───────── */
:root,[data-theme=dark]{
  --bg:var(--ink-950);--bg-2:var(--ink-900);--surface:var(--ink-850);--surface-2:var(--ink-800);
  --border:var(--ink-700);--border-strong:var(--ink-600);
  --text:var(--ink-100);--text-muted:var(--ink-300);--text-faint:var(--ink-400);color-scheme:dark;
  --shadow:0 20px 50px -24px rgba(0,0,0,.6);
}
[data-theme=light]{
  --bg:var(--paper-0);--bg-2:var(--paper-50);--surface:var(--paper-0);--surface-2:var(--paper-100);
  --border:var(--paper-200);--border-strong:var(--paper-300);
  --text:var(--paper-900);--text-muted:var(--paper-600);--text-faint:var(--paper-400);color-scheme:light;
  --shadow:0 20px 50px -28px rgba(15,25,30,.25);
}
/* ───────── Layer 3 · brand-derived ───────── */
:root{
  --primary:var(--brand);
  --primary-hover:color-mix(in oklab,var(--brand) 86%,#000);
  --primary-soft:color-mix(in oklab,var(--brand) 14%,transparent);
  --primary-line:color-mix(in oklab,var(--brand) 40%,transparent);
  --primary-text:color-mix(in oklab,var(--brand) 72%,var(--text));
}
[data-theme=light]{--primary-text:color-mix(in oklab,var(--brand) 62%,#000)}
/* ───────── Layer 4 · components ───────── */
:root{
  --radius-xl:24px;--radius-lg:18px;--radius:14px;--radius-sm:10px;--pill:999px;
  --container:1200px;--gutter:16px;--hdr-h:68px;--section-y:88px;
}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 12px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-latin);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html:lang(fa) body,html:lang(ar) body,html[dir=rtl] body{font-family:var(--font-rtl)}
input,button,select,textarea{font-family:inherit;font-size:inherit}
.num,.num *{font-family:var(--font-latin);font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
svg{flex:none}
h1,h2,h3,h4{font-weight:800;margin:0;line-height:1.3}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container.narrow{max-width:880px}
.center{text-align:center}
.muted{color:var(--text-faint)}
.pt-0{padding-block-start:0!important}
@media(min-width:768px){:root{--gutter:24px}}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;inset-inline-start:12px;top:12px;z-index:100;padding:10px 16px;background:var(--surface);color:var(--text);border-radius:10px}

.ico{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
[dir=rtl] .flip{transform:scaleX(-1)}
.back{transform:scaleX(-1)}
[dir=rtl] .back{transform:none}
.gold{color:var(--gold)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding-inline:18px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;line-height:1.2;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--primary);color:var(--on-brand)}
.btn-primary:hover{background:var(--primary-hover);color:var(--on-brand)}
.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}
.btn-ghost:hover{border-color:var(--primary-line);background:var(--primary-soft)}
.btn-brand{background:var(--c,var(--primary));color:var(--c-on,var(--on-brand))}
.btn-brand:hover{background:color-mix(in oklab,var(--c,var(--primary)) 86%,#000)}
.btn-tg{background:var(--tg);color:#fff}
.btn-tg:hover{background:color-mix(in oklab,var(--tg) 86%,#000)}
.btn-lg{height:52px;padding-inline:24px;font-size:16px}
.btn-md{height:46px;padding-inline:20px}
.btn-sm{height:38px;padding-inline:14px;font-size:14px}
.btn-block{display:flex;width:100%}
.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:inline-grid;place-items:center;cursor:pointer;padding:0}
.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}
.icon-btn .ico{grid-area:1/1}
[data-theme=dark] .i-moon,[data-theme=light] .i-sun{display:none}
.i-close{display:none}
.menu-btn[aria-expanded=true] .i-menu{display:none}
.menu-btn[aria-expanded=true] .i-close{display:block}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block-end:1px solid var(--border)}
.admin-bar .hdr{top:32px}
@media(max-width:782px){.admin-bar .hdr{top:46px}}
@media(max-width:600px){.admin-bar .hdr{top:0}}
.hdr-in{height:var(--hdr-h);display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.01em;white-space:nowrap;flex:none}
.logo img,.custom-logo{height:40px;width:auto}
.logo-mark{min-width:38px;height:38px;padding-inline:6px;border-radius:10px;background:var(--primary);color:var(--on-brand);display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:-.02em}
.logo-txt{display:grid;line-height:1.25}
.logo-txt small{font-size:11.5px;font-weight:700;color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase}
.nav{margin-inline-start:auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav-list li{position:relative}
.nav-list a{display:block;padding:8px 12px;border-radius:8px;color:var(--text-muted);font-weight:600;font-size:15px;white-space:nowrap}
.nav-list a:hover{color:var(--text);background:var(--surface-2)}
.nav-list .current-menu-item>a,.nav-list .current_page_item>a,.nav-list .current-menu-ancestor>a{color:var(--primary-text);background:var(--primary-soft)}
.nav-list .sub-menu{list-style:none;margin:0;padding:6px;position:absolute;top:100%;inset-inline-start:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none;z-index:5}
.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}
.hdr-act{display:flex;align-items:center;gap:8px}
.menu-btn{display:none}

/* hero */
.hero{padding-block:64px;border-block-end:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero-title{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}
html[dir=rtl] .hero-title{line-height:1.45;letter-spacing:0}
.hl{color:var(--primary-text)}
.lead{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--text-muted);max-width:60ch;margin:0 0 28px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.trust{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px 20px}
.trust li{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;font-weight:600}
.trust .ico{color:var(--up);width:18px;height:18px}
.search{display:flex;align-items:center;gap:10px;height:56px;padding-inline:16px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);max-width:520px;margin:0 0 20px}
.search:focus-within{border-color:var(--primary)}
.search .ico{color:var(--text-faint)}
.search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}
.search .btn{margin-inline-end:-8px}

/* panel / broker bits */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}
.hero .panel{box-shadow:var(--shadow)}
.panel-title{font-weight:800;font-size:15px;margin-block-end:14px;display:flex;align-items:center;gap:8px}
.bk-head{display:flex;align-items:center;gap:12px}
.bk-head .chips{margin-inline-start:auto}
.bk-mark{min-width:44px;height:44px;padding-inline:6px;border-radius:12px;background:var(--c,var(--primary));color:var(--c-on,var(--on-brand));display:grid;place-items:center;font-weight:800;font-size:16px;flex:none;overflow:hidden;letter-spacing:-.02em}
.bk-mark img{width:100%;height:100%;object-fit:contain}
.bk-name{font-weight:800;font-size:17px;line-height:1.35}
.rating{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);font-weight:700}
.rating .ico{width:15px;height:15px;color:var(--gold)}
.chart{margin-block:16px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border);aspect-ratio:320/150;overflow:hidden}
.chart svg{display:block;width:100%;height:100%}
.cu{fill:var(--up);stroke:var(--up)}.cd{fill:var(--down);stroke:var(--down)}.gl{stroke:var(--border);stroke-dasharray:3 4}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;min-width:0}
.stat small{display:block;color:var(--text-faint);font-size:12px;font-weight:600}
.stat b{font-size:18px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat b small{display:inline;font-size:12px;color:var(--text-faint)}
.bk-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2)}
.bk-row+.bk-row{margin-block-start:10px}
.bk-row .grow{flex:1;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--pill);background:var(--bg-2);font-weight:700;font-size:14px}
.chip .ico{color:var(--primary-text)}
.chip-sm{padding:3px 9px;font-size:12px;gap:4px;color:var(--text-muted)}
.chip-sm .ico{width:14px;height:14px}

/* ticker */
.ticker{border-block:1px solid var(--border);background:var(--bg-2);min-height:46px}

/* sections */
.section{padding-block:var(--section-y)}
.section.alt{background:var(--bg-2);border-block:1px solid var(--border)}
.sec-head{max-width:720px;margin-block-end:40px}
.sec-head.center{text-align:center;margin-inline:auto}
.kicker{color:var(--primary-text);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
html[dir=rtl] .kicker{letter-spacing:0}
.sec-head h2,.rebate h2,.cta-band h2{font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.25;letter-spacing:-.02em;margin:8px 0 12px}
html[dir=rtl] .sec-head h2,html[dir=rtl] .rebate h2,html[dir=rtl] .cta-band h2{line-height:1.55;letter-spacing:0}
.sec-sub{color:var(--text-muted);margin:0;font-size:17px}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--primary-line)}
.f-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-text);margin-block-end:16px}
.card h3{font-size:18px;margin-block-end:6px}
.card p{margin:0;color:var(--text-muted);font-size:15px}
.more{display:inline-flex;align-items:center;gap:6px;margin-block-start:14px;color:var(--primary-text);font-weight:700;font-size:14px}
.more .ico{width:16px;height:16px;transition:transform .15s}
.svc{display:flex;flex-direction:column}
.svc .more{margin-block-start:auto;padding-block-start:14px}
.svc:hover{transform:translateY(-2px)}

/* accounts */
.acc{display:flex;flex-direction:column;position:relative}
.acc.pop{border-color:var(--primary)}
.badge{position:absolute;top:-12px;inset-inline-end:20px;background:var(--primary);color:var(--on-brand);font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--pill)}
.acc-name{font-size:21px}
.acc-desc{margin-block-start:4px!important}
.acc dl{margin:18px 0 24px}
.acc .row{display:flex;justify-content:space-between;gap:12px;padding-block:12px;border-block-end:1px dashed var(--border)}
.acc dt{color:var(--text-muted);font-size:15px}
.acc dd{margin:0;font-weight:800}
.ticks{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text-muted)}
.ticks .ico{width:18px;height:18px;color:var(--up);margin-block-start:4px}
.acc .btn{margin-block-start:auto}
.note{margin:14px 0 0;font-size:13px;color:var(--text-faint)}
.note.center{margin-block-start:24px}
.note a{color:var(--primary-text);text-decoration:underline}

/* platforms / payments */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.split .sec-head{margin-block-end:24px}
.plat-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.plat-list.wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.plat{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .2s}
a.plat:hover{border-color:var(--primary-line)}
.plat .f-ico{margin:0;width:40px;height:40px;flex:none}
.plat b{display:block;font-size:15px}
.plat small{color:var(--text-muted);font-size:13px;line-height:1.5;display:block}
.plat .go{margin-inline-start:auto;color:var(--primary-text);width:18px;height:18px;align-self:center}

/* rebate */
.rebate{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid var(--primary-line);background:linear-gradient(135deg,var(--primary-soft),transparent 60%),var(--surface);border-radius:var(--radius-xl);padding:44px}
.rebate .sec-sub{margin-block-end:24px}
.field{display:grid;gap:6px;margin-block-end:16px;max-width:320px}
.field span{font-size:13px;font-weight:700;color:var(--text-faint)}
select{height:44px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);padding-inline:12px}
.calc-l{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;color:var(--text-muted);margin-block-end:12px}
.calc-l b{font-size:22px;color:var(--text)}
input[type=range]{width:100%;accent-color:var(--primary);height:28px}
.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:18px}
.out{padding:16px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border)}
.out small{display:block;color:var(--text-faint);font-size:13px;font-weight:600}
.out b{font-size:28px;color:var(--primary-text);font-weight:800}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step .n{width:42px;height:42px;border-radius:50%;border:1px solid var(--primary-line);background:var(--primary-soft);color:var(--primary-text);display:grid;place-items:center;font-weight:800;margin-block-end:16px}

/* broker cards (multi) */
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.bk-card{display:flex;flex-direction:column;gap:16px;border-block-start:3px solid var(--c)}
.bk-card:hover{border-color:color-mix(in oklab,var(--c) 45%,transparent);border-block-start-color:var(--c)}
.bk-top{display:flex;align-items:center;gap:12px}
.bk-top h3{margin:0;font-size:18px}
.rank{margin-inline-start:auto;font-weight:800;color:var(--text-faint);font-size:14px}
.bk-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bk-meta .m{padding:10px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);min-width:0}
.bk-meta small{display:block;color:var(--text-faint);font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-meta b{font-size:15px;white-space:nowrap}
.bk-bonus{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--c) 12%,transparent);color:color-mix(in oklab,var(--c) 70%,var(--text));font-weight:700;font-size:14px}
.bk-actions{display:flex;gap:8px;margin-block-start:auto}
.bk-actions .btn{flex:1}
.empty{text-align:center;color:var(--text-muted);padding:32px}

/* compare table */
.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-overflow-scrolling:touch}
.tbl-wrap table{width:100%;border-collapse:collapse;min-width:860px}
.tbl-wrap th,.tbl-wrap td{padding:14px 16px;text-align:start;border-block-end:1px solid var(--border);white-space:nowrap}
.tbl-wrap th{font-size:13px;color:var(--text-faint);font-weight:700;background:var(--bg-2)}
.tbl-wrap tr:last-child td{border-block-end:0}
.tbl-bk{display:flex;align-items:center;gap:10px;font-weight:800}
.tbl-bk .bk-mark{min-width:32px;height:32px;font-size:13px;border-radius:9px}

/* faq */
.faq{max-width:820px;margin-inline:auto;display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding-inline:20px}
.faq details[open]{border-color:var(--primary-line)}
.faq summary{list-style:none;cursor:pointer;padding-block:18px;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ico{transition:transform .2s;color:var(--text-faint)}
.faq details[open] summary .ico{transform:rotate(45deg);color:var(--primary-text)}
.faq details p{margin:0 0 18px;color:var(--text-muted)}
.faq details p a{color:var(--primary-text);text-decoration:underline}

/* cta band */
.cta-wrap{padding-block-start:var(--section-y)}
.cta-band{border-radius:var(--radius-xl);padding:48px;background:var(--primary);color:var(--on-brand);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;inset-block:-40%;inset-inline-end:-10%;width:420px;border-radius:50%;border:1px solid color-mix(in oklab,var(--on-brand) 18%,transparent);pointer-events:none}
.cta-band h2{margin:0 0 6px}
.cta-band p{margin:0;opacity:.85}
.cta-band .cta-row{position:relative;z-index:1}
.btn-light{background:var(--on-brand);color:var(--brand)}
.btn-light:hover{opacity:.92}
.btn-outline{border-color:color-mix(in oklab,var(--on-brand) 45%,transparent);color:var(--on-brand);background:transparent}
.btn-outline:hover{background:color-mix(in oklab,var(--on-brand) 10%,transparent)}

/* page hero (inner pages) */
.page-hero{padding-block:40px 32px}
.page-hero h1{font-size:clamp(1.7rem,3.6vw,2.6rem);letter-spacing:-.02em;margin:14px 0 10px;max-width:24ch}
html[dir=rtl] .page-hero h1{line-height:1.5;letter-spacing:0}
.page-hero .lead{margin-block-end:20px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--text-faint);font-weight:600}
.crumbs a:hover{color:var(--text)}
.crumbs .ico{width:14px;height:14px}
.crumbs [aria-current]{color:var(--text-muted)}
.meta{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--text-faint);font-size:14px;font-weight:600}
.meta li,.meta a{display:inline-flex;align-items:center;gap:6px}
.meta a:hover{color:var(--text)}
.meta .ico{width:16px;height:16px}

/* content + aside */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.aside{display:grid;gap:16px;position:sticky;top:calc(var(--hdr-h) + 16px)}
.admin-bar .aside{top:calc(var(--hdr-h) + 48px)}
.aside-card h3,.aside-title{font-size:16px;margin:0 0 10px}
.aside-card p{margin:0 0 14px;color:var(--text-muted);font-size:14px}
.facts{margin:16px 0;display:grid;gap:0}
.facts>div{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-block-end:1px dashed var(--border);font-size:14px}
.facts dt{color:var(--text-muted)}
.facts dd{margin:0;font-weight:800}
.facts dd small{color:var(--text-faint);font-weight:600}
.aside-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-block-start:12px;font-size:14px;font-weight:700;color:var(--text-muted)}
.aside-link:hover{color:var(--text)}
.aside-link .ico{width:16px;height:16px}
.tg-card{background:linear-gradient(160deg,color-mix(in oklab,var(--tg) 16%,transparent),transparent 70%),var(--surface)}
.tg-ico{width:44px;height:44px;border-radius:12px;background:var(--tg);color:#fff;display:grid;place-items:center;margin-block-end:12px}
.aside-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.aside-list a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:14.5px}
.aside-list a:hover{background:var(--surface-2);color:var(--text)}
.aside-list .ico{width:16px;height:16px;color:var(--primary-text)}
.widget ul{margin:0;padding-inline-start:18px}

/* prose (editor content) */
.prose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(20px,4vw,44px);min-width:0;font-size:17px;line-height:1.95;color:color-mix(in oklab,var(--text) 92%,var(--text-muted))}
.prose>*:first-child{margin-block-start:0}
.prose>*:last-child{margin-block-end:0}
.prose p{margin:0 0 1.15em}
.prose p:empty{display:none}
.prose h2,.prose h3,.prose h4{color:var(--text);margin:1.8em 0 .7em;line-height:1.5}
.prose h2{font-size:clamp(1.3rem,2.4vw,1.6rem);padding-inline-start:14px;border-inline-start:4px solid var(--primary)}
.prose h3{font-size:1.2rem}
.prose h4{font-size:1.05rem}
.prose a{color:var(--primary-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:2px}
.prose strong,.prose b{color:var(--text)}
.prose ul,.prose ol{margin:0 0 1.3em;padding-inline-start:1.4em}
.prose li{margin-block:.45em}
.prose ul li::marker{color:var(--primary)}
.prose ol li::marker{color:var(--primary-text);font-weight:800}
.prose img{border-radius:var(--radius)}
.prose figure{margin:1.6em 0}
.prose figcaption,.prose .wp-element-caption{font-size:14px;color:var(--text-faint);text-align:center;margin-block-start:8px}
.prose .aligncenter{margin-inline:auto;text-align:center}
.prose .aligncenter img{margin-inline:auto}
.prose .alignleft{float:left;margin:0 1.4em 1em 0}
.prose .alignright{float:right;margin:0 0 1em 1.4em}
.prose blockquote{margin:1.6em 0;padding:16px 20px;border-inline-start:4px solid var(--primary);background:var(--bg-2);border-radius:var(--radius-sm)}
.prose blockquote p:last-child{margin:0}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
.prose .wp-block-table{overflow-x:auto}
.prose th,.prose td{border:1px solid var(--border);padding:10px 12px;text-align:start}
.prose th{background:var(--bg-2)}
.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}
.prose code{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-size:.9em}
.prose pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow-x:auto}
.prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:1.6em 0}
.prose .wp-block-buttons.is-content-justification-center{justify-content:center}
.prose .wp-block-button__link,.prose .wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-brand);font-weight:800;font-size:16px;line-height:1.4;text-decoration:none;border:0;transition:background .15s}
.prose .wp-block-button__link:hover{background:var(--primary-hover);color:var(--on-brand)}
.prose .is-style-outline .wp-block-button__link{background:transparent;border:1px solid var(--primary);color:var(--primary-text)}
.prose .wp-block-image a{display:inline-block}
.prose .wp-block-embed,.prose iframe{max-width:100%}
.hero-img{margin:0 0 1.6em}
.hero-img img{width:100%;border-radius:var(--radius)}
.tags{margin-block-start:2em;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.tags a{padding:4px 12px;border:1px solid var(--border);border-radius:var(--pill);text-decoration:none;color:var(--text-muted)}
.post-navigation{margin-block-start:2em}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-navigation a{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-weight:700;font-size:15px}
.post-navigation small{color:var(--text-faint);font-weight:600}
.post-navigation .nav-next{text-align:end}

/* forms (Contact Form 7 + generic) */
.wpcf7{margin:1.8em 0;padding:clamp(18px,3vw,28px);border:1px solid var(--primary-line);border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--primary-soft),transparent 65%),var(--bg-2)}
.wpcf7 form>p{margin:0 0 12px}
.wpcf7 .hidden-fields-container,.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0}
.wpcf7 br{display:none}
.wpcf7-form-control-wrap{display:block}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 input[type=number],.wpcf7 textarea,.wpcf7 select,
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:16px;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.wpcf7 textarea,.comment-form textarea{min-height:130px;resize:vertical}
.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus,.comment-form input:focus,.comment-form textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.wpcf7 ::placeholder,.comment-form ::placeholder{color:var(--text-faint)}
.wpcf7-checkbox,.wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px;margin-block:4px 6px}
.wpcf7-list-item{margin:0}
.wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border-strong);border-radius:var(--pill);background:var(--surface);cursor:pointer;font-size:14.5px;font-weight:600;line-height:1.4;transition:border-color .15s,background .15s}
.wpcf7-list-item label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text)}
.wpcf7 input[type=checkbox],.wpcf7 input[type=radio],.comment-form input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px;margin:0}
.wpcf7 input[type=submit],.wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:52px;padding-inline:28px;border:0;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-brand);font-weight:800;font-size:16px;cursor:pointer;transition:background .15s}
.wpcf7 input[type=submit]:hover{background:var(--primary-hover)}
.wpcf7 .wpcf7-spinner{margin-inline:12px 0}
.wpcf7-not-valid-tip{color:var(--down);font-size:13px;margin-block-start:4px}
.wpcf7 form .wpcf7-response-output{margin:12px 0 0;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:14px}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--up);color:var(--up)}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:var(--down);color:var(--down)}

/* comments */
.comments-area .sec-head{margin-block-end:28px}
.comments-title small{font-size:15px;color:var(--text-faint);font-weight:700;margin-inline-start:6px}
.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}
.comment-list>li+li{margin-block-start:12px}
.comment-list .children{margin-block-start:12px;padding-inline-start:clamp(14px,4vw,36px);border-inline-start:2px solid var(--border);display:grid;gap:12px}
.cmt{display:flex;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.cmt:target{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.bypostauthor>.cmt,.cmt:has(.cmt-badge){border-color:var(--primary-line);background:linear-gradient(160deg,var(--primary-soft),transparent 55%),var(--surface)}
.cmt-ava{flex:none}
.cmt-ava img{width:44px;height:44px;border-radius:50%;display:block;background:var(--surface-2);border:1px solid var(--border)}
.cmt-body{flex:1;min-width:0}
.cmt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-block-end:6px}
.cmt-author{font-size:15px}
.cmt-author a{color:var(--text)}
.cmt-badge{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:var(--pill);background:var(--primary);color:var(--on-brand)}
.cmt-date{font-size:13px;color:var(--text-faint)}
.cmt-date:hover{color:var(--text-muted)}
.cmt-wait{margin:0 0 6px;font-size:13px;color:var(--gold)}
.cmt-text{color:var(--text-muted);font-size:15.5px;line-height:1.9;overflow-wrap:anywhere}
.cmt-text p{margin:0 0 .6em}
.cmt-text p:last-child{margin:0}
.cmt-text a{color:var(--primary-text);text-decoration:underline}
.cmt-actions{display:flex;gap:14px;margin-block-start:8px;font-size:13.5px;font-weight:700}
.cmt-actions a{display:inline-flex;align-items:center;gap:5px;color:var(--text-faint)}
.cmt-actions a:hover{color:var(--primary-text)}
.cmt-actions .ico{width:15px;height:15px}
.comment-respond{margin-block-start:28px;padding:clamp(18px,3vw,28px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}
.comment-list .comment-respond{margin-block-start:12px}
.comment-reply-title{font-size:19px;margin:0 0 6px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.comment-reply-title small a{font-size:13px;color:var(--down);font-weight:700}
.comment-notes,.logged-in-as{color:var(--text-faint);font-size:14px;margin:0 0 14px}
.comment-form{display:grid;gap:12px}
.comment-form p{margin:0}
.comment-form label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-block-end:6px}
.comment-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px}
.comment-form .comment-form-cookies-consent label{margin:0;font-weight:600}
.no-comments{color:var(--text-faint)}
.comments-pagination,.pagination{margin-block-start:28px}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers{min-width:42px;height:42px;padding-inline:10px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:10px;font-weight:700;color:var(--text-muted)}
.page-numbers.current{background:var(--primary);color:var(--on-brand);border-color:var(--primary)}
a.page-numbers:hover{border-color:var(--primary-line);color:var(--text)}

/* post cards */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.post-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.pc-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.pc-body{padding:20px;display:flex;flex-direction:column;flex:1}
.pc-meta{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:13px;font-weight:600}
.pc-meta .ico{width:15px;height:15px}
.pc-title{font-size:18px;margin:8px 0}
.pc-title a:hover{color:var(--primary-text)}
.post-card p{flex:1}
.empty-state{text-align:center;padding:40px 0;color:var(--text-muted)}
.empty-state .search{margin-inline:auto}

/* 404 */
.nf-code{font-size:clamp(4rem,12vw,7rem);font-weight:800;line-height:1;color:var(--primary-text);opacity:.9}
.nf h1{font-size:clamp(1.6rem,3vw,2.2rem);margin:12px 0}
.nf .lead{margin-inline:auto}
.nf-links{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.nf-links a{display:block;padding:8px 14px;border:1px solid var(--border);border-radius:var(--pill);color:var(--text-muted);font-weight:600}
.nf-links a:hover{color:var(--text);border-color:var(--primary-line)}
.nf .search{margin:0 auto 24px}

/* footer */
.ftr{border-block-start:1px solid var(--border);background:var(--bg-2);padding-block:56px 32px;margin-block-start:var(--section-y)}
.cta-wrap+.ftr,.section.alt+.ftr{margin-block-start:0}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px}
.ftr-about{color:var(--text-muted);max-width:46ch;margin:16px 0 20px;font-size:15px}
.ftr h4{font-size:14px;margin:0 0 12px}
.ftr-menu{list-style:none;margin:0;padding:0}
.ftr-menu a{display:flex;align-items:center;gap:8px;color:var(--text-muted);padding-block:6px;font-size:15px}
.ftr-menu a:hover{color:var(--text)}
.ftr-menu .ico{width:17px;height:17px;color:var(--text-faint)}
.social{display:flex;gap:8px}
.social a{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted)}
.social a:hover{color:var(--text);border-color:var(--border-strong)}
.risk{margin-block-start:40px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-faint);line-height:1.9}
.risk b{color:var(--text-muted)}
.risk a{color:var(--text-muted);text-decoration:underline}
.copy{margin-block-start:20px;font-size:13px;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* floating support */
.fab{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;width:54px;height:54px;border-radius:50%;background:var(--tg);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -10px rgba(34,158,217,.7)}
.fab .ico{width:26px;height:26px}

/* responsive */
@media(max-width:1080px){
  .nav{position:fixed;inset-inline:0;top:var(--hdr-h);margin:0;padding:12px var(--gutter) 20px;background:var(--bg);border-block-end:1px solid var(--border);display:none;max-height:calc(100vh - var(--hdr-h));overflow:auto;box-shadow:var(--shadow)}
  .admin-bar .nav{top:calc(var(--hdr-h) + 46px)}
  .nav.open{display:block}
  .nav-list{flex-direction:column}
  .nav-list a{padding:14px 12px;font-size:16px;color:var(--text)}
  .nav-list .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:0 16px 0 0;background:transparent}
  .menu-btn{display:inline-grid}
  .hdr-act{margin-inline-start:auto}
  .hide-md{display:none}
}
@media(max-width:960px){
  :root{--section-y:64px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .grid-3{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:56px}
  .rebate{grid-template-columns:1fr;padding:28px;gap:28px}
  .steps{grid-template-columns:1fr 1fr}
  .content-grid{grid-template-columns:1fr}
  .aside{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .ftr-grid>:first-child{grid-column:1/-1}
}
@media(max-width:600px){
  .hero{padding-block:36px 44px}
  .page-hero{padding-block:28px 24px}
  .grid-3,.steps,.plat-list{grid-template-columns:1fr}
  .cta-row .btn{flex:1}
  .cta-band{padding:28px}
  .cta-band .cta-row{width:100%}
  .out b{font-size:22px}
  .ftr-grid{grid-template-columns:1fr}
  .hdr-in{gap:10px}
  .hdr-act{gap:6px}
  .hdr-act .btn{padding-inline:12px}
  .logo{font-size:15px}
  .logo-txt small{display:none}
  .card{padding:20px}
  .prose{font-size:16px;border-radius:var(--radius)}
  .cmt{padding:14px;gap:10px}
  .cmt-ava img{width:36px;height:36px}
  .post-navigation .nav-links{grid-template-columns:1fr}
}
@media(max-width:380px){
  #modeBtn{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}