/*
 * Busya: стили шаблона templates/busya-content-archive.php (пакет 8г, Е.15; раньше — блок <style> в HTML страницы).
 * Подключается в Busya::enqueue_assets() после busya-site.css, когда выбран этот шаблон (Busya::remember_template()).
 */

.busya-archive {
    background: #eff6ff; padding: 40px 0 50px;
    /* Было 100vw с отрицательными полями — 100vw включает полосу прокрутки,
       и страница становилась шире окна (горизонтальный скролл). Контейнеры
       Astra уже растянуты на всю ширину (site-header.php), хватает 100%. */
    width: 100%; box-sizing: border-box;
}
.busya-archive-container { max-width: var(--busya-w, 1000px); margin: 0 auto; padding: 0 20px;
    font-family: system-ui, -apple-system, sans-serif; }
.busya-archive h1 { text-align: center; font-size: 28px; font-weight: 700; color: #1e293b; margin: 0 0 30px; }
.busya-archive-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.busya-archive-card { background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column;
    text-decoration: none; color: inherit; transition: transform 0.15s, box-shadow 0.15s; }
.busya-archive-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0,0,0,0.08); }
/* Обложка целиком, в своих пропорциях (раньше — рамка 180px + cover обрезала края с текстом) */
.busya-archive-thumb { width: 100%; background: #e2e8f0; overflow: hidden; }
.busya-archive-thumb img { width: 100%; height: auto; display: block; }
.busya-archive-body { padding: 18px 20px; }
.busya-archive-card h2 { font-size: 18px; font-weight: 600; color: #1e293b; margin: 0 0 8px; line-height: 1.3; }
.busya-archive-card p { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }
.busya-archive-empty { text-align: center; color: #64748b; background:#fff; padding:40px;
    border-radius:14px; }
@media (max-width: 700px) { .busya-archive-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
    .busya-archive { padding: 20px 0 32px; }
    .busya-archive-container { padding: 0 12px; }
    .busya-archive h1 { font-size: 24px; margin-bottom: 20px; }
    .busya-archive-grid { gap: 16px; }
    .busya-archive-body { padding: 14px 16px; }
}