@font-face {
  font-family: "Borna";
  src: url("../fonts/Borna-Regular.woff2") format("woff2"),
       url("../fonts/Borna-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Borna";
  src: url("../fonts/Borna-Bold.woff2") format("woff2"),
       url("../fonts/Borna-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

  
  *,
  .navbar,
  .btn,
  input,
  textarea,
  select
   {
    font-family: "Borna", sans-serif !important;
  }




  /* دکمه منوی موبایل */
.custom-toggler {
width: 46px;
height: 46px;
border: 1px solid rgba(255,255,255,0.25) !important;
border-radius: 14px;
padding: 0 !important;
background: rgba(255,255,255,0.08);
display: flex;
align-items: center;
justify-content: center;
box-shadow: none !important;
transition: all 0.25s ease;
}

/* حذف آیکون پیش‌فرض بوت‌استرپ */
.custom-toggler .navbar-toggler-icon {
display: none !important;
}

.custom-toggler i {
font-size: 28px;
line-height: 1;
color: #ffffff;
transition: all 0.25s ease;
}

.custom-toggler:hover {
background: rgba(255,255,255,0.16);
transform: translateY(-1px);
}

.custom-toggler[aria-expanded="true"] i {
transform: rotate(90deg);
color: #b7f7a1;
}

/* مرتب شدن منوی بازشده در موبایل */
@media (max-width: 991px) {
#navbarContent {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(8, 57, 36, 0.96);
  box-shadow: 0 18px 45px rgba(0,0,0,0.22);
}

#navbarContent .navbar-nav {
  gap: 6px;
}

#navbarContent .nav-link {
  padding: 10px 12px;
  border-radius: 12px;
  text-align: right;
}

#navbarContent .nav-link:hover {
  background: rgba(255,255,255,0.10);
}

.user-menu {
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.14);
}
}

  .h2{
    font-family: "Borna";
    font-weight: 700;
    src: url("fonts/Borna-Bold.woff2") format("woff2"),
         url("fonts/Borna-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;

    font-size: 1.05rem;
  font-weight: bolder;
  color: #073125;

  }
  
  :root {
    --kiwi-dark: #0b3b2e;
    --kiwi-green: #3bb273;
    --kiwi-light: #eafaf2;
    --kiwi-accent: #ffd166;
  }
  
  /* ====== بدنه صفحه ====== */
  body {
    background: radial-gradient(circle at top, #e9ffe9 0, #f6fff9 40%, #e7f5ff 100%);
    color: #122;
    min-height: 100vh;
  }
  
  /* ====== نوار بالا ====== */
  .navbar {
    background: rgba(11, 59, 46, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 28px rgba(3, 25, 18, 0.45);
  }
  
  .navbar-brand {
    font-weight: 700;
    letter-spacing: 0.03em;
  }






  .kiwi-footer-clean {
margin-top: 42px;
padding: 0 0 36px;
font-family: "Borna", sans-serif;
}

.kiwi-footer-box {
border-radius: 28px;
overflow: hidden;
background: linear-gradient(135deg, #063322, #0b4a32);
color: #fff;
box-shadow: 0 18px 45px rgba(11, 59, 46, 0.18);
border: 1px solid rgba(255,255,255,.12);
}

.footer-main {
display: flex;
justify-content: space-between;
align-items: center;
gap: 22px;
padding: 28px 30px 20px;
}

.footer-main h3 {
margin: 0 0 8px;
font-size: 1.55rem;
font-weight: 900;
}

.footer-main p {
margin: 0;
color: rgba(255,255,255,.76);
font-size: .92rem;
line-height: 2;
}

.footer-socials {
display: flex;
gap: 10px;
flex-shrink: 0;
}

.footer-socials a {
width: 46px;
height: 46px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.25rem;
text-decoration: none;
background: rgba(255,255,255,.10);
border: 1px solid rgba(255,255,255,.14);
transition: .2s ease;
}

.footer-socials a:hover {
background: #39b36f;
transform: translateY(-3px);
}

.footer-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
padding: 16px 24px;
background: rgba(255,255,255,.06);
border-top: 1px solid rgba(255,255,255,.08);
}

.footer-links a {
color: rgba(255,255,255,.82);
text-decoration: none;
font-size: .84rem;
padding: 7px 14px;
border-radius: 999px;
background: rgba(255,255,255,.07);
transition: .2s ease;
}

.footer-links a:hover {
color: #fff;
background: rgba(57,179,111,.45);
}

.footer-copy {
text-align: center;
padding: 14px 20px 16px;
color: rgba(255,255,255,.58);
font-size: .78rem;
border-top: 1px solid rgba(255,255,255,.07);
}

@media (max-width: 768px) {
.footer-main {
  flex-direction: column;
  text-align: center;
  padding: 26px 18px 18px;
}

.footer-socials {
  justify-content: center;
}

.footer-links {
  padding: 14px;
}
}




  
  .brand-logo-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kiwi-green), var(--kiwi-accent));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #083021;
    margin-inline-end: 8px;
    font-size: 1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35);
  }

.brand-logo-circle img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}



