/*
Theme Name: Живой Барнаул 22 | 122
Theme URI: https://barnaul-22.ru/
Author: Живой Барнаул
Description: Новостная тема для городского издания «Живой Барнаул 22 | 122».
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhivoy-barnaul-22
Tags: news, magazine, blog, custom-menu, featured-images, translation-ready, responsive
*/

/*
 * Основные стили подключаются через functions.php:
 *   assets/main.css  — дизайн-система и главная
 *   assets/pages.css — статья, рубрика, поиск
 */

/* Совместимость с выравниванием изображений WordPress */
.prose img { max-width: 100%; height: auto; border-radius: var(--r-md); }
.prose .aligncenter { display: block; margin: 24px auto; }
.prose .alignleft { float: left; margin: 6px 24px 16px 0; }
.prose .alignright { float: right; margin: 6px 0 16px 24px; }
.prose .wp-caption-text, .prose figcaption { font-size: 13px; color: var(--ink-3); font-style: italic; padding-top: 6px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

/* Постраничная навигация WordPress в наш стиль */
.pager .page-numbers { min-width: 42px; height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1.5px solid var(--line-strong); font-weight: 700; font-size: 15px; color: var(--ink-2); }
.pager .page-numbers.current { background: var(--accent); border-color: var(--accent); color: #fff; }
.pager .page-numbers.dots { border: 0; }

/* Виджеты в сайдбаре */
.widget { margin-bottom: 26px; }
.widget ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.widget ul a { font-weight: 600; font-size: 14.5px; }
.widget ul a:hover { color: var(--accent-press); }

/* Контакты в подвале */
.footer .contacts { margin-bottom: 16px; }
.footer .contacts li span { color: #c9c1b4; font-size: 14.5px; }
.footer .fmenu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.footer .fmenu a { color: #c9c1b4; font-size: 14.5px; }
.footer .fmenu a:hover { color: var(--accent); }

/* Изображения записей (миниатюры) в контекстах макета */
.zb-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.feed .item .zb-img { aspect-ratio: 4/3; border-radius: var(--r-md); }
.card .zb-img { aspect-ratio: 16/10; }
.cat-feed .ci .zb-img { aspect-ratio: 16/10; border-radius: var(--r-md); }
.lead .zb-img { aspect-ratio: 16/9; }
.lead-media { position: relative; }
.lead-media .zb-img, .lead-media .ph { aspect-ratio: 16/9; }
.sidecard .zb-img { min-height: 104px; }
.cat-feature .zb-img { min-height: 280px; }
.also .card .zb-img { aspect-ratio: 16/10; }