/*
Theme Name: Shak Web Theme
Theme URI: https://example.com/shak-web-theme
Author: Shak Web
Description: قالب سبک و کدنویسی‌محور وردپرس برای طراحی بدون صفحه‌ساز.
Version: 1.6.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: shakwebtheme
*/

:root {
  --shak-content-width: 1200px;
  --shak-text: #172033;
  --shak-muted: #667085;
  --shak-border: #e4e7ec;
  --shak-surface: #fff;
  --shak-bg: #f8fafc;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--shak-text);
  background: var(--shak-bg);
  font-family: Tahoma, Arial, sans-serif;
  line-height: 1.8;
}
img { max-width: 100%; height: auto; }
a { color: inherit; }
.shak-container { width: min(calc(100% - 32px), var(--shak-content-width)); margin-inline: auto; }
.shak-main { min-height: 60vh; padding-block: 0; }
.shak-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.shak-card, .shak-entry {
  padding: 24px;
  border: 1px solid var(--shak-border);
  border-radius: 16px;
  background: var(--shak-surface);
}
.shak-card__image { display: block; margin: -24px -24px 20px; overflow: hidden; border-radius: 16px 16px 0 0; }
.shak-title { margin-top: 0; line-height: 1.35; }
.shak-meta { color: var(--shak-muted); font-size: .9rem; }
.shak-pagination { margin-top: 32px; }
.shak-empty { padding: 32px; text-align: center; color: var(--shak-muted); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.shak-animated-gradient {
  background-image: linear-gradient(120deg, var(--shak-gradient-1, #6d5dfc), var(--shak-gradient-2, #22d3ee), var(--shak-gradient-3, #f472b6));
  background-size: 300% 300%;
  animation: shak-gradient-shift var(--shak-gradient-duration, 12s) ease infinite;
}

@keyframes shak-gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .shak-animated-gradient { animation: none; }
}

@media (max-width: 600px) {
  .shak-main { padding-block: 0; }
  .shak-card, .shak-entry { padding: 18px; }
  .shak-card__image { margin: -18px -18px 16px; }
}