.brand-logo-circle {
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--kiwi-light, #eafaf2);
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.25rem;
color: var(--kiwi-dark, #0b3b2e);
overflow: hidden;
}


.navbar {
background-color: #0b3b2e;
padding: 12px 24px;
}

.navbar .navbar-brand img {
border-radius: 50%;
height: 42px;
}

.navbar-toggler {
border: 1px solid rgba(255,255,255,.2);
border-radius: 50%;
width: 44px;
height: 44px;
}

.navbar-collapse {
background-color: rgba(11,59,46,.95);
padding: 14px 0;
border-radius: 14px;
}
.nav-link {
color: #fff !important;
font-weight: 600;
padding: 10px 18px;
}
.nav-link:hover {
color: #3bb273 !important;
}

.brand-logo-circle img {
width: 100%;
height: 100%;
object-fit: cover;
}
  
  .navbar-nav .nav-link {
    font-size: 0.9rem;
    padding-inline: 0.8rem;
    color: #f8f9fa !important;
    opacity: 0.9;
  }
  
  .navbar-nav .nav-link:hover {
    opacity: 1;
    color: var(--kiwi-accent) !important;
  }
  
  main {
    padding-top: 96px;
    padding-bottom: 40px;
  }
  
  .auth-wrapper {
    max-width: 960px;
    margin: 0 auto;
  }
  
  /* ====== کارت اصلی لاگین/ثبت‌نام ====== */
  .auth-card {
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 60px rgba(15, 68, 34, 0.26);
    border: 1px solid rgba(27, 94, 32, 0.06);
    overflow: hidden;
  }
  
  .auth-header {
    background: radial-gradient(circle at top left, #0b3b2e, #247a48);
    color: #fff;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  
  .auth-header h1 {
    font-size: 1.2rem;
    margin: 0;
  }
  
  .badge-soft {
    border-radius: 999px;
    font-size: 0.75rem;
    padding: 4px 10px;
    background: rgba(255,255,255,0.12);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.35);
  }
  
  .auth-body {
    padding: 20px 20px 22px;
  }
  
  /* ====== باکس اشتراک ====== */
  .premium-alert {
    border-radius: 18px;
    padding: 16px 18px;
    background: radial-gradient(circle at top left, rgba(255, 209, 102, 0.18), rgba(11,59,46,0.98));
    color: #fff;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    box-shadow: 0 14px 36px rgba(0,0,0,0.35);
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
  }
  
  .premium-alert::before {
    content: "";
    position: absolute;
    inset-inline-end: -40px;
    inset-block-start: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 70%);
    opacity: 0.9;
  }
  
  .premium-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.35rem;
  }
  
  .premium-title {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 4px;
  }
  
  .premium-text {
    font-size: 0.85rem;
    margin-bottom: 4px;
  }
  
  .premium-small {
    font-size: 0.78rem;
    opacity: 0.9;
  }
  
  /* ====== تب‌های ورود / ثبت‌نام ====== */
  .nav-auth-tabs .nav-link {
    border-radius: 999px;
    font-size: 0.85rem;
    padding: 6px 16px;
    color: #0b3b2e;
    background: #f1f5f9;
    border: 1px solid transparent;
  }
  
  .nav-auth-tabs .nav-link.active {
    background: var(--kiwi-green);
    color: #fff !important;
    border-color: rgba(59,178,115,0.4);
    box-shadow: 0 10px 25px rgba(59,178,115,0.4);
  }
  
  /* ====== اینپوت‌ها شیک‌تر ====== */
  .kiwi-field {
    margin-bottom: 0.9rem;
  }
  
  .kiwi-label {
    font-size: 0.82rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
  }


  .kiwi-footer {
background: linear-gradient(135deg,#06281c,#0b3b2e);
color: #fff;
padding: 30px 0;
}
.footer-social .social-link {
display: flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(255,255,255,.1);
color: #fff;
font-size: 1.2rem;
transition: 0.25s;
}
.footer-social .social-link:hover {
background: #3bb273;
color: #fff;
}
.footer-copy {
color: rgba(255,255,255,.65);
font-size: .85rem;
margin-top: 12px;
}
  
  .kiwi-field-inner {
    position: relative;
  }
  
  .kiwi-field-inner.has-icon .form-control,
  .kiwi-field-inner.has-icon .form-select {
    padding-inline-start: 40px;
  }
  
  .kiwi-field-inner.has-password-toggle .form-control {
    padding-inline-end: 40px;
  }
  
  /* خود input/select */
  .form-control,
  .form-select {
    border-radius: 999px;
    border: 1px solid #d2e3f0;
    background: #f7fbff;
    font-size: 0.9rem;
    padding-inline: 16px;
    padding-block: 9px;
    transition:
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease,
      transform 0.12s ease;
    box-shadow: 0 0 0 0 rgba(59,178,115,0);
  }
  
  .form-control::placeholder {
    color: #9ca3af;
    font-size: 0.82rem;
  }
  
  .form-control:focus,
  .form-select:focus {
    background: #ffffff;
    border-color: var(--kiwi-green);
    box-shadow: 0 0 0 3px rgba(59,178,115,0.18);
    transform: translateY(-1px);
  }
  
  /* آیکون داخل فیلد */
  .field-icon {
    position: absolute;
    inset-inline-start: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #9ca3af;
    pointer-events: none;
  }
  
  /* آیکون نمایش رمز */
  .password-toggle {
    position: absolute;
    inset-inline-end: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(148,163,184,0.1);
    color: #64748b;
    transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
  }
  
  .password-toggle:hover {
    background: rgba(148,163,184,0.24);
    color: #0f172a;
    transform: translateY(-50%) translateY(-1px);
  }
  
  /* توضیح زیر فیلد */
  .small-muted {
    font-size: 0.78rem;
    color: #6c757d;
  }
  
  /* ====== دکمه‌ها ====== */
  .btn-kiwi {
    background: linear-gradient(135deg, var(--kiwi-green), #4fd08b);
    border: none;
    color: #fff;
    border-radius: 999px;
    padding-block: 9px;
    padding-inline: 22px;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    box-shadow: 0 12px 26px rgba(59, 178, 115, 0.55);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
      transform 0.12s ease,
      box-shadow 0.12s ease,
      filter 0.12s ease;
  }
  
  .btn-kiwi:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(59, 178, 115, 0.6);
  }
  
  .btn-kiwi:active {
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(59,178,115,0.4);
  }
  
  .btn-kiwi:disabled {
    opacity: 0.8;
    box-shadow: none;
  }
  
  /* ====== کارت توضیحات سمت راست ====== */
  .info-card {
    border-radius: 24px;
    background: linear-gradient(145deg, #f8fafc, #ecfeff);
    border: 1px solid #e2e8f0;
    box-shadow: 0 18px 40px rgba(15,23,42,0.08);
  }
  
  /* ====== Alert بالا فرم ====== */
  .alert-inline {
    border-radius: 999px;
    font-size: 0.8rem;
    padding: 6px 12px;
  }
  
  /* ====== فوتر ====== */
  .app-footer {
    background: var(--kiwi-dark);
    padding: 24px 0;
    border-top: 2px solid rgba(255, 209, 102, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .footer-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 22px;
    border-radius: 40px;
    background: rgba(59, 178, 115, 0.10);
    border: 1px solid rgba(59,178,115,0.35);
    backdrop-filter: blur(8px);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.45);
    color: var(--kiwi-light);
    font-size: 0.85rem;
  }
  
  .footer-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kiwi-accent);
  }
  
  /* انیمیشن ساده ورود */
  .fade-in {
    animation: fadeIn 0.3s ease-out forwards;
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  
  /* ریسپانسیو */
  @media (max-width: 768px) {
    .auth-card {
      border-radius: 20px;
      margin-inline: -4px;
    }
    .auth-body {
      padding: 16px;
    }
  }


  /* استایل نوبار */

  .hero-slide-content {
padding: 26px 32px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
}

.hero-slide-title {
font-size: 1.55rem;
font-weight: 800;
line-height: 1.6;
}

.hero-slide-subtitle {
font-size: 0.95rem;
opacity: 0.9;
max-width: 680px;
}

.hero-slide-badge {
border-radius: 999px;
padding: 4px 12px;
font-size: 0.78rem;
background: rgba(255,255,255,0.12);
display: inline-flex;
align-items: center;
gap: 6px;
}

.hero-slide-side {
background: radial-gradient(circle at center, #ffd16633, #02110d);
display: none;
}

.hero-slide-side-inner {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
}

.hero-slide-side-art {
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.3);
padding: 12px 20px;
text-align: center;
max-width: 240px;
backdrop-filter: blur(10px);
background: rgba(0,0,0,0.28);
font-size: 0.85rem;
}

@media (min-width: 768px) {
.hero-slide-side {
display: block;
}
}



#splash-logo {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 2.2rem;
  background: linear-gradient(135deg, #3bb273, #8ff0a4);
  color: #053423;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  margin-bottom: 18px;
}

#splash-text {
  font-size: 1.1rem;
  opacity: 0.9;
  margin-bottom: 12px;
}

