:root{
  --c-primary:#2a7cf6;      /* رنگ تاکید؛ خواستی عوضش کن */
  --c-border:#e8edf3;
  --c-text:#334155;
  --c-muted:#6b7280;
  --radius:16px;

 --nav-bg:#073c4c;                /* پس‌زمینه ناوبار */
  --nav-bg-2:#062f3a;              /* گرادیان پایین */
  --nav-surface:#0a5468;           /* پس‌زمینه دراپ‌داون */
  --nav-text:#edecec;              /* رنگ متن لینک‌ها */
  --nav-text-dim:rgba(237,236,236,.75);
  --nav-accent:#84de9f;            /* اَکنت مینت */
  --nav-accent-2:#6fd38e;          /* اَکنت کمی تیره‌تر */
  --nav-border:rgba(255,255,255,.14);
  --nav-shadow:0 10px 28px rgba(0,0,0,.18);
  --nav-radius:1px;
  --nav-glow:0 0 0 0 rgba(132,222,159,0);
  --nav-glow-hover:0 0 0 6px rgba(132,222,159,.16);
}
/* منطقه کامنت‌ها */
.comments-area{
  margin-top:48px;
}
.comments-area .comments-title{
  font-size:1.5rem;
  font-weight:800;
  margin:0 0 12px;
  color:var(--c-text);
}

/* لیست کامنت‌ها */
.comment-list{
  list-style:none;
  margin:0;
  padding:0;
}
.comment-list > li{
  margin:0 0 16px;
}
.comment-list .comment{
  position:relative;
  background:#fff;
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  box-shadow:0 6px 18px rgba(17,24,39,.04);
  padding:18px 18px 18px 76px;   /* جا برای آواتار */
}

/* خط راهنما برای تاپیک/رِپلای‌ها */
.comment-list .children{
  margin:12px 0 0 28px;
  padding-left:16px;
  border-left:2px dashed var(--c-border);
}

/* آواتار */
.comment .comment-author .avatar{
  position:absolute;
  left:18px; top:18px;
  width:44px; height:44px;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 0 0 2px var(--c-border);
  object-fit:cover;
}

/* متادیتا (نام، تاریخ) */
.comment .fn{
  font-weight:700;
  color:var(--c-text);
}
.comment .comment-metadata,
.comment .comment-metadata a{
  font-size:12px;
  color:var(--c-muted);
}
.comment .comment-metadata a:hover{
  color:var(--c-primary);
}

/* متن کامنت */
.comment .comment-content{
  margin-top:6px;
  color:#111827;
  line-height:1.7;
}

/* در انتظار تایید */
.comment-awaiting-moderation{
  display:inline-block;
  margin-top:6px;
  padding:6px 10px;
  background:#fff7e6;
  border:1px dashed #ffd591;
  border-radius:10px;
  color:#ad6800;
  font-size:.9rem;
}

/* کامنت نویسنده پست */
.bypostauthor > .comment-body{
  box-shadow:0 0 0 3px rgba(42,124,246,.08) inset;
  border-radius:calc(var(--radius) - 2px);
}

/* لینک پاسخ */
.comment .reply a{
  display:inline-block;
  margin-top:8px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--c-primary);
  color:#fff !important;
  font-weight:700;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease;
}
.comment .reply a:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(42,124,246,.18);
}

/* ====== فرم ارسال دیدگاه ====== */
.comment-respond{
  margin-top:28px;
  background:#f9fbfd;
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  padding:20px;
}
#reply-title{
  margin:0 0 8px;
  font-weight:800;
  color:var(--c-text);
}
.comment-notes{
  font-size:13px;
  color:var(--c-muted);
}

