/* زبان انگلیسی */
:lang(en) {
  font-family: 'Montserrat', 'Vazir FD', sans-serif;
}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;background:#fff;
  color:#111;}
a{text-decoration:none}a:hover{opacity:.9}
img{max-width:100%;height:auto}
.container{max-width:1024px;margin-inline:auto;padding:0 16px}

.brand a img {
	width: 100px
}
/* Header (glass, sticky) */
.qarzi-header{
  position:sticky;top:0;z-index:20;
  backdrop-filter:saturate(140%) blur(10px);
}
.qarzi-header .container{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:64px;
}
.site-title{font-weight:700;letter-spacing:.2px}
.site-desc{margin:0;color:#94a3b8;font-size:.9rem}

/* Base menu */
.nav{display:flex;align-items:center}
.nav .menu{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.nav .menu > li{position:relative}
.nav .menu > li > a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:10px;
  color:#e6ebf3;font-weight:600;letter-spacing:.2px;
  transition:background .2s ease, color .2s ease;
}

/* Hover: پس‌زمینه خیلی کم‌رنگ + خط زیر ظریف */
.nav .menu > li > a::after{
  content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;
  background:linear-gradient(90deg,#37b24d,transparent);
  opacity:0;transform:scaleX(.6);transform-origin:center;transition:.2s ease;
  border-radius:2px;
}
.nav .menu > li > a:hover{
  background:rgba(55,178,77,.08);
}
.nav .menu > li > a:hover::after{
  opacity:1;transform:scaleX(1);
}

/* Active (current-menu-item / current_page_item) */
.nav .menu > li.current-menu-item > a,
.nav .menu > li.current_page_item > a{
  background:rgba(55,178,77,.12);
  box-shadow:inset 0 0 0 1px rgba(55,178,77,.25);
}
.nav .menu > li.current-menu-item > a::after,
.nav .menu > li.current_page_item > a::after{
  opacity:1;transform:scaleX(1);
}

/* دکمه همبرگری موبایل */
.nav-toggle{
  display:none;position:relative;width:36px;height:36px;
  border:1px solid #243043;border-radius:10px;background:#111725;color:#e6ebf3;
}
.nav-toggle span{
  position:absolute;left:9px;right:9px;height:2px;background:#e6ebf3;border-radius:2px;
  transition:.25s ease;
}
.nav-toggle span:nth-child(1){top:11px}
.nav-toggle span:nth-child(2){top:17px}
.nav-toggle span:nth-child(3){top:23px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* واکنش‌گرا */
@media (max-width:900px){
  .nav-toggle{display:inline-block}
  .nav{
    position:absolute;inset-inline:0;top:64px;
    background:rgba(12,15,20,.95);
    border-bottom:1px solid #1c2432;
    display:none;
  }
  .nav.open{display:block}
  .nav .menu{
    flex-direction:column;gap:0;padding:6px;
  }
  .nav .menu > li > a{
    width:100%;padding:12px 14px;border-radius:8px;
  }
  .nav .menu > li > a::after{left:14px;right:14px;bottom:6px}
}

/* RTL اصلاحات منو */
body[dir="rtl"] .nav .menu{flex-direction:row-reverse}
body[dir="rtl"] .nav .menu > li > a::after{left:12px;right:12px}

.qarzi-main{padding:24px 0}
.qarzi-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:840px){.qarzi-grid{grid-template-columns:1.4fr .9fr}}

.qarzi-card{padding:18px}
.qarzi-title{margin:.2em 0 .6em;font-size:1.25rem}
.qarzi-muted{color:#94a3b8}.excerpt{color:#cbd5e1}

.qarzi-table-wrap{overflow:auto}
.qarzi-table{width:100%;border-collapse:collapse}
.qarzi-table th,.qarzi-table td{padding:10px 12px;border-bottom:1px solid #263142;text-align:start;white-space:nowrap}
.qarzi-table thead th{font-size:.88rem;color:#c7d2e0}
.qarzi-table tbody tr:hover{background:#fbfbfb}
.qarzi-table td.pos{color:#34d399}.qarzi-table td.neg{color:#f87171}.qarzi-table td.neu{color:#94a3b8}
.fx .sym{color:#94a3b8;font-size:.85rem;margin-inline-start:.35rem}

.fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.fx-label{color:#94a3b8;font-size:.85rem}.fx-val{font-weight:600}
.chart-holder{height:180px;border:1px dashed #263142;border-radius:10px;margin-top:10px}

.qarzi-footer{margin-top:24px;}
.footer-grid{display:grid;gap:16px;padding:18px 0}.copy{color:#94a3b8;font-size:.9rem}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:8px;top:8px;width:auto;height:auto;padding:8px;background:#fff;color:#000;border-radius:6px}

.qarzi-header{
  position:sticky;top:0;z-index:20;
  background:#fff;
  backdrop-filter:saturate(180%) blur(8px);
}
.qarzi-header .container{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:72px;
}
.site-title{
  font-weight:700;
  font-size:1.1rem;
  color:#111;
}
.site-desc{
  margin:0;color:#555;font-size:.9rem;
}

/* Base menu */
.nav{display:flex;align-items:center}
.nav .menu{
  display:flex;gap:8px;
  list-style:none;margin:0;padding:0;
}
.nav .menu > li > a{
  display:inline-flex;align-items:center;
  padding:10px 14px;
  border-radius:8px;
  color:#222;
  font-weight:500;
  font-size:.95rem;
  transition:background .2s ease,color .2s ease;
}

/* Hover underline effect */
.nav .menu > li > a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;
  background:#37b24d;
  opacity:0;transform:scaleX(.6);
  transform-origin:center;
  transition:.2s ease;
  border-radius:2px;
}
.nav .menu > li > a:hover{
  background:#f7f7f7;
}
.nav .menu > li > a:hover::after{
  opacity:1;transform:scaleX(1);
}

/* Active link */
.nav .menu > li.current-menu-item > a,
.nav .menu > li.current_page_item > a{
  background:#eefaf0;
  color:#2f9e44;
}
.nav .menu > li.current-menu-item > a::after,
.nav .menu > li.current_page_item > a::after{
  opacity:1;transform:scaleX(1);
}

/* Mobile hamburger */
.nav-toggle{
  display:none;position:relative;width:38px;height:38px;
  border:none;background:#f3f3f3;
  border-radius:8px;cursor:pointer;
}
.nav-toggle span{
  position:absolute;left:9px;right:9px;height:2px;
  background:#333;border-radius:2px;
  transition:.25s ease;
}
.nav-toggle span:nth-child(1){top:11px}
.nav-toggle span:nth-child(2){top:18px}
.nav-toggle span:nth-child(3){top:25px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile menu */
@media (max-width:900px){
  .nav-toggle{display:inline-block}
  .nav{
    position:absolute;inset-inline:0;top:72px;
    background:#fff;
    display:none;
  }
  .nav.open{display:block}
  .nav .menu{
    flex-direction:column;
    padding:10px 0;
  }
  .nav .menu > li > a{
    width:100%;padding:12px 16px;
    border-radius:0;
    border-bottom:1px solid #f0f0f0;
  }
  .nav .menu > li:last-child > a{border-bottom:none}
  .nav .menu > li > a::after{left:16px;right:16px}
}

/* RTL fix */
body[dir="rtl"] .nav .menu{flex-direction:row-reverse}
.qarzi-card {
	background: #fff;
    color: #373636;
}
.wp-block-cover, .wp-block-cover-image, .qarzi-card {
	border-radius: 4px;
}
/* ===== Global safe reset to avoid horizontal scroll ===== */
html, body { overflow-x: hidden; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

/* تصاویر/iframe هرگز از کانتینر بیرون نزنند */
img, video, iframe { max-width: 100%; height: auto; display: block; }

/* کانتینر استاندارد */
.container {
  max-width: 1024px;
  margin-inline: auto;
  padding-inline: 16px;     /* از بیرون زدگی جلوگیری می‌کند */
}

/* هدر چسبان بدون ایجاد شِفْت عرض */
.qarzi-header { width: 100%; }

/* ===== جدول ارزی واکنش‌گرا بدون اسکرول صفحه ===== */
.qarzi-table-wrap {
  width: 100%;
  overflow-x: auto;               /* فقط خودِ جدول اسکرول ریز داشته باشد، نه کل صفحه */
  -webkit-overflow-scrolling: touch;
}

.qarzi-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;            /* ستون‌ها قابل پیش‌بینی و بدون بیرون‌زدگی */
  min-width: 640px;               /* حداقل عرض منطقی؛ کمتر شد، داخل wrap اسکرول داخلی می‌خورد */
}

.qarzi-table th, .qarzi-table td {
  padding: 10px 12px;
  white-space: nowrap;            /* مانع چندخطی‌شدن و بیرون‌زدگی متن‌های طولانی */
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ستون‌بندی پیشنهادی برای جلوگیری از کش آمدن */
.qarzi-table th:nth-child(1),
.qarzi-table td:nth-child(1) { width: 34%; }  /* نام ارز */
.qarzi-table th:nth-child(2),
.qarzi-table td:nth-child(2) { width: 12%; }  /* کد */
.qarzi-table th:nth-child(3),
.qarzi-table td:nth-child(3),
.qarzi-table th:nth-child(4),
.qarzi-table td:nth-child(4) { width: 14%; }  /* خرید/فروش */
.qarzi-table th:nth-child(5),
.qarzi-table td:nth-child(5) { width: 10%; }  /* تغییر */
.qarzi-table th:nth-child(6),
.qarzi-table td:nth-child(6) { width: 16%; }  /* آخرین بروزرسانی */

/* اعداد LTR داخل محیط RTL تا «،،٫» بهم نریزد */
.qarzi-table td.num,
.qarzi-table td.price,
.qarzi-table td.change,
.qarzi-table td time {
  direction: ltr;
  unicode-bidi: bidi-override;
  text-align: end;                /* در RTL، انتهای سلول می‌شود راست؛ بصری بهتر */
}

/* سطرهای خواناتر روی موبایل */
@media (max-width: 640px) {
  .qarzi-table { min-width: 560px; }
  .qarzi-table th:nth-child(1),
  .qarzi-table td:nth-child(1) { width: 40%; }
}

/* کارت/باکس‌ها هرگز از صفحه بیرون نزنند */
.qarzi-card, .chart-holder { max-width: 100%; }

/* منو موبایل: از صفحه بیرون نزند */
@media (max-width: 900px) {
  .nav { max-width: 100vw; }
}