.spinner-border {
  width: 2.2rem;
  height: 2.2rem;
  border-width: 0.22rem;
}

/* Navbar */
.navbar {
  background: rgba(11, 59, 46, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 28px rgba(3, 25, 18, 0.45);
}

.navbar-brand {
  font-weight: 700;
  letter-spacing: 0.03em;
}

.brand-logo-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--kiwi-green), var(--kiwi-accent));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: #083021;
  margin-inline-end: 8px;
  font-size: 1rem;
  box-shadow: 0 6px 16px rgba(0,0,0,0.35);
}

.navbar-nav .nav-link {
  font-size: 0.9rem;
  padding-inline: 0.8rem;
  color: #f8f9fa !important;
  opacity: 0.9;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  opacity: 1;
  color: var(--kiwi-accent) !important;
}

.navbar-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-inline-start: 1rem;
}

.lang-toggle .btn {
  padding: 3px 12px;
  font-size: 0.8rem;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.btn-admin,
.btn-login {
  border-radius: 999px;
  font-size: 0.8rem;
  padding: 5px 14px;
  box-shadow: 0 5px 16px rgba(0,0,0,0.3);
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .navbar-actions {
    margin-top: 0.75rem;
    margin-inline-start: 0;
    flex-wrap: wrap;
  }
}

main {
  padding-top: 90px;
  padding-bottom: 40px;
}

.hero-card {
  background: rgba(255, 255, 255, 0.93);
  border-radius: 24px;
  box-shadow: 0 18px 50px rgba(15, 68, 34, 0.2);
  border: 1px solid rgba(27, 94, 32, 0.08);
  overflow: hidden;
}

.hero-header {
  background: linear-gradient(135deg, #0b3b2e, #247a48);
  color: #fff;
  padding: 18px 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
s
.article-card-home {
cursor: pointer;
}

.hero-header h1 {
  font-size: 1.3rem;
  margin: 0;
}

.hero-content {
  padding: 22px;
}

.upload-area {
  border: 1.8px dashed rgba(11, 59, 46, 0.35);
  border-radius: 18px;
  background: linear-gradient(
    135deg,
    rgba(59, 194, 120, 0.06),
    rgba(255, 255, 255, 0.85)
  );
  padding: 22px 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 10px 26px rgba(3, 31, 13, 0.12);
}

.upload-area.dragover {
  border-style: solid;
  border-color: var(--kiwi-green);
  box-shadow: 0 0 0 3px rgba(59, 178, 115, 0.25);
  transform: translateY(-1px);
}

.upload-icon {
  font-size: 2.6rem;
  color: var(--kiwi-green);
  margin-bottom: 8px;
}

.badge-model {
  background: rgba(59, 178, 115, 0.1);
  color: #fff;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 0.75rem;
  border: 1px solid rgba(255,255,255,0.4);
}

.preview-img {
  max-width: 100%;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}

.result-card {
  border-radius: 22px;
  border: 1px solid rgba(11, 59, 46, 0.1);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.18);
}

.disease-badge {
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.8rem;
  font-weight: 600;
  background: #e6f7ef;
  color: #0b3b2e;
}

.progress {
  height: 9px;
  border-radius: 999px;
  background: #edf2f7;
}

.progress-bar {
  background: linear-gradient(90deg, var(--kiwi-green), #8ee08d);
}


@media (max-width: 767px) {
/* نمایش منوی کشویی در صفحه‌های کوچک */
.navbar-collapse {
  display: block;
  padding: 10px 0;
}

.navbar-toggler {
  color: white;
}
}

@media (min-width: 768px) {
.navbar-nav {
  flex-direction: row;
  gap: 25px;
}

.navbar-nav .nav-link {
  font-size: 1.1rem;
}
}
/* برند نوار لاگین – تنظیم متن ریسپانسیو مثل صفحه اصلی */
.navbar-brand {
font-weight: 700;
letter-spacing: 0.03em;
display: flex;
align-items: center;
max-width: 75%;
}

.navbar-brand .brand-text {
font-size: 0.9rem;
line-height: 1.4;
}

/* روی موبایل، متن کوچکتر و خواناتر می‌شود */
@media (max-width: 575.98px) {
.navbar-brand {
  max-width: 80%;
}
.navbar-brand .brand-text {
  font-size: 0.8rem;
}
}


/*--------------------------------*/


  :root {
    --kiwi-dark: #0b3b2e;
    --kiwi-green: #3bb273;
    --kiwi-light: #eafaf2;
    --kiwi-accent: #ffd166;
  }

  body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at top, #e9ffe9 0, #f6fff9 40%, #e7f5ff 100%);
    color: #122;
    min-height: 100vh;
    scroll-behavior: smooth;
  }

  /* ---------- SPLASH ---------- */
/* Splash Screen – Full */
#splash-screen {
position: fixed;
inset: 0;
background: radial-gradient(circle at top, #0b3b2e, #02110d);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
color: #fff;
height: 100vh;
width: 100vw;
}

/* Logo – وسط صفحه و اندازه بزرگ‌تر */
#splash-logo img {
width: 70vw;                /* عرض 70% از عرض صفحه */
height: auto;
max-height: 70vh;           /* حداکثر ارتفاع 70% از صفحه */
object-fit: contain;        /* اندازه تصویر به گونه‌ای که فشرده نشود */
border: 10px solid #3bb273;  /* حاشیه سبز */
border-radius: 20px;        /* گوشه‌های گرد */
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);  /* سایه اطراف لوگو */
display: block;
margin-bottom: 0;           /* حذف فاصله از متن */
}

