/*
Theme Name: fafixa
Theme URI: https://fafixa.ir
Author: سینا رضایی
Author URI: https://fafixa.ir
Description: پوستهٔ اختصاصی سایت fafixa. صفحهٔ اصلی همان طراحی fafixa-landing.html است، بدون هیچ تغییری. صفحه‌های خرید، دانلود و قوانین را افزونهٔ «fafixa — فروش و مجوز» می‌سازد و این پوسته فقط فونت سایت را به آنها می‌دهد.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fafixa
Tags: rtl-language-support, one-column, custom-logo
*/

/*
 * این شیوه‌نامه روی صفحهٔ اصلی بارگذاری نمی‌شود — صفحهٔ اصلی همهٔ استایل و
 * فونتش را داخل خودش دارد. اینجا فقط دو چیز است:
 *
 * ۱. فونت سایت برای صفحه‌های افزونهٔ فروش (خرید، دانلود، قوانین). افزونه
 *    عمداً همین فایل را روی آن صفحه‌ها بارگذاری می‌کند تا فونت سایت را
 *    بگیرد (fafixa_theme_font_url در افزونه).
 * ۲. ظاهر صفحه‌های جانبی: ۴۰۴، نوشته‌ها، برگه‌های معمولی.
 *
 * همهٔ کلاس‌ها پیشوند fx- دارند تا با کلاس‌های افزونه (fafixa-) تداخل نکنند.
 */

@font-face{font-family:"Yekan Bakh";src:url(fonts/yekanbakh-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url(fonts/yekanbakh-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url(fonts/yekanbakh-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url(fonts/yekanbakh-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(fonts/jetbrainsmono.woff2) format("woff2");font-weight:400 700;font-display:swap}

body.fafixa-canvas,
body.fx-shell{
  font-family:"Yekan Bakh",Tahoma,sans-serif;
}

/* ---------- صفحه‌های جانبی ---------- */

body.fx-shell{
  margin:0;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:#04182B;
  color:#EAF1F8;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
body.fx-shell.admin-bar{min-height:calc(100vh - 32px)}

.fx-wrap{width:100%;max-width:760px;margin:0 auto;padding:0 20px;box-sizing:border-box}

.fx-head{padding:28px 0 8px}
.fx-head .fx-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.fx-brand{font-size:30px;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none;direction:ltr}
.fx-brand i{color:#FF6C00;font-style:normal}
.fx-home{color:#9FB6CC;text-decoration:none;font-size:15px}
.fx-home:hover{color:#FF6C00}

.fx-main{flex:1;padding:24px 0 56px}
.fx-card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  box-shadow:0 20px 44px rgba(0,0,0,.34);
  padding:32px;
}
.fx-card + .fx-card{margin-top:20px}
.fx-card h1,.fx-card h2,.fx-card h3{color:#fff;line-height:1.5;margin:0 0 12px}
.fx-card h1{font-size:26px;font-weight:800}
.fx-card h1 a{color:inherit;text-decoration:none}
.fx-card h1 a:hover{color:#FF6C00}
.fx-card p{color:#C4D6E8;margin:0 0 16px}
.fx-card a{color:#FF8A33}
.fx-card img{max-width:100%;height:auto;border-radius:12px}
.fx-card code,.fx-card pre{font-family:"JetBrains Mono",monospace;direction:ltr}
.fx-meta{color:#7E93A8;font-size:14px;margin-bottom:14px}

.fx-404{text-align:center;padding:56px 32px}
.fx-404 .fx-big{font-size:88px;font-weight:800;line-height:1;color:#FF6C00;margin-bottom:12px;font-family:"JetBrains Mono",monospace}
.fx-btn{
  display:inline-block;margin-top:8px;padding:12px 26px;border-radius:13px;
  background:#FF6C00;color:#fff !important;text-decoration:none;font-weight:700;
  box-shadow:0 10px 26px rgba(255,108,0,.32)
}
.fx-btn:hover{filter:brightness(1.08)}

.fx-pager{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.fx-pager a{color:#9FB6CC;text-decoration:none}
.fx-pager a:hover{color:#FF6C00}

.fx-foot{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;color:#7E93A8;font-size:14px}
.fx-foot .fx-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.fx-foot a{color:#9FB6CC;text-decoration:none}
.fx-foot a:hover{color:#FF6C00}

@media (max-width:600px){
  .fx-card{padding:22px}
  .fx-404 .fx-big{font-size:64px}
}