/* ============================================================
   Дополнения к стилям вёрстки для WordPress.
   main.css — вёрстка без правок; здесь только то, чего в ней нет:
   панель администратора, контент статей (редактор WordPress), шаблон статьи.
   Цвета — переменные из main.css, поэтому тёмная и светлая темы работают сами.
   ============================================================ */

/* ---------- панель администратора (только для вошедших) ---------- */
body.admin-bar .side{top:32px;height:calc(100vh - 32px)}
body.admin-bar .top{top:32px}
@media (max-width:782px){
  body.admin-bar .side{top:46px;height:calc(100vh - 46px)}
  body.admin-bar .top{top:0}
}

/* ---------- контент статей и страниц: то, что ставит редактор ---------- */
.prose h3{margin:24px 0 10px;font-size:18px;color:var(--ink)}
.prose h4{margin:20px 0 8px;font-size:16px;color:var(--ink)}
.prose ol{margin:12px 0 0;padding-left:22px;list-style:decimal}
.prose ol li{padding-left:4px}
.prose ol li::before{display:none}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--accent)}
.prose img{height:auto;border-radius:10px}
.prose figure,.prose .wp-block-image,.prose .wp-caption{margin:22px 0;max-width:100%}
.prose figcaption,.prose .wp-caption-text,.prose .wp-element-caption{margin-top:8px;font-size:13px;color:var(--ink-mute)}
.prose .aligncenter{margin-left:auto;margin-right:auto}
.prose .alignleft{float:left;margin:6px 22px 12px 0}
.prose .alignright{float:right;margin:6px 0 12px 22px}
.prose::after{content:"";display:table;clear:both}
.prose blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--yellow);background:var(--bg-2);border-radius:0 10px 10px 0;color:var(--ink)}
.prose table{width:100%;margin:22px 0;border-collapse:collapse;font-size:14px}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{color:var(--ink);background:var(--bg-2)}
.prose .wp-block-table{margin:22px 0;overflow-x:auto}
.prose iframe,.prose video{max-width:100%}
.prose .wp-block-embed__wrapper{position:relative}
.prose hr{margin:28px 0;border:0;border-top:1px solid var(--line)}
@media (max-width:640px){
  .prose .alignleft,.prose .alignright{float:none;margin:16px 0}
}

/* ---------- шаблон статьи (single.php): собран из компонентов вёрстки ---------- */
.article__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font-size:13px;color:var(--ink-mute)}
.article__meta a{color:var(--ink-2)}
.article__meta a:hover{color:var(--accent)}
.article .prose{max-width:820px}
.article .prose > *:first-child{margin-top:0}

/* ---------- окно «Спасибо» после отправки любой формы (partials/modals.php, main.js) ---------- */
.modal--thanks{max-width:420px}
.thanks{padding:38px 30px 30px;text-align:center}
.thanks__ico{
  width:58px;height:58px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;
  background:var(--yellow);color:var(--on-yellow);box-shadow:0 16px 34px -16px rgba(255,204,0,.7);
}
.thanks__ico svg{width:28px;height:28px}
.modal .thanks h3{padding:0 26px}
.thanks__text{margin-top:12px;font-size:15px;line-height:1.55;color:var(--ink-soft)}
.thanks .small{margin-top:10px}
.thanks .small a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.thanks .small a:hover{color:var(--accent)}
.thanks .btn{margin-top:24px}

/* ---------- логотип в сайдбаре: на всю ширину столбца (по просьбе заказчика, в вёрстке — 38px по высоте) ---------- */
.side__logo img{width:100%;height:auto}