/* Shokrino — Archive Page (Dark/Light/System)
 * Extracted minimal CSS for `.archive-grid-posts-shkrn` grid + archive header/breadcrumb + pagination.
 * Source: style.css (Shokrino theme)
 */

/* ---------- CSS Variables (base) ---------- */
:root {
  --shkrn-var-font-family: YekanBakh , Roboto , sans-serif;
  --shkrn-var-main-color: #00B4FF;
  --shkrn-var-main-color-rgb: 0, 0, 0;
  --shkrn-var-main-color-shadow: rgba(var(--shkrn-var-main-color-rgb), 0.07);

  /* sensible light defaults (overridden by body classes below) */
  --shkrn-var-color-light-dark-high: #fff;
  --shkrn-var-color-light-dark-middle: #fff;
  --shkrn-var-color-light-dark-opacity-bg: rgba(0, 0, 0, 0.06);
  --shkrn-var-color-light-dark-opacity-text: #707070;
  --shkrn-var-color-light-dark-border: #eaeaea;
  --shkrn-var-color-light-dark-text: #4a4a4a;
}

/* ---------- Color modes ---------- */
/* System (auto) */
@media (prefers-color-scheme: dark) {
  body.system-mode-shkrn {
    --shkrn-var-color-light-dark-high: #121212;
    --shkrn-var-color-light-dark-middle: #373737;
    --shkrn-var-color-light-dark-text: #fff;
    --shkrn-var-color-light-dark-opacity-bg: rgba(255, 255, 255, 0.23);
    --shkrn-var-color-light-dark-opacity-text: #fff;
    --shkrn-var-color-light-dark-border: transparent;
  }
}
@media (prefers-color-scheme: light) {
  body.system-mode-shkrn {
    --shkrn-var-color-light-dark-high: #fff;
    --shkrn-var-color-light-dark-middle: #fff;
    --shkrn-var-color-light-dark-opacity-bg: rgba(0, 0, 0, 0.06);
    --shkrn-var-color-light-dark-opacity-text: #707070;
    --shkrn-var-color-light-dark-border: #eaeaea;
    --shkrn-var-color-light-dark-text: #4a4a4a;
  }
}

/* Explicit dark / light */
body.dark-mode-shkrn {
  --shkrn-var-color-light-dark-high: #121212;
  --shkrn-var-color-light-dark-middle: #373737;
  --shkrn-var-color-light-dark-text: #fff;
  --shkrn-var-color-light-dark-opacity-bg: rgba(255, 255, 255, 0.23);
  --shkrn-var-color-light-dark-opacity-text: #fff;
  --shkrn-var-color-light-dark-border: transparent;
}
body.light-mode-shkrn {
  --shkrn-var-color-light-dark-high: #fff;
  --shkrn-var-color-light-dark-middle: #fff;
  --shkrn-var-color-light-dark-opacity-bg: rgba(0, 0, 0, 0.06);
  --shkrn-var-color-light-dark-opacity-text: #707070;
  --shkrn-var-color-light-dark-text: #4a4a4a;
  --shkrn-var-color-light-dark-border: #eaeaea;
}

/* ---------- Archive header / breadcrumb ---------- */
.woocommerce .shkrn-archive-title-desc { margin: 30px auto; }
.shkrn-archive-title-desc {
  flex-wrap: wrap;
  padding: 32px 40px;
  border-radius: 30px;
  margin-top: 30px;
  background-color: var(--shkrn-var-color-light-dark-opacity-bg);
  line-height: 2em;
  color: var(--shkrn-var-color-light-dark-opacity-text);
}
.shkrn-archive-title-desc h1 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

.breadcrumb-box-shkrn {
  width: 100%;
  background-color: var(--shkrn-var-color-light-dark-middle);
  margin: 25px auto;
  border-radius: 35px;
  box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
  padding: 12px 24px;
  position: relative;
  overflow-x: auto;
  overflow-y: clip;
  justify-content: start;
}
.breadcrumb-box-shkrn > p {
  display: flex;
  justify-content: center;
  min-width: -webkit-max-content;
  min-width: max-content;
}
.breadcrumb-box-shkrn a { color: var(--shkrn-var-main-color) !important; }

/* ---------- Archive grid ---------- */
.archive-grid-posts-shkrn {
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 35px;
}
.archive-grid-posts-shkrn .box-article:hover { margin-top: 0; margin-bottom: 0; }
.archive-grid-posts-shkrn .box-article {
  background-color: var(--shkrn-var-color-light-dark-middle);
  border: 1px solid var(--shkrn-var-color-light-dark-border);
}

/* Woo category tiles inside archive grid (optional) */
.archive-grid-posts-shkrn .product-category a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  border-radius: 25px;
  background-color: var(--shkrn-var-color-light-dark-middle);
  transition: all 0.15s ease-in-out;
  padding: 25px;
  box-shadow: 0px 5px 12px 10px rgba(61, 130, 179, 0.05);
  position: relative;
}
.archive-grid-posts-shkrn .product-category a > img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 15px;
}
.archive-grid-posts-shkrn .product-category .count {
  text-decoration: none;
  background: none;
  display: none;
}

/* Grid column helpers */
.shkrn-grid-columns-2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
.shkrn-grid-columns-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }
.shkrn-grid-columns-4 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
.shkrn-grid-columns-5 { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(5, 1fr); }
.shkrn-grid-columns-6 { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: repeat(6, 1fr); }

