/* Иголочка — исправление вёрстки после переноса в WordPress */

/* 1. Снять ограничение ширины, которое WordPress навязывает содержимому.
      Из-за него сайт был зажат в колонку 645 px посреди пустого экрана:
      логотип уезжал в центр, телефоны сплющивались, иконки соцсетей схлопывались в ноль. */
.entry-content > main,
.wp-block-post-content > main,
.wp-site-blocks main.is-layout-constrained > main {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.entry-content,
.wp-block-post-content,
.wp-site-blocks > .wp-block-group,
main#wp--skip-link--target {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Отступы «глобального padding» темы тоже убираем — сайт рисует свои. */
.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Блоки «на всю ширину» тянули себя наружу отрицательными отступами -50px,
   чтобы компенсировать тот самый padding. Padding убрали — отступы больше не нужны,
   иначе страница вылезает за экран и появляется прокрутка вбок. */
.has-global-padding > .alignfull,
.wp-block-group.alignfull,
.wp-block-post-content.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2. Спрятать чужую шапку и подвал темы Twenty Twenty-Five.
      Это она приносила второе меню, ссылки-пустышки (Блог, О нас, ЧаВо,
      Авторы, Мероприятия, Магазин, Паттерны, Темы) и надпись «Создано с помощью WordPress». */
body > .wp-site-blocks > header.wp-block-template-part,
body > .wp-site-blocks > footer.wp-block-template-part,
.wp-site-blocks > .wp-block-template-part:has(> .wp-block-site-title),
.wp-block-post-title {
  display: none !important;
}

/* 3. Убрать второй заголовок H1, который WordPress ставил поверх сайтового.
      Из-за него на каждой странице было по два H1 — поисковик не понимал, о чём страница. */
.entry-content > h1.wp-block-post-title,
.wp-block-post-content > h1:first-child:not(main h1) {
  display: none !important;
}

/* 4. Фоновые фотографии первого экрана переписываются в самом плагине
      (функция igf_fix_root_paths) — они прописаны прямо в тексте страницы,
      поэтому стилями их не перебить. */

/* 6. Шапка на узких экранах.
      При импорте в WordPress к логотипу добавились два лишних правила,
      которых нет на рабочем сайте:
         @≤900px .header .logo img { width:100% }
         @≤600px .header .logo img { width:min(300px,66vw) }
      Из-за них логотип растягивался, «Меню» уезжало в центр, телефоны не
      переносились на вторую строку — шапка на планшете/телефоне разъезжалась.
      Возвращаем логотипу фиксированные размеры рабочего сайта (460 / 270)
      и раскладку «логотип+Меню сверху, телефоны+соцсети снизу» на узких экранах.
      Проверено попиксельно против рабочего сайта на 390 / 600 / 900 / 1280. */
@media (max-width: 900px) {
  .header .logo img { width: 460px !important; max-width: 100% !important; height: auto !important; }
}
@media (max-width: 600px) {
  .header .logo img { width: 270px !important; }
}
@media (max-width: 760px) {
  header.header.wrap { flex-wrap: wrap !important; }
  header.header.wrap .logo { flex: 1 1 auto !important; }
  header.header.wrap .burger { order: 1 !important; }
  /* невидимый разрыв строки после кнопки «Меню» — телефоны и соцсети уходят вниз */
  header.header.wrap::after { content: "" !important; flex-basis: 100% !important; width: 100% !important; height: 0 !important; order: 1 !important; margin: 0 !important; }
  header.header.wrap .header-phones { order: 2 !important; margin-left: auto !important; margin-right: 0 !important; }
  header.header.wrap .header-social { order: 3 !important; margin-left: auto !important; }
  header.header.wrap nav { order: 4 !important; }
}

/* 7. Полоса прокрутки по горизонтали не нужна ни при какой ширине. */
html, body { overflow-x: hidden; max-width: 100%; }

/* Подтверждение, что фотографии прикрепились: человек видит свои снимки. */
.igf-picked{margin-top:12px}
.igf-picked-head{margin:0 0 8px;font:600 15px/1.4 system-ui,-apple-system,sans-serif;color:#2f6b3a}
.igf-picked-row{display:flex;flex-wrap:wrap;gap:10px}
.igf-picked-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:76px}
.igf-picked-item img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid rgba(34,28,23,.18);background:#f3efe8;display:block}
.igf-picked-item em{font:400 12px/1 system-ui,sans-serif;color:#7b6e66;font-style:normal}

/* 8. Белая полоса над логотипом на всех страницах.
      Чужую шапку темы мы спрятали (пункт 2), а её вертикальные отступы остались висеть:
      у main — отступ сверху 70px, у обёртки — по 70px сверху и снизу, плюс 19px зазора.
      Итого 159px пустоты, из-за которой первый экран уезжал вниз и обрезался. */
.wp-site-blocks > main { margin-top: 0 !important; }
.wp-site-blocks > main > .wp-block-group { padding-top: 0 !important; padding-bottom: 0 !important; }
.entry-content > main,
.wp-block-post-content > main { margin-top: 0 !important; }

/* 9. Круглая кнопка «наверх» садилась прямо на текст.
      Она висит поверх страницы, а полей по бокам у сайта нет — в окне уже 1200px
      кнопка накрывала концы строк («…резинки и край изделия»).
      Убираем её в самый угол и делаем меньше. На телефонах не трогаем:
      там снизу панель с кнопками, и прежний отступ 86px её обходит. */
@media (min-width: 761px) {
  #to-top {
    width: 44px !important;
    height: 44px !important;
    right: 12px !important;
    bottom: 24px !important;
  }
}

/* 10. Мелкий шрифт. Илона: «шрифт как в отзывах, везде читаемый, не мелкий».
       В отзывах текст 20px — это ориентир. Основной текст был 14 и 16px,
       подписи 12–13px. Поднято: текст до 17px, ссылки и подписи до 15–16px.
       Заголовки и цитаты не трогаем — они и так крупные. */
main p, main li, main figcaption, main details p,
main .page-lead-text, main .small-work-lead, main .appointment-copy,
main .photo-form-sub, main .awards-lead, main .photo-estimate-note,
main .promo-card p, main .service-area-seo p, main .detail-strip p {
  font-size: 17px !important;
  line-height: 1.6 !important;
}

main small, main .promo-card small { font-size: 16px !important; }
main .award-card small { font-size: 15px !important; }

/* надписи-рубрики капслоком: крупнее прежнего, но мельче основного текста */
main .kicker, main .modern-hero-kicker { font-size: 15px !important; }

/* ссылки в тексте, в блоках и в подвале */
main .signature-links a, main .service-related a, main .footer-services a,
main .appointment-alternatives a, main .material-card a,
main .route-choices a span,
.wrap nav a, .home-seo-intro nav a,
footer a, footer .footer-inner span { font-size: 16px !important; }

/* мелкие подписи: бегущая строка, строка доверия, награды, авторы отзывов */
main .promo-ticker, main .promo-ticker i,
main .trust-row span, main .trust-award i,
main .modern-hero-proof span, main .quality-mark-card i,
main blockquote footer span { font-size: 15px !important; }

/* нижняя панель на телефоне: место ограничено, чуть мельче */
main .mobile-bar a { font-size: 15px !important; }

/* 11. Две фотографии в блоке «Кожа · Трикотаж» стояли впритык и читались
       как один снимок. Разводим колонки просветом. */
.material-pair { gap: 24px !important; }

/* 12. Ссылки во всплывающем меню (боковая шторка) были 14px, размер прописан
       прямо в разметке — поэтому обычные правила их не брали. */
div[style*="width:340px"] a { font-size: 16px !important; }

/* 13. На телефоне нижняя панель «Позвонить · Фото и цена · MAX · ВКонтакте»
       висит поверх страницы и накрывала последние строки подвала:
       копирайт, почту, «Публичная оферта». Панель 46px — даём подвалу
       запас снизу, чтобы текст до неё не доходил. env() — под вырез iPhone. */
@media (max-width: 760px) {
  main footer,
  footer:not(.wp-block-template-part) {
    padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ================================================================== *
 * 14. Меню-шторка. Аудит 22.08.2026.
 *
 * Что было: после нажатия «Меню» шторка оставалась сдвинутой вправо
 * (transform: translateX(357px)) — то есть стояла ЗА правым краем окна.
 * Видно её не было, а горизонтальную прокрутку прятало правило
 * html,body{overflow-x:hidden} из пункта 7. Со стороны выглядело как
 * «меню есть в коде, но не появляется».
 *
 * Причина: скрипт, который двигал шторку, при переносе в WordPress
 * перестал срабатывать. Стилями это не чинится — нужен свой обработчик,
 * он в igolochka-fix.js. Здесь только состояния.
 * ================================================================== */

body.igf-menu-open { overflow: hidden !important; }

[data-igf-drawer] {
  z-index: 100001 !important;
  transition: transform .28s ease !important;
}
[data-igf-drawer][data-igf-open="1"] { transform: translateX(0) !important; }

[data-igf-veil] {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(20, 16, 12, .45) !important;
  z-index: 100000 !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
[data-igf-veil][data-igf-open="1"] { opacity: 1; pointer-events: auto; }

/* Кнопка «Меню» должна оставаться выше затемнения, иначе повторным
   нажатием меню не закрыть. */
/* 23.08.2026. Откат: свой обработчик меню отключён, поднимать кнопку
   над затемнением больше не нужно.
.burger { position: relative; z-index: 100002; } */

/* Обложка записи внутри статьи. */
.igf-post-hero { margin: 0 0 26px; }
.igf-post-hero img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* Видимый фокус — для тех, кто ходит по сайту клавиатурой. */
[data-igf-drawer] a:focus-visible,
[data-igf-drawer] button:focus-visible,
.burger:focus-visible,
.mobile-bar a:focus-visible {
  outline: 3px solid #16204a !important;
  outline-offset: 2px !important;
  border-radius: 4px;
}

/* ================================================================== *
 * 15. Бегущая строка: остановка и уважение к настройкам системы.
 * ================================================================== */

.igf-ticker-stop {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  border: 0;
  border-radius: 999px;
  padding: 4px 10px;
  font: 500 13px/1 system-ui, -apple-system, sans-serif;
  color: #16204a;
  background: rgba(255, 255, 255, .85);
  cursor: pointer;
}
.igf-ticker-stop:hover { background: #fff; }
.promo-ticker[data-igf-paused="1"] * { animation-play-state: paused !important; }

/* 22.08.2026, вечер. На телефоне кнопка лезла поверх текста строки и
   выглядела чужеродно. На узких экранах её не показываем: там строку и так
   можно остановить настройкой «Уменьшение движения» в самом телефоне. */
@media (max-width: 900px) {
  .igf-ticker-stop { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .promo-ticker * { animation: none !important; transform: none !important; }
  [data-igf-drawer], [data-igf-veil] { transition: none !important; }
}

/* ================================================================== *
 * 16. Телефоны: основной крупнее, дополнительные — второстепенные.
 * Основной номер ателье: +7 (925) 311-71-11.
 * ================================================================== */

.igf-phone-extra { opacity: .72; font-weight: 400 !important; }
.igf-phone-main { font-weight: 600 !important; }

/* ================================================================== *
 * 17. Меню-шторка: второстепенные ссылки были нечитаемы.
 *
 * 23.08.2026. «Отзывы · Акции · Вопросы и ответы · Статьи ателье»
 * заданы прямо в разметке как светлое золото 14px на светлом фоне —
 * на телефоне они сливались с подложкой. Делаем крупнее, плотнее и
 * тёмным золотом, тем же, что у ссылок в тексте сайта.
 * Инлайн-стиль перебивается только через !important.
 * ================================================================== */

div[style*="340px"] a[style*="14px"] {
  color: #7a5a22 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}