/* PokerFarsi — استایلِ هدرِ سراسری (تک‌منبعِ حقیقت)
 *
 * این فایل توسطِ هر دو نصب بارگذاری می‌شود:
 *   • قالبِ pokerfarsi          (pokerfarsi.com)
 *   • قالبِ pokerfarsi-journal   (pokerfarsi.com/blog)
 *
 * قاعده: قوانینِ هدر فقط اینجا نوشته می‌شوند. در style.css هیچ قالبی
 * قانونِ هدر نگذارید، وگرنه دوباره دو ظاهرِ متفاوت پیدا می‌کنیم.
 *
 * همه‌چیز زیرِ .pf-site-header اسکوپ شده تا با استایل‌های داخلیِ هر قالب
 * تداخل نکند. متغیرها fallback دارند تا نصبِ مجله هم بدونِ وابستگی کار کند.
 */

.pf-site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(247,244,241,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--gray-line,#E4DED8);
  font-family:var(--fa,'IRANSansX',system-ui,sans-serif);
}
.pf-site-header *{box-sizing:border-box}
.pf-site-header a{text-decoration:none;color:inherit}
.pf-site-header img{display:block;max-width:100%}

.pf-site-header .wrap{
  max-width:var(--maxw,1200px);
  margin-inline:auto;
  padding-inline:28px;
}
.pf-site-header .nav{
  display:flex;align-items:center;justify-content:space-between;
  height:74px;gap:20px;
}
/* display/align صریح نوشته شده تا اگر قالبی .brand عمومیِ خودش را داشت
   (قالبِ مجله برای فوتر دارد) ظاهرِ هدر در دو نصب یکی بماند. */
.pf-site-header .brand{display:flex;align-items:center;flex:none;gap:0}
.pf-site-header .brand img{height:38px;width:auto}

