/* ==========================================================================
   mtemps6 — BLOG (blg)  "نصايح النقل": كروت زي ملفات شحن — صورة، ملصق تصنيف
   مايل، وقت القراءة، والمقال الأول عريض. فلترة بالتصنيفات (aria-pressed).
   ========================================================================== */
.mtemps6-blg-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--mtemps6-sp-5); margin-block-end: var(--mtemps6-sp-6); }
.mtemps6-blg-top .mtemps6-ui-head { margin: 0; }
.mtemps6-blg-grid { display: grid; gap: var(--mtemps6-gap); margin: 0; padding: 0; list-style: none; }
.mtemps6-blg-item { display: flex; }
.mtemps6-blg-item[hidden] { display: none; }
.mtemps6-blg-card { position: relative; display: grid; grid-template-rows: auto 1fr; width: 100%; overflow: hidden; border: var(--mtemps6-hair) solid var(--mtemps6-line-2); border-radius: var(--mtemps6-r-md); background: var(--mtemps6-surface); box-shadow: var(--mtemps6-shadow-box); transition: transform var(--mtemps6-dur-3) var(--mtemps6-ease-spring), border-color var(--mtemps6-dur-2); }
.mtemps6-blg-card:hover, .mtemps6-blg-card:focus-within { transform: translateY(-5px) rotate(-0.4deg); border-color: var(--mtemps6-deep); }
.mtemps6-blg-media { --mtemps6-ratio: 10 / 7; border-radius: 0; }
.mtemps6-blg-card:hover .mtemps6-blg-media > img { transform: scale(1.05); }
.mtemps6-blg-body { display: grid; align-content: start; gap: var(--mtemps6-sp-2); padding: var(--mtemps6-pad-card); }
.mtemps6-blg-meta { display: flex; align-items: center; justify-content: space-between; gap: var(--mtemps6-sp-3); color: var(--mtemps6-muted); font-size: var(--mtemps6-fs-xs); font-weight: var(--mtemps6-fw-semibold); }
.mtemps6-blg-cat { padding: 0.15rem 0.65rem; border-radius: var(--mtemps6-r-xs); background: var(--mtemps6-accent); color: var(--mtemps6-on-accent); font-weight: var(--mtemps6-fw-bold); transform: rotate(-2deg); }
.mtemps6-blg-title { font-size: var(--mtemps6-fs-lg); line-height: 1.45; }
.mtemps6-blg-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.mtemps6-blg-link:focus-visible { outline: none; }
.mtemps6-blg-card:has(.mtemps6-blg-link:focus-visible) { outline: 3px solid var(--mtemps6-primary); outline-offset: 4px; }
.mtemps6-blg-excerpt { color: var(--mtemps6-muted); }
.mtemps6-blg-more { display: inline-flex; align-items: center; gap: var(--mtemps6-sp-2); margin-block-start: var(--mtemps6-sp-2); color: var(--mtemps6-primary); font-weight: var(--mtemps6-fw-bold); }
.mtemps6-blg-more i { transition: transform var(--mtemps6-dur-2) var(--mtemps6-ease-spring); }
.mtemps6-blg-card:hover .mtemps6-blg-more i { transform: translateX(calc(var(--mtemps6-dir) * 5px)); }
html[dir="ltr"] .mtemps6-blg-card:hover .mtemps6-blg-more i { transform: translateX(5px) scaleX(-1); }
.mtemps6-blg-all { margin-block-start: var(--mtemps6-sp-6); text-align: center; }
@media (min-width: 640px) { .mtemps6-blg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mtemps6-blg-item--feat { grid-column: 1 / -1; } }
@media (min-width: 1024px) {
  .mtemps6-blg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mtemps6-blg-item--feat .mtemps6-blg-card { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); grid-template-rows: none; }
  .mtemps6-blg-item--feat .mtemps6-blg-media { --mtemps6-ratio: auto; height: 100%; min-height: 20rem; }
  .mtemps6-blg-item--feat .mtemps6-blg-body { align-content: center; }
  .mtemps6-blg-item--feat .mtemps6-blg-title { font-size: var(--mtemps6-fs-2xl); }
}