/* Общие добавки к теме (style.css не трогаем). Сюда уходит всё, что раньше было
   инлайн-стилями в шаблонах (задача 23, 2026-09-18). */

/* Главная: контакты в разделе «Обо мне» и в «Контактах» */
.about-con li.about-contact { font-size: 26px; }
.contact-phone { font-weight: bold; font-size: 24px; }
.link-accent { font-weight: bold; text-decoration: underline; }

/* Скрыть визуально, оставить в потоке для скриптов и ботов (пиксель Метрики) */
.visually-hidden { position: absolute; left: -9999px; }

/* Антиспам: honeypot-поля уведены за экран (не display:none — часть ботов её уважает) */
.sg-extra { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Вместо устаревшего <nobr> */
.nowrap { white-space: nowrap; }

/* Левое меню на невысоких экранах: иконки соцсетей (top: 619px в теме) наезжали на копирайт */
/* Блок иконок привязан к низу колонки, над копирайтом (3 строки + отступы ≈ 120 px),
   на любой высоте экрана — у темы был top: 619px, и на невысоких экранах они наезжали */
.menu .social { top: auto; bottom: 130px; padding-top: 10px; padding-bottom: 10px; }

/* h1 вместо h2 у заголовков страниц (по отчёту SEO): наследуем стили темы для h2 */
h1 { font-style: normal; border: 0; padding: 0; margin: 0; font-size: 45px; line-height: 45px; }
h1 span { font-weight: 300; }
.introduction h1 { border: none; color: #FFF; text-transform: uppercase; line-height: 50px; padding-bottom: 0; font-size: 45px; margin-bottom: 35px; }
.blog-title h1 { font-size: 45px; line-height: 45px; }
.blog-details-title h1 { font-size: 25px; line-height: 30px; }
@media (max-width: 767px) {
    .introduction h1 { font-size: 35px; line-height: 40px; margin-bottom: 16px; }
    .blog-details-title h1 { line-height: 26px; }
}

/* Логотип — ссылка на главную */
.logo .logo-link { display: inline-block; color: inherit; text-decoration: none; }

/* Иконки соцсетей — по центру колонки меню (после удаления WhatsApp их две, фиксированный отступ темы сбивал ряд) */
.menu .social { left: 0; right: 0; width: auto; padding-left: 0; padding-right: 0; text-align: center; }
.menu .social .twitter { margin: 0 0 0 14px; }

/* Модальное окно «Задать вопрос» (страницы блога) */
.ask-modal { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; }
.ask-modal[hidden] { display: none; }
.ask-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .75); }
.ask-modal__box { position: relative; background: #fff; width: 100%; max-width: 560px; max-height: calc(100vh - 40px); overflow-y: auto; padding: 36px 40px 28px; box-sizing: border-box; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); }
.ask-modal__box h3 { margin: 0 0 14px; font-size: 26px; }
.ask-modal__box p { margin: 0 0 16px; }
.ask-modal__close { position: absolute; top: 8px; right: 12px; border: 0; background: none; font-size: 34px; line-height: 1; color: #999; cursor: pointer; }
.ask-modal__close:hover, .ask-modal__close:focus { color: #f5c518; outline: none; }
.ask-modal__form input[type=text], .ask-modal__form textarea { width: 100%; box-sizing: border-box; margin-bottom: 12px; padding: 12px; border: 1px solid #ddd; font: inherit; }
.ask-modal__form textarea { min-height: 120px; }
.ask-modal__form input[type=submit] { cursor: pointer; }
.ask-modal__note { font-size: 12px; color: #888; margin-top: 12px; }
body.ask-modal-open { overflow: hidden !important; }
@media (max-width: 767px) { .ask-modal__box { padding: 28px 20px 20px; } }

/* PageSpeed (задача 28). Карусели видны до инициализации: тема прятала .owl-carousel (display:none),
   из-за чего фото первого экрана появлялось только после выполнения скриптов (LCP 5 с) и сдвигало
   всё ниже (CLS 0.62). До инициализации показываем первый слайд; у изображений заданы width/height. */
.owl-carousel { display: block; }
.owl-carousel > .item:not(:first-child) { display: none; }
/* Текст в полях форм темнее (контраст, доступность) */
input[type="text"], input[type="email"], textarea { color: #444; }

/* Шапка на телефонах: имя и телефон в теме накладывались друг на друга (имя по центру,
   телефон абсолютом справа). Имя — слева, телефон — справа от него (задача 28). */
@media only screen and (max-width: 767px) {
	.logo { text-align: left; }
	.logo .logo-link { margin-left: 15px; }
	.logo span { text-align: left; max-width: 150px; }
	.mobile_tel { right: 60px; }
}
/* Подпись в подвале меню: контраст на чёрном фоне (доступность) */
.copyright { color: #9a9a9a; }
.copyright a { color: #c4c4c4; }