/* ریسپانسیو – موبایل */
@media (max-width: 576px) {
#splash-logo img {
  width: 80vw;            /* بزرگ‌تر کردن برای موبایل */
  max-height: 80vh;       /* افزایش ارتفاع برای موبایل */
  border-width: 6px;      /* کاهش ضخامت حاشیه برای موبایل */
}
}

/* ریسپانسیو – تبلت‌ها */
@media (min-width: 576px) and (max-width: 768px) {
#splash-logo img {
  width: 75vw;           /* اندازه لوگو در تبلت */
  max-height: 75vh;      /* تغییر اندازه ارتفاع در تبلت */
}
}
  /* .spinner-border {
    width: 2.2rem;
    height: 2.2rem;
    border-width: 0.22rem;
  } */

  /* ---------- NAVBAR (همان تم صفحه اصلی) ---------- */
  .navbar {
    background: rgba(11, 59, 46, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 28px rgba(3, 25, 18, 0.45);
  }
  .navbar-brand {
    font-weight: 700;
    letter-spacing: 0.03em;
  }
  .brand-logo-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--kiwi-green), var(--kiwi-accent));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #083021;
    margin-inline-end: 8px;
    font-size: 1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35);
  }
  .navbar-nav .nav-link {
    font-size: 0.9rem;
    padding-inline: 0.8rem;
    color: #f8f9fa !important;
    opacity: 0.9;
  }
  .navbar-nav .nav-link:hover {
    opacity: 1;
    color: var(--kiwi-accent) !important;
  }
  .navbar-actions {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-inline-start: 1rem;
  }
  .lang-toggle .btn {
    padding: 3px 12px;
    font-size: 0.8rem;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  }


  #articleContent p {
font-size: 1.05rem;
line-height: 2.25;
margin: 16px 0;
text-align: justify;
color: #183a2e;
}

#articleContent blockquote {
background: #f0fff4;
border-right: 4px solid var(--kiwi-green);
padding: 14px 18px;
border-radius: 12px;
margin: 22px 0;
font-style: italic;
color: #1a3d2e;
}

#articleContent ul {
padding-right: 28px;
margin-bottom: 16px;
}


  .btn-admin {
    border-radius: 999px;
    font-size: 0.8rem;
    padding: 5px 14px;
    box-shadow: 0 5px 16px rgba(0,0,0,0.3);
  }
  @media (max-width: 991.98px) {
    .navbar-actions {
      margin-top: 0.75rem;
      margin-inline-start: 0;
    }
  }


  .highlight-box {
border-radius: 14px;
background: rgba(59,178,115,0.08);
border: 1px solid rgba(59,178,115,0.22);
padding: 14px 20px;
display: flex;
gap: 10px;
font-size: .95rem;
color: #0d3c28;
}
.highlight-box i { font-size: 1.25rem; color: var(--kiwi-green); }



.btn-comment {
background: linear-gradient(135deg, #3bb273, #2c8d58);
padding: 8px 26px;
border-radius: 999px;
border: none;
color: #fff;
font-weight: 600;
box-shadow: 0 6px 16px rgba(0,0,0,0.15);
transition: 0.25s;
}
.btn-comment:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}
.btn-comment:active {
transform: scale(.97);
}


  main {
    padding-top: 90px;
    padding-bottom: 40px;
  }

  /* ---------- ARTICLE LAYOUT ---------- */
  .article-wrapper {
    margin-top: 20px;
  }

  .article-hero {
    border-radius: 24px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.93);
    box-shadow: 0 18px 50px rgba(15, 68, 34, 0.2);
    border: 1px solid rgba(27, 94, 32, 0.08);
    animation: fadeUp 0.35s ease-out;
  }
  .article-hero-img {
    width: 100%;
    height: auto;
    max-height: none;
    overflow: hidden;
    background: #f6fbf7;
  }
  .article-hero-img img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center center;
  }

  .badge-category {
    background: var(--kiwi-light);
    padding: 4px 12px;
    border-radius: 999px;
    font-size: .8rem;
    color: var(--kiwi-dark);
  }
  .article-meta {
    font-size: 0.85rem;
    color: #667;
  }

  .article-main {
    margin-top: 22px;
    border-radius: 22px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.12);
    padding: 22px 26px;
    animation: fadeUp 0.45s ease-out;
  }

  #articleContent h1, #articleContent h2, #articleContent h3 {
    color: var(--kiwi-dark);
    margin-top: 1.1rem;
  }
  #articleContent p {
    line-height: 1.9;
    margin-bottom: 0.8rem;
  }

  /* ---------- Q&A + COMMENTS ---------- */
  .qa-section {
    margin-top: 32px;
  }
  .qa-card {
    border-radius: 14px;
    background: #fdfefc;
    border: 1px solid rgba(59,178,115,0.15);
    padding: 10px 14px;
    margin-bottom: 10px;
  }
  .qa-meta {
    font-size: 0.8rem;
    color: #789;
  }
  .qa-question {
    margin-top: 4px;
    font-size: 0.9rem;
  }

  /* ---------- FOOTER (همان تم صفحه اصلی) ---------- */
  .app-footer {
    background: var(--kiwi-dark);
    padding: 40px 0 35px;
    border-top: 2px solid rgba(255, 209, 102, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 28px;
    border-radius: 40px;
    background: rgba(59, 178, 115, 0.10);
    border: 1px solid rgba(59,178,115,0.35);
    backdrop-filter: blur(8px);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.45);
  }
  .footer-inner span {
    font-size: 0.95rem;
    color: var(--kiwi-light);
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  .footer-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kiwi-accent);
  }

  /* ---------- LOADING OVERLAY ---------- */
  #loadingOverlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9998;
  }
  .qa-card {
background: #fff;
border-radius: 14px;
padding: 12px 16px;
border: 1px solid rgba(0,0,0,0.05);
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
margin-bottom: 12px;
transition: 0.2s;
}
.qa-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.qa-meta {
color: #6c7a75;
font-size: 0.8rem;
}
.qa-question {
margin-top: 4px;
font-size: 0.95rem;
line-height: 1.8;
color: #123;
}


  /* تایپوگرافی قشنگ‌تر برای متن */