/* Responsive fallback for grid when a specific column helper isn't used */
@media only screen and (max-width: 1200px) {
  .archive-grid-posts-shkrn { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
}
@media only screen and (max-width: 576px) {
  .archive-grid-posts-shkrn { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}

/* ---------- Pagination ---------- */
.pagination {
  display: block;
  width: 100%;
  text-align: center;
  margin: 30px auto;
}
.pagination a {
  background: var(--shkrn-var-color-light-dark-opacity-bg);
  color: var(--shkrn-var-color-light-dark-opacity-text);
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 10px;
  margin: 0 3px;
}
.pagination a:hover {
  background: var(--shkrn-var-main-color);
  box-shadow: 0 4px 18px var(--shkrn-var-main-color-shadow);
  color: #fff;
}
.pagination span.current {
  background: var(--shkrn-var-main-color);
  box-shadow: 0 4px 18px var(--shkrn-var-main-color-shadow);
  padding: 8px 16px;
  border-radius: 10px;
  color: #fff;
  margin-left: 3px;
}
.woocommerce-pagination a.page-numbers,
.woocommerce-pagination span.page-numbers {
  background: var(--shkrn-var-color-light-dark-opacity-bg);
  color: var(--shkrn-var-color-light-dark-opacity-text);
  text-decoration: none !important;
  padding: 10px 14px !important;
  border-radius: 10px;
  margin: 0 3px !important;
}
.woocommerce-pagination span.page-numbers.current {
  background: var(--shkrn-var-main-color) !important;
  padding: 8px 16px;
  border-radius: 10px;
  color: #fff !important;
  margin-left: 3px;
}
.woocommerce nav.woocommerce-pagination ul li { border-left: none; padding: 5px; }
.woocommerce nav.woocommerce-pagination ul { border: none; }

/* --- v2.2: force LEFT sidebar, RIGHT cards regardless of RTL --- */
.shkrn-archive-wrap{
  display:flex;
  gap:22px;
  align-items:flex-start;
  /* Force logical order LTR for layout only (children reset to RTL) */
  direction:ltr;
}
.shkrn-archive-wrap > .sidebar-single-shkrn,
.shkrn-archive-wrap > #secondary,
.shkrn-archive-wrap > .sidebar{
  flex:0 0 300px;
  max-width:300px;
  direction:rtl; /* text back to RTL */
}
.shkrn-archive-wrap > #primary{
  flex:1 1 auto;
  min-width:0;
  direction:rtl; /* text back to RTL */
}

/* Widget card look */
.sidebar-single-shkrn .widget{
  background:var(--shkrn-var-color-light-dark-opacity-bg);
  color:var(--shkrn-var-color-light-dark-opacity-text);
  border-radius:22px;
  padding:14px 16px;
  margin:0 0 20px;
  box-shadow:0 8px 24px var(--shkrn-var-main-color-shadow, rgba(0,0,0,.08));
}
.sidebar-single-shkrn .widget .widget-title,
.sidebar-single-shkrn .widget h2{
  font-size:15px;
  font-weight:700;
  margin:0 0 12px;
  display:flex;
  align-items:center;
  gap:8px;
}

/* Keep category hierarchy visual order (don't break sublevel indentation) */
.sidebar-single-shkrn .widget ul{
  margin:0;
  padding:0;
  list-style:none;
}

.sidebar-single-shkrn .widget ul ul{
  margin:0;
  padding-right:18px; /* برای سایت RTL مثل فارسی */
  border:0;
}

html[dir="ltr"] .sidebar-single-shkrn .widget ul ul{
  padding-left:18px;
  padding-right:0;
}

html[dir="ltr"] .sidebar-single-shkrn .widget ul ul{
  padding-inline-start:16px;
  padding-inline-end:0;
}

/* Cards padding & excerpt clamp (same as v2.1) */
.archive-grid-posts-shkrn .box-article .content{padding:16px 16px 18px;}
.archive-grid-posts-shkrn .entry-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Pagination horizontal (same as v2.1) */
.pagination{margin:24px 0;}
.pagination ul.page-numbers{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
  flex-wrap:wrap;
  justify-content:center;
}
.pagination ul.page-numbers li{display:inline;}
.pagination ul.page-numbers a,.pagination ul.page-numbers span{
  display:inline-block;
  min-width:36px;
  text-align:center;
  padding:8px 12px;
  border-radius:10px;
  background:var(--shkrn-var-color-light-dark-opacity-bg);
  color:var(--shkrn-var-color-light-dark-opacity-text);
  text-decoration:none;
}
.pagination ul.page-numbers .current{
  background:var(--shkrn-var-main-color);
  color:#fff;
  box-shadow:0 4px 18px var(--shkrn-var-main-color-shadow);
}

/* Mobile: stack vertical */
@media (max-width: 992px){
  .shkrn-archive-wrap{flex-direction:column; direction:rtl;}
  .shkrn-archive-wrap > .sidebar-single-shkrn,
  .shkrn-archive-wrap > #secondary,
  .shkrn-archive-wrap > .sidebar,
  .shkrn-archive-wrap > #primary{max-width:100%;}
}
/* یکسان کردن اندازه همه تگ‌ها در Tag Cloud */
.widget_tag_cloud .tagcloud a {
  font-size: 14px !important;   /* همه یک اندازه */
  padding: 6px 12px;
  border-radius: 8px;
  display: inline-block;
  background: #f1f1f1;
  margin: 4px;
}
/* تناسب صحیح عکس در آرشیو */
.archive-grid-posts-shkrn .box-article .thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;   /* مرورگرهای جدید */
  object-fit: cover;    /* جلوگیری از کشیدگی */
  border-radius: 12px;  /* برای زیبایی، مثل بلاگ */
}