/* ---------- لینک‌های منو ---------- */
.pf-site-header .nav-links{display:flex;align-items:center;gap:34px}
.pf-site-header .nav-links a{
  font-size:15px;font-weight:500;color:#2a2626;position:relative;padding:6px 0;
  transition:color .2s;white-space:nowrap;
}
.pf-site-header .nav-links a::after{
  content:"";position:absolute;bottom:0;right:0;height:2px;width:0;
  background:var(--burgundy,#7A1F2B);transition:width .25s ease;
}
.pf-site-header .nav-links a:hover{color:var(--burgundy,#7A1F2B)}
.pf-site-header .nav-links a:hover::after{width:100%}
/* صفحهٔ جاری */
.pf-site-header .nav-links a.active{color:var(--burgundy,#7A1F2B);font-weight:600}
.pf-site-header .nav-links a.active::after{width:100%}

/* ---------- دکمه‌ها ---------- */
.pf-site-header .nav-cta{
  font-family:var(--fa,'IRANSansX',system-ui,sans-serif);font-size:15px;font-weight:600;
  background:var(--ink,#0D0D0D);color:var(--white,#fff);
  padding:11px 22px;border-radius:10px;border:none;cursor:pointer;
  transition:background .2s,transform .15s;white-space:nowrap;
}
.pf-site-header .nav-cta:hover{background:var(--burgundy,#7A1F2B);transform:translateY(-1px)}

.pf-site-header .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.pf-site-header .burger span{width:24px;height:2px;background:var(--ink,#0D0D0D);border-radius:2px;transition:.3s}

/* ---------- ناحیهٔ حساب کاربری ---------- */
.pf-site-header .nav-auth{display:flex;align-items:center;gap:14px}

.pf-site-header .pf-login{
  font-family:var(--fa,'IRANSansX',system-ui,sans-serif);font-size:15px;font-weight:600;
  color:var(--burgundy,#7A1F2B);background:transparent;
  padding:10px 20px;border-radius:10px;
  border:1.5px solid var(--burgundy,#7A1F2B);
  transition:background .2s,color .2s,transform .15s;
  white-space:nowrap;
}
.pf-site-header .pf-login:hover{background:var(--burgundy,#7A1F2B);color:var(--white,#fff);transform:translateY(-1px)}

/* منوی کشویی کاربرِ واردشده — فقط روی نصبِ اصلی رندر می‌شود */
.pf-site-header .pfu{position:relative;flex:none}
.pf-site-header .pfu-btn{
  display:flex;align-items:center;gap:5px;
  padding:4px 9px 4px 4px;border-radius:100px;
  background:var(--white,#fff);border:1px solid var(--gray-line,#E4DED8);
  cursor:pointer;font-family:var(--fa,'IRANSansX',system-ui,sans-serif);line-height:0;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.pf-site-header .pfu-btn:hover{border-color:var(--burgundy,#7A1F2B);box-shadow:0 4px 14px -8px rgba(122,31,43,.5)}
.pf-site-header .pfu-btn:focus-visible{outline:2px solid var(--burgundy,#7A1F2B);outline-offset:2px}
.pf-site-header .pfu-btn[aria-expanded="true"]{border-color:var(--burgundy,#7A1F2B);background:#fff}
.pf-site-header .pfu-caret{color:var(--gray,#8A8582);transition:transform .22s ease;flex:none}
.pf-site-header .pfu-btn[aria-expanded="true"] .pfu-caret{transform:rotate(180deg);color:var(--burgundy,#7A1F2B)}

.pf-site-header .pfu-av{
  flex:none;width:34px;height:34px;border-radius:50%;
  object-fit:cover;display:block;background:var(--offwhite,#F7F4F1);
}
.pf-site-header .pfu-av-letter{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--burgundy,#7A1F2B),var(--burgundy-deep,#5E1621));
  color:#fff;font-weight:800;font-size:15px;line-height:1;
}

.pf-site-header .pfu-menu{
  position:absolute;top:calc(100% + 10px);inset-inline-end:0;
  width:264px;background:#fff;
  border:1px solid var(--gray-line,#E4DED8);border-radius:16px;
  box-shadow:0 26px 60px -28px rgba(13,13,13,.45),0 4px 14px -8px rgba(13,13,13,.18);
  padding:6px;z-index:200;overflow:hidden;
  animation:pfu-in .16s ease;
}
.pf-site-header .pfu-menu[hidden]{display:none}
@keyframes pfu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.pf-site-header .pfu-head{display:flex;align-items:center;gap:11px;padding:12px 12px 13px;border-bottom:1px solid var(--gray-line,#E4DED8);margin-bottom:6px}
.pf-site-header .pfu-head-av{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;display:block;background:var(--offwhite,#F7F4F1);font-size:19px}
.pf-site-header .pfu-head-t{min-width:0}
.pf-site-header .pfu-head-t b{display:block;font-size:15px;font-weight:800;color:var(--ink,#0D0D0D);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-site-header .pfu-head-t span{display:block;font-size:12.5px;color:var(--gray,#8A8582);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:start;margin-top:2px}

.pf-site-header .pfu-links{display:flex;flex-direction:column;gap:1px}
.pf-site-header .pfu-links a,.pf-site-header .pfu-out{
  display:flex;align-items:center;gap:11px;
  padding:11px 12px;border-radius:10px;
  font-size:14.5px;font-weight:600;color:#3a3534;
  transition:background .15s,color .15s;
}
.pf-site-header .pfu-links a svg,.pf-site-header .pfu-out svg{flex:none;color:var(--gray,#8A8582);transition:color .15s}
.pf-site-header .pfu-links a:hover{background:var(--offwhite,#F7F4F1);color:var(--burgundy,#7A1F2B)}
.pf-site-header .pfu-links a:hover svg{color:var(--burgundy,#7A1F2B)}
.pf-site-header .pfu-links a:focus-visible,.pf-site-header .pfu-out:focus-visible{outline:2px solid var(--burgundy,#7A1F2B);outline-offset:-2px}

.pf-site-header .pfu-foot{border-top:1px solid var(--gray-line,#E4DED8);margin-top:6px;padding-top:6px}
.pf-site-header .pfu-out{color:#A8202D}
.pf-site-header .pfu-out svg{color:#A8202D;opacity:.75}
.pf-site-header .pfu-out:hover{background:rgba(168,32,45,.07);color:#8B1A24}
.pf-site-header .pfu-out:hover svg{color:#8B1A24;opacity:1}

/* ---------- واکنش‌گرا ---------- */
/* منو ۷ آیتم دارد؛ زیر ~۱۱۸۰px فاصله کم می‌شود تا به خط دوم نشکند */
@media (max-width:1180px){
  .pf-site-header .nav-links{gap:18px}
}
/* زیر ۱۰۸۰px حتی با فاصلهٔ کم هم جا نمی‌شود → منوی همبرگری */
@media (max-width:1080px){
  .pf-site-header .nav-links{display:none}
  .pf-site-header .burger{display:flex}
  .pf-site-header .nav-links.open{
    display:flex;position:absolute;top:74px;right:0;left:0;
    flex-direction:column;align-items:flex-start;
    background:var(--offwhite,#F7F4F1);
    border-bottom:1px solid var(--gray-line,#E4DED8);
    padding:20px 24px;gap:6px;
    box-shadow:0 18px 30px -22px rgba(0,0,0,.4);
  }
}
@media (max-width:900px){
  .pf-site-header .nav-auth{gap:8px}
  .pf-site-header .nav-auth .nav-cta{display:none}
  .pf-site-header .pf-login{padding:8px 16px;font-size:14px}
  .pf-site-header .pfu-btn{padding:3px 7px 3px 3px}
  .pf-site-header .pfu-menu{width:min(288px,calc(100vw - 32px))}
}
@media (max-width:640px){
  .pf-site-header .wrap{padding-inline:20px}
  .pf-site-header .nav-links.open a{padding:10px 0}
}
@media (prefers-reduced-motion:reduce){
  .pf-site-header .pfu-menu{animation:none}
  .pf-site-header .pfu-caret{transition:none}
}

/* ---------- مگامنوی «ابزارهای پوکر» ---------- */
.pf-site-header .nav-mega{position:relative;display:flex;align-items:center}
.pf-site-header .nav-mega > a{display:inline-flex;align-items:center;gap:5px}
.pf-site-header .mega-caret{transition:transform .2s;margin-top:1px}
.pf-site-header .nav-mega:hover .mega-caret,
.pf-site-header .nav-mega:focus-within .mega-caret{transform:rotate(180deg)}

/* پل نامرئی زیر لینک تا hover هنگام رفتن به پنل قطع نشود */
.pf-site-header .nav-mega::before{
  content:"";position:absolute;top:100%;right:-30px;left:-30px;height:26px;
  display:none;
}
.pf-site-header .nav-mega:hover::before{display:block}

.pf-site-header .pf-mega{
  position:absolute;top:calc(100% + 22px);right:50%;transform:translateX(50%) translateY(6px);
  width:min(620px,calc(100vw - 32px));
  background:#fff;border:1px solid var(--gray-line,#E4DED8);border-radius:18px;
  box-shadow:0 30px 60px -28px rgba(13,13,13,.35);
  padding:20px 20px 0;z-index:60;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.pf-site-header .nav-mega:hover .pf-mega,
.pf-site-header .nav-mega:focus-within .pf-mega{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(50%) translateY(0);
}

.pf-site-header .pf-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px}
.pf-site-header .pf-mega-title{
  display:block;font-size:12px;font-weight:700;color:var(--gray,#8A8582);
  letter-spacing:.03em;margin:2px 8px 8px;
}
.pf-site-header .pf-mega-col{display:flex;flex-direction:column;gap:2px}

/* آیتم‌ها — استایلِ لینک‌های منوی اصلی اینجا صفر می‌شود */
.pf-site-header .pf-mega a{padding:0;white-space:normal}
.pf-site-header .pf-mega a::after{display:none}
.pf-site-header .pf-mega-item{
  display:flex;align-items:center;gap:12px;border-radius:12px;padding:9px 10px !important;
  transition:background .15s;
}
.pf-site-header .pf-mega-item:hover{background:var(--offwhite,#F7F4F1)}
.pf-site-header .pf-mega-item .mic{
  flex:none;width:38px;height:38px;border-radius:11px;
  background:rgba(122,31,43,.08);color:var(--burgundy,#7A1F2B);
  display:flex;align-items:center;justify-content:center;
}
.pf-site-header .pf-mega-item .mt{display:flex;flex-direction:column;line-height:1.5;min-width:0}
.pf-site-header .pf-mega-item .mt b{font-size:13.8px;font-weight:700;color:var(--ink,#0D0D0D)}
.pf-site-header .pf-mega-item .mt small{font-size:11.8px;color:var(--gray,#8A8582);font-weight:400}
.pf-site-header .pf-mega-item.active .mt b{color:var(--burgundy,#7A1F2B)}
.pf-site-header .pf-mega-item:hover .mt b{color:var(--burgundy,#7A1F2B)}
.pf-site-header .mnew{
  display:inline-block;font-size:10px;font-weight:800;color:#fff;
  background:var(--gold,#C9A24D);border-radius:100px;padding:1px 8px;margin-inline-start:6px;
  vertical-align:2px;
}

.pf-site-header .pf-mega-all{
  display:flex;align-items:center;justify-content:center;gap:7px;
  margin:14px -20px 0;padding:13px 20px !important;
  border-top:1px solid var(--gray-line,#E4DED8);
  font-size:13.5px;font-weight:700;color:var(--burgundy,#7A1F2B) !important;
  border-radius:0 0 18px 18px;transition:background .15s;
}
.pf-site-header .pf-mega-all:hover{background:var(--offwhite,#F7F4F1)}

/* موبایل: در منوی همبرگری پنل نمایش داده نمی‌شود؛ خود لینک به /tools/ می‌رود */
@media (max-width:1080px){
  .pf-site-header .pf-mega{display:none}
  .pf-site-header .nav-mega{width:100%}
  .pf-site-header .mega-caret{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pf-site-header .pf-mega{transition:none}
  .pf-site-header .mega-caret{transition:none}
}