.article-body {
max-width: 780px;
margin: 0 auto;
font-size: 0.97rem;
line-height: 2.1;
color: #19353f;
}

.article-body p {
margin-bottom: 0.9rem;
}

.article-body h1,
.article-body h2,
.article-body h3 {
margin-top: 1.4rem;
margin-bottom: 0.6rem;
color: var(--kiwi-dark);
font-weight: 700;
}

/* پاراگراف اول کمی خاص‌تر */
.article-body p:first-of-type {
font-size: 1.02rem;
font-weight: 500;
}

/* بلوک‌کوت */
.article-body blockquote {
border-right: 3px solid var(--kiwi-green);
padding-right: 0.75rem;
margin: 1rem 0;
font-style: italic;
background: rgba(59,178,115,0.06);
border-radius: 12px;
}

/* سکشن خلاصه مقاله */
.article-summary {
border-radius: 18px;
padding: 14px 16px;
margin-bottom: 16px;
background: linear-gradient(135deg, rgba(59,178,115,0.12), rgba(255,209,102,0.12));
border: 1px solid rgba(59,178,115,0.3);
}

.article-summary-title {
font-size: 0.95rem;
font-weight: 700;
color: #07402c;
margin-bottom: 4px;
}

.article-summary-text {
font-size: 0.9rem;
margin: 0;
color: #17353b;
}

/* متا زیر عنوان */
.article-meta i {
color: var(--kiwi-accent);
}

.article-meta span {
vertical-align: middle;
}

/* سوئیچ زبان مقاله */
.article-lang-switch {
display: inline-flex;
gap: 0.4rem;
flex-wrap: wrap;
}

.article-lang-switch .btn {
border-radius: 999px;
font-size: 0.8rem;
padding: 4px 12px;
transition: all 0.2s ease;
}

.article-lang-switch .btn.active {
background: linear-gradient(135deg, var(--kiwi-green), #4fd08b);
color: #fff;
border-color: transparent;
box-shadow: 0 6px 16px rgba(59,178,115,0.5);
}

/* دکمه ثبت نظر – زیباتر + انیمیشن */
.btn-comment {
position: relative;
overflow: hidden;
border-radius: 999px;
padding-inline: 20px;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.btn-comment::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 10% 0, rgba(255,255,255,0.45), transparent 55%);
opacity: 0;
transition: opacity 0.2s ease;
}

.btn-comment:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(59,178,115,0.45);
}

.btn-comment:hover::before {
opacity: 1;
}

.btn-comment:active {
transform: translateY(0);
box-shadow: 0 4px 10px rgba(59,178,115,0.35);
}

/* کارت نظرها کمی نرم‌تر */
.qa-card {
transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.qa-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

/* Audio Card Styles */
.article-audio-card {
background: #ffffff;
border-radius: 25px;
padding: 20px;
margin-bottom: 25px;
border: 1px solid rgba(59, 178, 115, 0.18);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.audio-cover-img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 20px;
margin-bottom: 15px;
}

.article-audio-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}

.article-audio-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, #3bb273, #56d68f);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
}

.audio-desc {
color: #6c757d;
font-size: 0.9rem;
}

#articleAudioPlayer {
width: 100%;
height: 55px;
border-radius: 15px;
}

@media (max-width: 768px) {
.article-audio-header {
  flex-direction: column;
  align-items: flex-start;
}
.article-audio-icon {
  margin-bottom: 10px;
}
}


/* استایل رفرنس مقاله */
.article-ref-link {
display: block;
color: #0d6efd; /* رنگ اصلی لینک */
text-decoration: none; /* بدون زیرخط همیشه */
font-size: 0.88rem;
padding: 2px 4px;
border-radius: 6px;
transition: all 0.25s ease;
}

/* افکت هنگام موس روی لینک */
.article-ref-link:hover {
color: #0b3b2e; /* رنگ تیره‌تر */
background-color: rgba(59, 178, 115, 0.15); /* پس‌زمینه سبز روشن */
box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* سایه نرم */
transform: scale(1.03); /* کمی بزرگ شدن */
}

  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }









  .article-body .article-en {
    direction: ltr;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.9;
    color: #263238;
    margin-top: 28px;
    unicode-bidi: isolate;
  }
  
  .article-body .article-en h1,
  .article-body .article-en h2,
  .article-body .article-en h3,
  .article-body .article-en h4,
  .article-body .article-en h5,
  .article-body .article-en h6,
  .article-body .article-en p,
  .article-body .article-en li {
    direction: ltr;
    text-align: left;
  }
  
  .article-body .article-en ul,
  .article-body .article-en ol {
    padding-left: 24px;
    padding-right: 0;
  }
  
  .article-body .article-en a {
    direction: ltr;
    unicode-bidi: isolate;
    word-break: break-word;
  }
  
  .article-english-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 42px 0 24px;
    direction: ltr;
  }
  
  .article-english-divider::before,
  .article-english-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(25, 135, 84, 0.25);
  }
  
  .article-english-divider span {
    background: #f4fbf4;
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.22);
    padding: 7px 20px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
  }



  #articleReferenceBox,