.comment-form p{
  margin:0 0 12px;
}
.comment-form label{
  display:block;
  margin-bottom:6px;
  font-size:13px;
  font-weight:700;
  color:#475569;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width:100%;
  border:1px solid var(--c-border);
  border-radius:12px;
  background:#fff;
  padding:10px 12px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.comment-form textarea{
  min-height:180px;
  resize:vertical;
}
.comment-form input:focus,
.comment-form textarea:focus{
  outline:none;
  border-color:var(--c-primary);
  box-shadow:0 0 0 3px rgba(42,124,246,.18);
}

/* دکمه ارسال */
.comment-form .form-submit input[type="submit"]{
  appearance:none;
  border:0;
  background:var(--c-primary);
  color:#fff;
  font-weight:800;
  padding:10px 16px;
  border-radius:12px;
  cursor:pointer;
  transition:transform .1s ease, box-shadow .15s ease, opacity .2s;
}
.comment-form .form-submit input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(42,124,246,.22);
}
.comment-form .form-submit input[type="submit"]:disabled{
  opacity:.6; cursor:not-allowed;
}

/* ریسپانسیو */
@media (max-width:600px){
  .comment-list .comment{ padding:16px 16px 16px 64px; }
  .comment .comment-author .avatar{ width:38px;height:38px;left:14px;top:14px; }
  .comment-list .children{ margin-left:18px; }
}

/* RTL پشتیبانی کامل */
html[dir="rtl"] .comment-list .comment{
  padding-left:16px; padding-right:76px;
}
html[dir="rtl"] .comment .comment-author .avatar{
  left:auto; right:18px;
}
html[dir="rtl"] .comment-list .children{
  margin:12px 28px 0 0; padding-left:0; padding-right:16px; border-left:0; border-right:2px dashed var(--c-border);
}

/* (اختیاری) دارک‌مود */
@media (prefers-color-scheme: dark){
  :root{ --c-border:#243042; --c-text:#e5e7eb; --c-muted:#9aa4b2; }
  .comment-list .comment{ background:#0f172a; }
  .comment-respond{ background:#0b1220; }
  .comment .reply a{ box-shadow:none; }
}





/* پایه ناوبار – جلوی inline-style را هم می‌گیرد */
/* nav.navbar{
  background:linear-gradient(180deg,var(--nav-bg),var(--nav-bg-2)) !important;
  border-bottom:1px solid var(--nav-border);
  box-shadow:var(--nav-shadow);
  color:var(--nav-text);
} */

/* برند */
.navbar .navbar-brand{
  color:var(--nav-text) !important;
  font-weight:800;
  letter-spacing:.2px;
}
.navbar .navbar-brand:hover{ color:var(--nav-accent) !important; }

/* فاصله آیتم‌ها + حذف مرزهای تزئینی */
#navbarCenteredExample .navbar-nav > li{ margin:0 .3rem; }
#navbarCenteredExample .navbar-nav > li.border-end{ border:0 !important; }

/* لینک‌های ردیف بالا (هم nav-item/nav-link هم li[id^="menu-item-"]) */
#navbarCenteredExample .navbar-nav > li.nav-item > a.nav-link,
#navbarCenteredExample .navbar-nav > li[id^="menu-item-"] > a{
  display:inline-block;
  font-weight:700;
  color:var(--nav-text) !important;
  padding:.7rem 1rem;
  border-radius:999px;
  text-decoration:none;
  position:relative;
  transition:color .15s ease, background .15s ease, transform .12s ease, box-shadow .15s ease;
}

/* حالت hover – قرص روشن با درخشش ملایم اَکنت */
#navbarCenteredExample .navbar-nav > li > a:hover{
  color:var(--nav-accent) !important;
  background:rgba(132,222,159,.14);
  box-shadow:var(--nav-glow-hover);
  transform:translateY(-1px);
}

/* افکت خط ظریف زیر لینک */
#navbarCenteredExample .navbar-nav > li > a::after{
  content:"";
  position:absolute; left:1rem; right:1rem; bottom:.45rem;
  height:2px; border-radius:2px; background:var(--nav-accent);
  transform:scaleX(0); transform-origin:left;
  transition:transform .2s ease;
}
#navbarCenteredExample .navbar-nav > li > a:hover::after{ transform:scaleX(1); }

/* آیتم فعال (WP کلاس‌ها + aria-current) */
#navbarCenteredExample .navbar-nav > li.current-menu-item > a,
#navbarCenteredExample .navbar-nav > li.current-menu-ancestor > a,
#navbarCenteredExample .navbar-nav > li > a[aria-current="page"]{
  background:linear-gradient(180deg,var(--nav-accent),var(--nav-accent-2)) !important;
  color:#06333f !important; /* متن تیره روی مینت */
  box-shadow:0 12px 26px rgba(132,222,159,.28);
}
#navbarCenteredExample .navbar-nav > li.current-menu-item > a::after,
#navbarCenteredExample .navbar-nav > li.current-menu-ancestor > a::after,
#navbarCenteredExample .navbar-nav > li > a[aria-current="page"]::after{
  transform:scaleX(1);
}

