/* =========================================================
   RazTheme — Tag Archive (tokens-first • no base overrides)
   ========================================================= */

/* ---------- Minimal mask icons (titlebar) ---------- */
.card-head[data-icon="tag"]{
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.59 13.41 11 3H4v7l9.59 9.59a2 2 0 0 0 2.82 0l4.18-4.18a2 2 0 0 0 0-2.82Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
}
.card-head[data-icon="help-circle"]{
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 2-3 4'/%3E%3Ccircle cx='12' cy='17' r='.5'/%3E%3C/svg%3E");
}

/* ---------- Breadcrumb (مثل سینگل، بدون شَدو) ---------- */
.raz-archive--tag .breadcrumb{margin:0 0 16px}
.raz-archive--tag .breadcrumb ol{
  display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:12px 16px;
  background:var(--glass, var(--surface));
  border:1px solid var(--border);
  border-radius:14px;
  -webkit-backdrop-filter:saturate(140%) blur(8px);
          backdrop-filter:saturate(140%) blur(8px);
  box-shadow:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;
}
.raz-archive--tag .breadcrumb ol::-webkit-scrollbar{display:none}
.raz-archive--tag .breadcrumb li{display:inline-flex;align-items:baseline;gap:6px;color:var(--fg);min-width:0;flex:0 0 auto;scroll-snap-align:center}
.raz-archive--tag .breadcrumb li+li::before{content:"›";margin:0 10px;color:var(--muted)}
.raz-archive--tag .breadcrumb a.crumb__link{display:inline-flex;align-items:baseline;gap:4px;color:color-mix(in srgb,var(--emerald-600) 90%, var(--fg));text-decoration:none;font-weight:500}
.raz-archive--tag .breadcrumb a.crumb__link:hover{text-decoration:underline}
.raz-archive--tag .breadcrumb .crumb__current{color:var(--fg);font-weight:400}

/* ---------- Titlebar ---------- */
.raz-archive__titlebar{
  display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0 0 var(--space-4);
  background:var(--glass-bg, var(--surface));
  border:1px solid var(--glass-border, var(--border));
  border-radius:var(--radius);
  box-shadow:none;min-width:0;
}
.raz-archive__titlebar>.card-head{margin:0;padding:0;color:var(--fg)}
.raz-archive__titlebar>.card-head::before{ background:var(--emerald-600)!important } /* فقط آیکن سبز */
.raz-archive__title{font-size:21px;line-height:1.45}
@media (max-width:480px){ .raz-archive__title{font-size:19px} }
.raz-archive__badge{
  margin-inline-start:auto;display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;height:28px;padding:0 10px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--emerald-500) 28%, var(--border));
  background:color-mix(in srgb,var(--emerald-500) 10%, transparent);
  font:600 12px/1 var(--font-ui,inherit);color:var(--fg);
}

/* ---------- Collapsible blocks (desc + content) ---------- */
.raz-tag-desc__inner,
.raz-tag-content__inner{
  color:var(--fg);
  background:var(--glass-bg, var(--surface));
  border:1px solid var(--glass-border, var(--border));
  border-radius:var(--radius);
  padding:14px 16px;max-height:140px;overflow:hidden;transition:max-height .25s ease;box-shadow:none;min-width:0;
}
.raz-tag-desc__inner p,
.raz-tag-content__inner p{ text-align:justify; text-justify:inter-word; hyphens:auto }

/* دکمه‌ها در ابتدا مخفی → بدون CLS */
.raz-tag-desc__toggle,
.raz-tag-content__toggle{
  display:none;
  margin-top:8px;font:500 13px/1 var(--font-ui,inherit);
  padding:8px 12px;border-radius:10px;
  border:1px solid var(--glass-border, var(--border));
  background:var(--glass-bg, var(--surface));
  color:var(--fg);cursor:pointer;
}
/* فقط وقتی JS گفت لازم است */
.raz-archive--tag [data-has-toggle="1"] .raz-tag-desc__toggle,
.raz-archive--tag [data-has-toggle="1"] .raz-tag-content__toggle{ display:inline-flex }

/* ---------- Layout (grid) ---------- */
:root{ --header-height:72px; --sticky-gap:18px; --sticky-offset:calc(var(--header-height) + var(--sticky-gap)); }
.raz-archive__layout{
  display:grid;gap:clamp(16px, 2.5vw, 24px);
  grid-template-columns:minmax(0,1fr) 320px;
  grid-template-areas:
    "main aside"
    "bottom bottom";
  align-items:start;margin-top:clamp(16px, 2.5vw, 24px);min-width:0;
}
.raz-archive__main{grid-area:main;min-width:0}
.raz-archive__bottom{grid-area:bottom;display:grid;gap:clamp(16px, 2.5vw, 24px);min-width:0}
.raz-archive__aside{grid-area:aside;position:sticky;top:var(--sticky-offset);align-self:start;height:fit-content;min-width:0}
@media (max-width:991.98px){
  .raz-archive__layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "main"
      "bottom"
      "aside";
  }
  .raz-archive__aside{position:static;top:auto}
}

