/*
Theme Name: XPCard Mag
Template: blocksy
Description: Brand child theme for xpcard.ir (Mag/blog) — ported tokens from the shop's design system (DES-002 / libs/shared/ui).
Author: xpcard.ir
Version: 1.0.4
Text Domain: xpcard-mag
*/
:root{--theme-palette-color-1:#2F6BFF;--theme-palette-color-2:#1F55E0;--theme-palette-color-3:#0F1B33;--theme-palette-color-4:#64708A;--theme-palette-color-5:#FFFFFF;--theme-palette-color-6:#F4F7FB;--theme-palette-color-7:#E5484D;--theme-palette-color-8:#16A66A;--xpc-primary:#2F6BFF;--xpc-primary-hover:#1F55E0;--xpc-primary-pressed:#1745BC;--xpc-primary-soft:#EBF1FF;--xpc-navy-900:#0F1B33;--xpc-navy-950:#0B1424;--xpc-slate-700:#2B3652;--xpc-slate-500:#64708A;--xpc-slate-300:#C3CAD8;--xpc-slate-100:#EDF1F7;--xpc-slate-50:#F4F7FB;--xpc-border:#E4E9F1;--xpc-font:'Vazirmatn',Tahoma,sans-serif}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Vazirmatn-Regular.woff2') format('woff2')}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/Vazirmatn-Medium.woff2') format('woff2')}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/Vazirmatn-SemiBold.woff2') format('woff2')}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/Vazirmatn-Bold.woff2') format('woff2')}body{font-family:var(--xpc-font);background:var(--xpc-slate-50);color:var(--xpc-navy-900)}.entry-title,.entry-title a,h1,h2,h3,h4,h5,h6{font-family:var(--xpc-font);font-weight:700;color:var(--xpc-navy-950)}a{color:var(--xpc-primary)}a:hover{color:var(--xpc-primary-hover)}.ct-button,.wp-block-button__link,button,input[type=submit]{font-family:var(--xpc-font);background-color:var(--xpc-primary)!important;border-color:var(--xpc-primary)!important;border-radius:10px}.ct-button:hover,.wp-block-button__link:hover,button:hover,input[type=submit]:hover{background-color:var(--xpc-primary-hover)!important;border-color:var(--xpc-primary-hover)!important}.xpc-chip{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--xpc-primary-soft);color:var(--xpc-primary-pressed);font-size:.8rem;font-weight:600;text-decoration:none}.xpc-card{background:#fff;border:1px solid var(--xpc-border);border-radius:16px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.xpc-card:hover{box-shadow:0 8px 24px rgba(15,27,51,.08);transform:translateY(-2px)}.xpc-breadcrumb{font-size:.85rem;color:var(--xpc-slate-500);margin-bottom:1rem}.xpc-breadcrumb a{color:var(--xpc-slate-500);text-decoration:none}.xpc-breadcrumb a:hover{color:var(--xpc-primary)}.single .entry-content{max-width:720px;margin:0 auto;line-height:1.9;font-size:1.05rem}.single .entry-content h2{margin-top:2.2em;font-size:1.4rem}.single .entry-content h3{margin-top:1.8em;font-size:1.15rem}.single .entry-content blockquote{border-inline-start:4px solid var(--xpc-primary);padding-inline-start:1rem;color:var(--xpc-slate-700)}:root{--theme-font-stack-default:'Vazirmatn',Tahoma,sans-serif;--theme-font-family:var(--theme-font-stack-default)}:root{--primary:#2F6BFF;--primary-hover:#1F55E0;--primary-pressed:#1745BC;--primary-soft:#EBF1FF;--primary-soft-border:#D6E3FF;--on-primary:#FFFFFF;--surface-base:#F4F7FB;--surface-card:#FFFFFF;--surface-sunken:#EDF1F7;--surface-hover:#EDF1F7;--text-strong:#0F1B33;--text-body:#2B3652;--text-muted:#64708A;--text-subtle:#97A1B5;--border:#E4E9F1;--border-strong:#C3CAD8;--divider:#EDF1F7;--success:#16A66A;--success-soft:#E6F7EF;--warning:#E0930A;--warning-soft:#FDF2DC;--error:#E5484D;--error-soft:#FDECEC;--navy-900:#0F1B33;--rail-base:#0F1B33;--rail-text:#C4CCDD;--rail-text-strong:#FFFFFF;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15, 27, 51, 0.06);--shadow-sm:0 2px 6px rgba(15, 27, 51, 0.07);--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}body.xpc-mag{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface-base);color:var(--text-body);font-family:var(--xpc-font, 'Vazirmatn', Tahoma, sans-serif)}.xpc-mag-header{position:sticky;top:0;z-index:20;flex-shrink:0;background:var(--surface-card);border-bottom:1px solid var(--border)}.xpc-mag-header-inner{display:flex;align-items:center;gap:8px;padding:10px 16px}.xpc-mag-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.xpc-mag-logo-mark{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.xpc-mag-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.xpc-mag-logo-text{font:700 17px/1 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-nav{display:flex;align-items:center;gap:6px;margin-inline-start:26px}.xpc-mag-nav a{padding:8px 13px;border-radius:var(--radius-md);font:500 14px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-body);text-decoration:none}.xpc-mag-nav a.active{font-weight:600;color:var(--primary);background:var(--primary-soft)}.xpc-mag-shop-btn{margin-inline-start:auto;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--radius-md);background:var(--primary);color:#fff;font:600 13px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none;box-shadow:var(--shadow-xs)}.xpc-mag-shop-btn:hover{background:var(--primary-hover);color:#fff}.xpc-mag-wrap{flex:1 0 auto;width:100%;max-width:1000px;margin:0 auto;padding:24px 16px 50px;box-sizing:border-box}.xpc-mag-wrap-narrow{max-width:720px}.xpc-mag-cat-head{margin-bottom:22px}.xpc-mag-cat-head h1{margin:12px 0 8px;font:700 28px/1.4 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-cat-head p{margin:0;max-width:640px;font:15px/1.9 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-muted)}.xpc-mag-cat-count{margin-top:10px;font:13px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-hero{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.xpc-mag-hero-cover{aspect-ratio:16/9!important;border-radius:0}.xpc-mag-hero-text{padding:20px;display:flex;flex-direction:column;justify-content:center}.xpc-mag-hero-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.xpc-mag-hero-featured{font:600 11px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--primary)}.xpc-mag-hero-text h2{margin:0;font:700 24px/1.5 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-hero-text p{margin:12px 0 0;font:15px/1.95 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-muted)}.xpc-mag-hero-foot{display:flex;align-items:center;gap:16px;margin-top:18px;font:13px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 0 6px;margin:22px 0 20px;scrollbar-width:none}.xpc-mag-chips::-webkit-scrollbar{display:none}.xpc-mag-chip{flex-shrink:0;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-card);color:var(--text-body);font:500 13px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none}.xpc-mag-chip.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.xpc-mag-grid{display:grid;grid-template-columns:1fr;gap:16px}.xpc-mag-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card);box-shadow:var(--shadow-xs);text-decoration:none;color:inherit}.xpc-mag-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.xpc-mag-card-cover-wrap{position:relative}.xpc-mag-card-cover-wrap>div{aspect-ratio:16/10}.xpc-mag-card-chip{position:absolute;top:12px;inset-inline-end:12px;box-shadow:var(--shadow-xs)}.xpc-mag-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.xpc-mag-card-body h3{margin:0;font:600 16.5px/1.6 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-card-body p{margin:9px 0 0;font:13.5px/1.85 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-muted)}.xpc-mag-card-foot{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid var(--divider);font:12px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:34px;flex-wrap:wrap}.xpc-mag-pagination .page-numbers{min-width:42px;height:42px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font:600 14px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none}.xpc-mag-pagination .page-numbers.current{border-color:var(--primary);background:var(--primary);color:#fff}.xpc-mag-pagination .page-numbers:hover{border-color:var(--border-strong)}.xpc-mag-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:52px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card)}.xpc-mag-empty-title{font:700 17px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-empty-sub{font:14px/1.8 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-muted);max-width:300px}.xpc-mag-btn-ghost{display:inline-flex;align-items:center;height:44px;padding:0 22px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font:600 14px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none}.xpc-mag-btn-ghost:hover{background:var(--surface-hover);color:var(--text-strong)}.xpc-mag-btn-primary{display:inline-flex;align-items:center;height:44px;padding:0 22px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font:600 14px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none;cursor:pointer}.xpc-mag-btn-primary:hover{background:var(--primary-strong,var(--primary));color:#fff}.xpc-mag-404-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.xpc-search-form{display:flex;gap:8px;width:100%;max-width:340px}.xpc-search-form input[type=search]{flex:1;height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);font:14px var(--xpc-font, 'Vazirmatn', sans-serif)}.xpc-mag-article{padding-top:6px}.xpc-mag-article-meta{display:flex;align-items:center;gap:8px;margin-bottom:14px}.xpc-mag-article-read{font:12px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-article>h1{margin:0 0 16px;font:700 30px/1.55 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-byline{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--divider)}.xpc-mag-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font:700 16px var(--xpc-font, 'Vazirmatn', sans-serif)}.xpc-mag-author{font:600 14px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-byline-meta{display:flex;align-items:center;gap:12px;margin-top:3px;font:12.5px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-article-cover{border-radius:var(--radius-lg);margin:0 0 26px}.xpc-mag-body{font:17px/2.1 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-body)}.xpc-mag-body h2{margin:34px 0 12px;font:700 23px/1.55 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-body h3{margin:30px 0 10px;font:700 19px/1.6 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-body p{margin:0 0 16px}.xpc-mag-body ol,.xpc-mag-body ul{margin:0 0 20px;padding-inline-start:22px}.xpc-mag-body li{margin-bottom:8px}.xpc-mag-body blockquote{margin:24px 0;padding:16px 18px;border-inline-start:4px solid var(--primary);background:var(--primary-soft);border-radius:0 var(--radius-md) var(--radius-md) 0;font:500 15.5px/2 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-body)}.xpc-mag-body pre{margin:0 0 22px;padding:12px 14px;background:var(--navy-900);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:13.5px;color:#cfe0ff;direction:ltr;text-align:left;overflow-x:auto;white-space:pre-wrap}.xpc-mag-body img{max-width:100%;height:auto;border-radius:var(--radius-md)}.xpc-mag-body figcaption{margin-top:9px;text-align:center;font:12.5px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-body .wp-block-image{margin:26px 0}.xpc-mag-body .wp-block-table{margin:0 0 22px;border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.xpc-mag-body table{width:100%;border-collapse:collapse;font:14px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-body);min-width:420px}.xpc-mag-body table th{text-align:start;padding:12px 14px;font:600 13.5px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong);background:var(--surface-sunken)}.xpc-mag-body table td{padding:12px 14px;line-height:1.8}.xpc-mag-body table tr{border-top:1px solid var(--divider)}.xpc-mag-body table tr:nth-child(odd) td{background:var(--surface-base)}.xpc-mag-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:28px 0;padding:16px 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.xpc-mag-share-label{font:600 13.5px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-body);margin-inline-end:4px}.xpc-mag-share a{display:inline-flex;align-items:center;height:40px;padding:0 15px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-body);font:500 13px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none}.xpc-mag-share a:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text-body)}.xpc-mag-related{margin-top:8px}.xpc-mag-related>h2{margin:0 0 16px;font:700 20px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong)}.xpc-mag-related-grid{display:grid;grid-template-columns:1fr;gap:12px}.xpc-mag-related-item{display:flex;gap:13px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-card);text-decoration:none;color:inherit}.xpc-mag-related-item:hover{border-color:var(--border-strong)}.xpc-mag-related-thumb{flex:0 0 66px;height:66px;border-radius:var(--radius-sm)}.xpc-mag-related-item>div:last-child{min-width:0}.xpc-mag-related-title{font:600 14px/1.6 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xpc-mag-related-read{margin-top:6px;font:12px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-subtle)}.xpc-mag-footer{flex-shrink:0;margin-top:30px;padding:24px 20px 30px;background:var(--rail-base);color:var(--rail-text);font:13px/1.9 var(--xpc-font, 'Vazirmatn', sans-serif)}.xpc-mag-footer-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.xpc-mag-footer a{color:var(--rail-text);text-decoration:none}.xpc-mag-footer a:hover{color:var(--rail-text-strong)}@media (min-width:768px){.xpc-mag-header-inner{padding:12px 34px}.xpc-mag-wrap{padding:32px 34px 48px}.xpc-mag-hero{display:grid;grid-template-columns:1.15fr 1fr;border-radius:var(--radius-xl)}.xpc-mag-hero-cover{aspect-ratio:4/3!important}.xpc-mag-hero-text{padding:34px}.xpc-mag-grid{grid-template-columns:repeat(3,1fr);gap:22px}.xpc-mag-article{max-width:720px;margin:0 auto;padding-top:8px}.xpc-mag-related-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@keyframes promo-banner-enter{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes promo-banner-sheen{0%{transform:translateX(-120%)}100%,60%{transform:translateX(220%)}}@keyframes promo-banner-glow{0%,100%{box-shadow:inset 0 0 0 rgba(255,255,255,0)}50%{box-shadow:inset 0 -3px 18px rgba(255,255,255,.35)}}@keyframes promo-banner-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.promo-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 16px;background:linear-gradient(90deg,#1159fc,#4b82ff,#1159fc);background-size:200% 100%;text-decoration:none;overflow:hidden;animation:promo-banner-enter .5s cubic-bezier(.16,1,.3,1) both,promo-banner-glow 2s ease-in-out .5s infinite}.promo-banner:hover{color:#fff}.promo-banner::after{content:'';position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:promo-banner-sheen 2.2s ease-in-out .5s infinite;pointer-events:none}@media (min-width:1024px){.promo-banner{height:64px;gap:14px}}@media (prefers-reduced-motion:reduce){.promo-banner{animation:none}.promo-banner::after{animation:none;display:none}.promo-banner__logo-chip{animation:none}}.promo-banner__logo-chip{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border-radius:8px;padding:4px;animation:promo-banner-pulse 2s ease-in-out .5s infinite}@media (min-width:1024px){.promo-banner__logo-chip{border-radius:10px;padding:6px}}.promo-banner__logo{height:18px;width:18px;display:block}@media (min-width:1024px){.promo-banner__logo{height:26px;width:26px}}.promo-banner__text{position:relative;font:700 14px/1 var(--xpc-font, 'Vazirmatn', sans-serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.promo-banner__text{font-size:22px}}

/* order CTA - top box + sticky bottom bar on product articles */
.xpc-order-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-10px 0 26px;padding:14px 16px;border:1px solid var(--primary-soft-border);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--primary-soft) 0%,var(--surface-card) 70%)}
.xpc-order-top-info{min-width:0}
.xpc-order-top-label{display:block;font:500 12px var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-muted);margin-bottom:3px}
.xpc-order-top-name{display:block;font:700 15px/1.6 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xpc-order-btn{flex-shrink:0;display:inline-flex;align-items:center;height:42px;padding:0 20px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font:600 14px var(--xpc-font, 'Vazirmatn', sans-serif);text-decoration:none;cursor:pointer}
.xpc-order-btn:hover{background:var(--primary-hover);color:#fff}
.xpc-order-sticky{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -8px 24px -12px rgba(15,27,51,.16);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));animation:xpc-order-slide .3s ease-out}
.xpc-order-sticky-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.xpc-order-sticky-name{font:600 14px/1.5 var(--xpc-font, 'Vazirmatn', sans-serif);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@keyframes xpc-order-slide{from{transform:translateY(100%)}to{transform:translateY(0)}}
body.xpc-has-order-bar{padding-bottom:96px}
@media (prefers-reduced-motion:reduce){.xpc-order-sticky{animation:none}}
@media (max-width:480px){.xpc-order-top-name{font-size:13px}.xpc-order-btn{height:40px;padding:0 16px;font-size:13px}}