#articleReferenceText,
.article-references {
direction: ltr !important;
text-align: left !important;
unicode-bidi: isolate !important;
}

#articleReferenceText a,
#articleReferenceText li,
.article-references a,
.article-references li {
direction: ltr !important;
text-align: left !important;
unicode-bidi: plaintext !important;
display: block;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.8;
overflow-wrap: anywhere;
}

/* =========================================================
 ARTICLE HERO + REFERENCES — FINAL DISPLAY PATCH
 این بخش باید در انتهای فایل article.css قرار بگیرد.
 ========================================================= */

/* ---------- کاور مقاله: نمایش حرفه‌ای در دسکتاپ ---------- */
.article-hero {
max-width: 1180px;
margin: 0 auto;
overflow: hidden;
border: 1px solid rgba(27, 94, 32, 0.12);
border-radius: 26px;
background: rgba(255, 255, 255, 0.96);
box-shadow:
  0 22px 55px rgba(10, 54, 38, 0.16),
  0 4px 14px rgba(10, 54, 38, 0.06);
}

.article-hero-img {
position: relative;
width: 100%;
overflow: hidden;
background: #061126;
}

.article-hero-img img,
#articleImage {
display: block;
width: 100%;
height: auto;
object-fit: cover;
object-position: center center;
}

/* پنل زیر کاور */
.article-hero-info {
position: relative;
padding: 22px 28px !important;
background:
  radial-gradient(circle at 100% 0, rgba(59, 178, 115, 0.10), transparent 36%),
  linear-gradient(135deg, #ffffff, #f8fffb);
border-top: 1px solid rgba(27, 94, 32, 0.09);
}

.article-hero-info h2 {
margin: 10px 0 7px;
color: #0b3b2e;
font-size: clamp(1.25rem, 2vw, 1.7rem);
font-weight: 800;
line-height: 1.8;
}

.article-hero-info .article-meta {
margin: 0;
color: #5f6f69;
}

/* دسکتاپ: کاور عریض، بدون فضای سفید و با نسبت استاندارد سایت */
@media (min-width: 992px) {
.article-wrapper {
  max-width: 1180px;
}

.article-hero-img {
  aspect-ratio: 16 / 9;
  min-height: 430px;
}

.article-hero-img img,
#articleImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.article-hero:hover .article-hero-img img {
  transform: scale(1.012);
}

.article-hero-img img {
  transition: transform 0.45s ease;
}
}

/* موبایل: هیچ بخش مهمی از کاور بریده نشود */
@media (max-width: 991.98px) {
.article-hero {
  border-radius: 18px;
}

.article-hero-img {
  aspect-ratio: 16 / 9;
}

.article-hero-img img,
#articleImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #061126;
}

.article-hero-info {
  padding: 18px 16px !important;
}

.article-hero-info h2 {
  font-size: 1.13rem;
  line-height: 1.85;
}
}

/* ---------- منابع: عنوان فارسی راست‌چین، متن انگلیسی چپ‌چین ---------- */
#articleReferenceBox {
direction: rtl !important;
text-align: right !important;
margin-top: 42px;
margin-bottom: 28px !important;
padding: 24px 26px;
border: 1px solid rgba(20, 83, 45, 0.14);
border-radius: 18px;
background:
  radial-gradient(circle at top right, rgba(59, 178, 115, 0.10), transparent 42%),
  linear-gradient(135deg, #f8fffb, #ffffff);
box-shadow: 0 12px 30px rgba(20, 70, 48, 0.07);
}

/* فقط عنوان بخش فارسی است و باید راست‌چین باشد */
#articleReferenceBox > strong {
display: block;
direction: rtl !important;
text-align: right !important;
color: #14532d;
font-size: 1.03rem;
font-weight: 800;
margin: 0 0 16px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(20, 83, 45, 0.13);
}

/* خود منابع انگلیسی هستند؛ پس چپ‌چین بمانند */
#articleReferenceText,
#articleReferenceBox .article-references {
direction: ltr !important;
text-align: left !important;
unicode-bidi: plaintext !important;
margin: 0 !important;
color: #2d3e49;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 0.95rem;
font-weight: 400;
line-height: 2.05;
}

#articleReferenceText a,
#articleReferenceText li,
#articleReferenceBox .article-references a,
#articleReferenceBox .article-references li {
direction: ltr !important;
text-align: left !important;
unicode-bidi: plaintext !important;
display: inline;
font-family: Arial, Helvetica, sans-serif !important;
line-height: inherit;
overflow-wrap: anywhere;
word-break: break-word;
}

#articleReferenceText a,
#articleReferenceBox .article-references a {
color: #1769aa;
text-decoration: none;
border-bottom: 1px dashed rgba(23, 105, 170, 0.45);
transition: color 0.2s ease, border-color 0.2s ease;
}

#articleReferenceText a:hover,
#articleReferenceBox .article-references a:hover {
color: #0d4f87;
border-bottom-color: #0d4f87;
}

/* فاصله مناسب بین رفرنس‌هایی که توسط <br> ساخته می‌شوند */
#articleReferenceText br {
display: block;
content: "";
margin-bottom: 11px;
}

@media (max-width: 576px) {
#articleReferenceBox {
  margin-top: 30px;
  padding: 18px 16px;
  border-radius: 14px;
}