/* ---------- Cards ---------- */
.raz-tag-cards{display:grid;gap:clamp(12px, 2vw, 16px);grid-template-columns:1fr;list-style:none;padding:0;margin:0;min-width:0}
.raz-tag-cards__item{list-style:none;min-width:0}
.raz-tag-card{
  display:grid;gap:12px;align-items:center;grid-template-columns:260px 1fr;
  padding:12px;
  background:var(--glass-bg, var(--surface));
  border:1px solid var(--glass-border, var(--border));
  border-radius:var(--radius);
  box-shadow:none;min-width:0;
}
@media (min-width:1440px){ .raz-tag-card{grid-template-columns:280px 1fr} }

.raz-tag-card__thumb{
  grid-column:1;grid-row:1 / span 3;height:160px;border-radius:var(--radius-sm);
  overflow:hidden;background:color-mix(in srgb,var(--fg) 6%, var(--bg));min-width:0
}
.raz-tag-card__thumb img,.raz-no-thumb{width:100%;height:100%;object-fit:cover;display:block}
.raz-no-thumb{background:linear-gradient(135deg,#e5e7eb,#f1f5f9)}

.raz-tag-card__body{grid-column:2;display:flex;flex-direction:column;gap:8px;padding:0 4px;min-width:0}
.raz-tag-card__title{margin:0;font-size:16px;line-height:1.6;font-weight:700;color:var(--fg)}
.raz-tag-card__title a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.raz-tag-card__excerpt{
  margin:0;font-size:13px;color:var(--muted);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  text-align:justify;text-justify:inter-word;hyphens:auto;word-break:break-word;
}

.raz-tag-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;min-width:0}
.raz-tag-card__date{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--font-ui,inherit);color:var(--muted)}
.raz-tag-card__date::before{
  content:"";inline-size:16px;block-size:16px;flex:0 0 16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v4M8 2v4'/%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v4M8 2v4'/%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* دسته‌ها داخل کارت — یک‌خطی با اسکرول افقی (همهٔ عرض‌ها) */
.raz-archive--tag .raz-tag-card__cats{
  display:flex;align-items:center;gap:8px;
  flex-wrap:nowrap;white-space:nowrap;
  overflow-x:auto;overflow-y:hidden;max-width:100%;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.raz-archive--tag .raz-tag-card__cats::-webkit-scrollbar{display:none}
/* بدون تغییر ظاهر link-chip — فقط جلوگیری از شکستن */
.raz-archive--tag .raz-tag-card__cats .link-chip{flex:0 0 auto}

/* آیکن فولدر مینیمال کنار نام دسته */
.raz-archive--tag .raz-chip-cat{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.raz-archive--tag .raz-chip-cat__icon{
  inline-size:14px;block-size:14px;flex:0 0 14px;background:currentColor;opacity:.9;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h6l2 2h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h6l2 2h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* موبایل کارت تک‌ستونه */
@media (max-width:1023.98px){
  .raz-tag-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:12px}
  .raz-tag-card__thumb{grid-column:1;grid-row:1;height:auto;aspect-ratio:16/9;border-radius:8px}
  .raz-tag-card__body{grid-column:1;padding:8px 0 0}
  .raz-tag-card__excerpt{-webkit-line-clamp:3}
}

/* ---------- Pager ---------- */
.raz-pager{margin:clamp(16px, 2.5vw, 24px) 0 0;text-align:center}
.raz-pager .nav-links{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.raz-pager a,.raz-pager span{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);
  border:1px solid var(--glass-border, var(--border));
  background:var(--glass-bg, var(--surface));
  color:var(--fg);box-shadow:none;
}
.raz-pager .current{font-weight:700}

/* ---------- Bottom blocks + FAQ ---------- */
.raz-tag-content,.raz-tag-faq{
  padding:var(--space-4);
  background:var(--glass-bg, var(--surface));
  border:1px solid var(--glass-border, var(--border));
  border-radius:var(--radius);box-shadow:none;min-width:0
}
.raz-faq-head{margin:0 0 8px;color:var(--fg)}
.raz-faq-head::before{background:var(--emerald-600)!important}

.raz-faq{display:flex;flex-direction:column;gap:12px}
details.raz-faq__item{
  border:1px solid var(--glass-border, var(--border));
  border-radius:var(--radius);
  background:var(--glass-bg, var(--surface));
  overflow:hidden;transition:border-color .25s ease;box-shadow:none;
}
details.raz-faq__item[open]>summary{border-bottom:1px dashed var(--border)}
.raz-faq__q{
  display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;user-select:none;outline:0;
  font:500 15px/1.7 var(--font-ui,inherit);color:var(--fg);background:transparent;position:relative
}
.raz-faq__q::-webkit-details-marker,details.raz-faq__item>summary::marker{display:none}
.raz-faq__q::after{
  content:"";inline-size:18px;block-size:18px;flex:0 0 18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
  transition:transform .3s cubic-bezier(.4,0,.2,1)
}
details.raz-faq__item[open] .raz-faq__q::after{transform:rotate(180deg)}
.raz-faq__a{padding:10px 16px 14px;font:400 13.5px/1.9 var(--font-ui,inherit);color:var(--muted);text-align:justify;hyphens:auto}

/* Utils */
.raz-text--muted{color:var(--muted)}