/*
Theme Name: Paulina
Theme URI: https://paulina.website/
Author: -
Description: Тема-порт восстановленного сайта paulina.website (WP-RESTORE-SPEC).
  Две эпохи в одной теме: страницы 2021 года (Gatsby-портфолио, скомпилированный
  Tailwind из архивного снимка - assets/css/gatsby.css) и польский блог 2018-2019
  (тема Cheerup, её файлы архив не сохранил - разметка по скелетам архива,
  оформление воссоздано в assets/css/blog.css).
Version: 1.0
*/

/*
 * Свои правила поверх архивного CSS. Всё, что ниже, - НЕ из архива, а наши
 * добавки там, где в вырезке Tailwind нужного класса не оказалось (JIT-сборка
 * оригинала включала только те классы, которые встречались на его страницах).
 */

/* Логотип: в архиве это был вектор (буквы контурами) той же насыщенности.
   Классов font-black / leading-none / items-baseline в архивной вырезке
   Tailwind нет - JIT-сборка оригинала их не включала, поэтому размер и вес
   заданы здесь. */
.paulina-logo {
  display: inline-flex;
  align-items: baseline;
  text-decoration: none;
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -0.035em;
}
@media (min-width: 768px) {
  .paulina-logo {
    font-size: 2rem;
  }
}

/* Полноэкранное мобильное меню: в архивной вырезке нет .inset-0 (на исходных
   страницах меню раскрывал сценарий, и класс в сборку не попал). */
.paulina-mobile-menu {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.paulina-mobile-menu button:focus {
  outline: none;
}

/* Слайдер товара: оригинальный Swiper рисовал слайды сценарием, который архив
   не сохранил. Разметка и классы те же, движение - наш маленький скрипт
   (assets/js/site.js); без него виден первый слайд. */
.swiper-container {
  touch-action: pan-y;
}
.swiper-wrapper {
  transition: transform 0.3s ease;
}
.swiper-pagination-static {
  position: static;
  margin-top: 0.75rem;
}

/* Видимые хлебные крошки (WAYBACK-RESTORE-SPEC §10.1a-4: и видимые, и разметкой). */
.breadcrumbs {
  font-size: 0.8125rem;
  color: #9ca3af;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0.75rem 1.25rem 0;
}
.breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  margin: 0;
  padding: 0;
}
.breadcrumbs a {
  color: #9ca3af;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #d61f69;
}
.breadcrumbs li + li:before {
  content: "/";
  padding: 0 0.35rem;
  color: #d1d5db;
}

/* Форма подписки: плашка ответа сервера (оригинал отвечал сценарием). */
.paulina-note {
  margin-top: 1rem;
  font-size: 0.95rem;
}
.paulina-note-ok {
  color: #047857;
}
.paulina-note-err {
  color: #b91c1c;
}
.paulina-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Печатная страница шаблона: наш минимум вместо .zip, которого нет в архиве. */
.print-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 1.25rem 3rem;
}
.print-sheet {
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  overflow: hidden;
  background: #fff;
}
.print-sheet img {
  display: block;
  width: 100%;
  height: auto;
}