/* دراپ‌داون‌ها – کارت شناور لوکس (دسکتاپ) */
@media (min-width:992px){
  #navbarCenteredExample .navbar-nav li.menu-item-has-children{ position:relative; }
  #navbarCenteredExample .navbar-nav li.menu-item-has-children > a::after{
    content:"▾"; font-size:.75em; margin-left:.4rem; color:var(--nav-text-dim);
  }
  #navbarCenteredExample .navbar-nav li.menu-item-has-children > .sub-menu{
    position:absolute; top:100%; left:50%; transform:translate(-50%,10px);
    min-width:220px; list-style:none; margin:.5rem 0 0; padding:.5rem;
    background:var(--nav-surface);
    border:1px solid var(--nav-border);
    border-radius:var(--nav-radius);
    box-shadow:0 16px 42px rgba(0,0,0,.32);
    opacity:0; pointer-events:none;
    transition:opacity .18s ease, transform .18s ease; z-index:1000;
  }
  #navbarCenteredExample .navbar-nav li.menu-item-has-children:hover > .sub-menu{
    opacity:1; pointer-events:auto; transform:translate(-50%,0);
  }
  #navbarCenteredExample .navbar-nav .sub-menu > li > a{
    display:block; padding:.55rem .8rem; border-radius:10px;
    color:var(--nav-text) !important; text-decoration:none;
    transition:background .15s ease, color .15s ease;
  }
  #navbarCenteredExample .navbar-nav .sub-menu > li > a:hover{
    background:rgba(132,222,159,.14);
    color:var(--nav-accent) !important;
  }
}

/* موبایل – کارت تیره با حاشیه نقطه‌ای اَکنت */
@media (max-width:991.98px){
  /* بدنه‌ی کلاپس */
  #navbarCenteredExample{
    background:linear-gradient(180deg, rgba(7,60,76,.98), rgba(7,60,76,.92));
    border-radius:12px;
    border:1px solid var(--nav-border);
    padding:.35rem .5rem;
    box-shadow:var(--nav-shadow);
  }

  #navbarCenteredExample .navbar-nav > li > a{
    display:block; padding:.95rem 1rem; border-radius:12px; margin:.18rem 0;
    color:var(--nav-text) !important;
  }
  #navbarCenteredExample .navbar-nav li.menu-item-has-children > .sub-menu{
    position:static; transform:none; margin:.25rem 0 .5rem; min-width:0;
    padding:.25rem 0 .25rem .9rem; border-left:2px dashed rgba(132,222,159,.35);
    border:0; box-shadow:none; background:transparent; opacity:1; pointer-events:auto;
  }
}

/* دکمه‌ی باز/بستن */
.navbar .navbar-toggler{
  border-color:transparent; color:var(--nav-text);
}
.navbar .navbar-toggler:focus{
  box-shadow:0 0 0 3px rgba(132,222,159,.28);
}

/* حالت sticky */
.sticky-top .navbar{
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  border-bottom-color:var(--nav-border);
}

/* RTL سازگاری */
html[dir="rtl"] #navbarCenteredExample .navbar-nav li.menu-item-has-children > a::after{
  margin-left:0; margin-right:.4rem;
}
html[dir="rtl"] @media (min-width:992px){
  #navbarCenteredExample .navbar-nav li.menu-item-has-children > .sub-menu{
    left:auto; right:50%; transform:translate(50%,10px);
  }
  #navbarCenteredExample .navbar-nav li.menu-item-has-children:hover > .sub-menu{
    transform:translate(50%,0);
  }
}
html[dir="rtl"] @media (max-width:991.98px){
  #navbarCenteredExample .navbar-nav li.menu-item-has-children > .sub-menu{
    padding:.25rem .9rem .25rem 0; border-left:0; border-right:2px dashed rgba(132,222,159,.35);
  }
}