#articleReferenceText,
#articleReferenceBox .article-references {
  font-size: 0.87rem;
  line-height: 1.95;
}
}



      /*
        محافظ نمایش تصاویرِ تولیدشده توسط CKEditor.
        این قوانین فقط محتوای متن مقاله را هدف می‌گیرند؛
        بنابراین روی کاور و بخش‌های دیگر صفحه اثری ندارند.
      */
      .article-wrapper,
      .article-main,
      .article-body {
        min-width: 0;
        max-width: 100%;
      }

      .article-main,
      .article-body {
        overflow-x: hidden;
      }

      .article-body figure.image,
      .article-body .image,
      .article-body figure.image.image_resized {
        clear: both;
        display: block;
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 2rem auto !important;
        text-align: center;
        box-sizing: border-box;
      }

      .article-body figure.image img,
      .article-body .image img,
      .article-body img {
        display: block;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 900px;
        margin-inline: auto;
        object-fit: contain;
        box-sizing: border-box;
        border-radius: 14px;
        box-shadow: 0 10px 28px rgba(11, 59, 46, 0.10);
      }

      .article-body figure.image figcaption,
      .article-body .image figcaption {
        max-width: 100%;
        margin-top: .7rem;
        padding: .55rem .85rem;
        color: #60736c;
        font-size: .9rem;
        line-height: 1.8;
        text-align: center;
        overflow-wrap: anywhere;
      }

      /* تصویرهایی که به‌صورت خام در یک پاراگراف یا متن HTML قرار گرفته‌اند */
      .article-body p > img,
      .article-body a > img {
        margin-block: 1.2rem;
      }

      @media (max-width: 576px) {
        .article-body figure.image,
        .article-body .image {
          margin: 1.25rem auto !important;
        }

        .article-body figure.image img,
        .article-body .image img,
        .article-body img {
          max-height: none;
          border-radius: 10px;
        }
      }


      /* KiwiAI — Article cover: show the whole image without cropping.
   Paste this at the VERY END of css/article.css.
   This block overrides the previous `height: clamp(...)` and `object-fit: cover` rules. */

.article-wrapper > .article-hero,
.article-wrapper > .article-main {
  width: 100%;
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.article-hero {
  overflow: hidden;
  border-radius: 26px;
}

.article-hero-img {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  background: #eef7f2;
}

.article-hero-img > img,
#articleImage {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transform: none !important;
}

.article-hero:hover .article-hero-img img {
  transform: none !important;
}

.article-hero-info {
  min-height: 0 !important;
  padding: 22px 28px !important;
}

@media (max-width: 576px) {
  .article-wrapper > .article-hero,
  .article-wrapper > .article-main {
    max-width: 100%;
  }

  .article-hero {
    border-radius: 18px;
  }

  .article-hero-info {
    padding: 18px 16px !important;
  }
}


.article-tag-link {
  display: inline-flex;
  align-items: center;
  margin: 4px 3px;
  text-decoration: none;
  cursor: pointer;
}

.article-tag-link:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

/* KIWI_STATIC_ARTICLE_LAYOUT_V1_START */
/* هدر مقاله: بدون حرکت، بدون transition و بدون تغییر پس از لود */
body[data-page="article-detail-bilingual"] .kiwi-navbar,
body[data-page="article-detail-bilingual"] .kiwi-navbar *,
body[data-page="article-detail-bilingual"] .navbar-brand,
body[data-page="article-detail-bilingual"] .brand-text,
body[data-page="article-detail-bilingual"] .navbar-nav .nav-link {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

body[data-page="article-detail-bilingual"] .kiwi-navbar .nav-link.active {
  background: #46bb78 !important;
  border-color: #59cc89 !important;
  color: #083d2c !important;
  box-shadow: none !important;
}

/* خلاصه مقاله */
body[data-page="article-detail-bilingual"] #articleSummaryBox {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;
  text-justify: inter-word !important;
  line-height: 2.05 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  white-space: normal !important;
}

body[data-page="article-detail-bilingual"] #articleSummaryBox p,
body[data-page="article-detail-bilingual"] #articleSummaryBox li,
body[data-page="article-detail-bilingual"] #articleSummaryBox .summary-text,
body[data-page="article-detail-bilingual"] #articleSummaryBox .summary-body,
body[data-page="article-detail-bilingual"] #articleSummaryBox .article-summary-copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;
  text-justify: inter-word !important;
  line-height: 2.05 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

body[data-page="article-detail-bilingual"] #articleSummaryBox h1,
body[data-page="article-detail-bilingual"] #articleSummaryBox h2,
body[data-page="article-detail-bilingual"] #articleSummaryBox h3,
body[data-page="article-detail-bilingual"] #articleSummaryBox h4,
body[data-page="article-detail-bilingual"] #articleSummaryBox h5,
body[data-page="article-detail-bilingual"] #articleSummaryBox h6,
body[data-page="article-detail-bilingual"] #articleSummaryBox [class*="title"],
body[data-page="article-detail-bilingual"] #articleSummaryBox [class*="label"] {
  direction: rtl !important;
  text-align: right !important;
  text-align-last: auto !important;
}

/* توضیحات و متن اصلی مقاله */
body[data-page="article-detail-bilingual"] #articleContent p,
body[data-page="article-detail-bilingual"] #articleContent li,
body[data-page="article-detail-bilingual"] .article-content p,
body[data-page="article-detail-bilingual"] .article-content li,
body[data-page="article-detail-bilingual"] .article-main p,
body[data-page="article-detail-bilingual"] .article-main li,
body[data-page="article-detail-bilingual"] .article-body p,
body[data-page="article-detail-bilingual"] .article-body li {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;
  text-justify: inter-word !important;
  line-height: 2.12 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* توضیحات کارت‌های تبلیغاتی داخل مقاله */
body[data-page="article-detail-bilingual"] .article-body :is(
  .article-ad,
  .inline-ad,
  [class*="advert"],
  [class*="promo"],
  [class*="sponsor"]
) :is(
  p,
  li,
  .ad-description,
  .ad-copy,
  [class*="description"]
) {
  width: 100% !important;
  max-width: none !important;
  direction: rtl !important;
  text-align: justify !important;
  text-align-last: right !important;
  line-height: 2.05 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* رفرنس‌ها همیشه انگلیسی و چپ‌چین باقی بمانند */
body[data-page="article-detail-bilingual"] #articleReferenceBox,
body[data-page="article-detail-bilingual"] #articleReferenceText,
body[data-page="article-detail-bilingual"] #articleReferenceBox p,
body[data-page="article-detail-bilingual"] #articleReferenceBox li,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references {
  direction: ltr !important;
  text-align: left !important;
  text-align-last: left !important;
  unicode-bidi: plaintext !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body[data-page="article-detail-bilingual"] #articleReferenceBox a,
body[data-page="article-detail-bilingual"] #articleReferenceText a {
  color: #1769aa !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
}

body[data-page="article-detail-bilingual"] .article-en p,
body[data-page="article-detail-bilingual"] .article-en li,
body[data-page="article-detail-bilingual"] [dir="ltr"] p,
body[data-page="article-detail-bilingual"] [dir="ltr"] li {
  direction: ltr !important;
  text-align: left !important;
  text-align-last: left !important;
}

@media (max-width: 760px) {
  body[data-page="article-detail-bilingual"] #articleSummaryBox,
  body[data-page="article-detail-bilingual"] .article-body p,
  body[data-page="article-detail-bilingual"] .article-body li,
  body[data-page="article-detail-bilingual"] #articleContent p,
  body[data-page="article-detail-bilingual"] #articleContent li {
    line-height: 2.02 !important;
  }
}
/* KIWI_STATIC_ARTICLE_LAYOUT_V1_END */

/* KIWI_REFERENCE_BEAUTY_V2_START */
/* =========================================================
   KiwiAI — Article references final beauty fix
   فقط استایل بخش منابع و رفرنس‌ها
   ========================================================= */

body[data-page="article-detail-bilingual"] #articleReferenceBox {
  direction: rtl !important;
  text-align: right !important;
  margin-top: 42px !important;
  margin-bottom: 30px !important;
  padding: 24px 24px 22px !important;
  border: 1px solid rgba(20, 83, 45, 0.12) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top right, rgba(59, 178, 115, 0.08), transparent 40%),
    linear-gradient(135deg, #fbfffc, #f5fbf7) !important;
  box-shadow:
    0 16px 36px rgba(11, 59, 46, 0.08),
    0 2px 8px rgba(11, 59, 46, 0.03) !important;
}

/* عنوان بخش: برود سمت راست و تمیزتر شود */
body[data-page="article-detail-bilingual"] #articleReferenceBox > strong {
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  direction: rtl !important;
  text-align: right !important;
  text-align-last: right !important;
  color: #14532d !important;
  font-size: 1.06rem !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
  border-bottom: 1px solid rgba(20, 83, 45, 0.10) !important;
  letter-spacing: 0 !important;
}

/* خود باکس رفرنس‌ها */
body[data-page="article-detail-bilingual"] #articleReferenceText,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.98rem !important;
  line-height: 2 !important;
  color: #264653 !important;
}

/* اگر رفرنس‌ها با br جدا شده باشند */
body[data-page="article-detail-bilingual"] #articleReferenceText br {
  display: block !important;
  content: "" !important;
  margin-bottom: 2px !important;
}

/* کارت هر رفرنس */
body[data-page="article-detail-bilingual"] #articleReferenceText > a,
body[data-page="article-detail-bilingual"] #articleReferenceText > span,
body[data-page="article-detail-bilingual"] #articleReferenceText > p,
body[data-page="article-detail-bilingual"] #articleReferenceText > div,
body[data-page="article-detail-bilingual"] #articleReferenceText > li,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > a,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > span,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > p,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > div,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > li,
body[data-page="article-detail-bilingual"] .article-ref-link,
body[data-page="article-detail-bilingual"] .article-ref-text {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
  background: linear-gradient(135deg, #f9fdf9, #f2faf5) !important;
  border: 1px solid rgba(53, 122, 78, 0.13) !important;
  border-left: 4px solid #41b977 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 22px rgba(20, 70, 48, 0.05) !important;
  line-height: 2 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* لینک‌ها خوشگل و خوانا */
body[data-page="article-detail-bilingual"] #articleReferenceText a,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references a,
body[data-page="article-detail-bilingual"] .article-ref-link {
  color: #1565c0 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    background 0.18s ease !important;
}

body[data-page="article-detail-bilingual"] #articleReferenceText a:hover,
body[data-page="article-detail-bilingual"] #articleReferenceText a:focus,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references a:hover,
body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references a:focus,
body[data-page="article-detail-bilingual"] .article-ref-link:hover,
body[data-page="article-detail-bilingual"] .article-ref-link:focus {
  color: #0d4f87 !important;
  background: linear-gradient(135deg, #ffffff, #eef8f2) !important;
  border-color: rgba(53, 122, 78, 0.22) !important;
  box-shadow: 0 12px 28px rgba(20, 70, 48, 0.09) !important;
  transform: translateY(-1px) !important;
}

/* متن غیرلینکی رفرنس */
body[data-page="article-detail-bilingual"] .article-ref-text {
  color: #2f4858 !important;
  font-weight: 500 !important;
}

/* موبایل */
@media (max-width: 576px) {
  body[data-page="article-detail-bilingual"] #articleReferenceBox {
    padding: 18px 16px 16px !important;
    border-radius: 16px !important;
    margin-top: 30px !important;
  }

  body[data-page="article-detail-bilingual"] #articleReferenceBox > strong {
    font-size: 1rem !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }

  body[data-page="article-detail-bilingual"] #articleReferenceText,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references {
    gap: 12px !important;
    font-size: 0.90rem !important;
    line-height: 1.9 !important;
  }

  body[data-page="article-detail-bilingual"] #articleReferenceText > a,
  body[data-page="article-detail-bilingual"] #articleReferenceText > span,
  body[data-page="article-detail-bilingual"] #articleReferenceText > p,
  body[data-page="article-detail-bilingual"] #articleReferenceText > div,
  body[data-page="article-detail-bilingual"] #articleReferenceText > li,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > a,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > span,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > p,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > div,
  body[data-page="article-detail-bilingual"] #articleReferenceBox .article-references > li,
  body[data-page="article-detail-bilingual"] .article-ref-link,
  body[data-page="article-detail-bilingual"] .article-ref-text {
    padding: 14px 14px !important;
    border-radius: 14px !important;
  }
}
/* KIWI_REFERENCE_BEAUTY_V2_END */