/**
 * ==========================================================================
 * MPSET.pro — Общий стиль для публичных страниц (оферта, контакты, политика)
 * Файл: /frontend/public/css/pages/public-pages/public-pages-sample.css
 * Версия: 2.4 — уменьшена высота шапки и футера, увеличен логотип
 * ==========================================================================
 */

/* ==========================================================================
   0. БАЗОВЫЕ СТИЛИ
   ========================================================================== */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   1. БАЗОВАЯ СТРУКТУРА
   ========================================================================== */
.public-page {
  min-height: 100%;
  background: var(--bg-page);
  font-family: var(--font-family-base);
  padding-top: 60px;   /* отступ под шапку (высота шапки + небольшой зазор) */
  padding-bottom: 55px; /* отступ под футер (высота футера + зазор) */
  box-sizing: border-box;
}

/* ==========================================================================
   2. ШАПКА (зафиксирована вверху)
   ========================================================================== */
.public-page__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: var(--gradient-primary);
  padding: var(--space-2) var(--space-4); /* уменьшены отступы */
  height: 50px; /* уменьшена высота */
  display: flex;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.public-page__header .container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.public-page__logo {
  font-size: 24px; /* увеличен размер с 20px до 24px */
  font-weight: var(--font-weight-extrabold);
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.5px;
}
.public-page__logo span {
  color: #ffffff;
}

/* ==========================================================================
   3. ОСНОВНОЙ КОНТЕНТ (с отступами, чтобы не перекрывался)
   ========================================================================== */
.public-page__body {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: var(--space-6) var(--space-6);
}

.public-page__title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--space-6);
  border-bottom: 2px solid var(--border-color);
  padding-bottom: var(--space-4);
}

.public-page__content {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  box-shadow: var(--shadow-sm);
  line-height: 1.6;
  color: var(--text-primary);
}

/* ==========================================================================
   4. ТИПОГРАФИКА ВНУТРИ КОНТЕНТА
   ========================================================================== */
.public-page__content h2 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
  color: var(--text-primary);
}

.public-page__content p {
  margin-bottom: var(--space-4);
  color: var(--text-secondary);
}

.public-page__content ul {
  padding-left: var(--space-6);
  margin-bottom: var(--space-4);
}
.public-page__content li {
  margin-bottom: var(--space-2);
  color: var(--text-secondary);
}

/* ==========================================================================
   5. ФУТЕР (зафиксирован внизу)
   ========================================================================== */
.public-page__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: var(--bg-card);
  border-top: 1px solid var(--border-color);
  padding: var(--space-2) var(--space-4); /* уменьшены отступы */
  height: 24px; /* уменьшена высота */
  display: flex;
  align-items: center;
  justify-content: center;
}

.public-page__footer .container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.public-page__footer-text {
  font-size: var(--font-size-xs);
  color: var(--text-muted);
  margin: 0;
}

/* ==========================================================================
   6. АДАПТИВНОСТЬ
   ========================================================================== */
@media (max-width: 768px) {
  .public-page {
    padding-top: 52px;
    padding-bottom: 48px;
  }
  .public-page__header {
    height: 44px;
    padding: var(--space-2) var(--space-3);
  }
  .public-page__header .container {
    flex-direction: column;
    gap: var(--space-1);
    align-items: flex-start;
  }
  .public-page__body {
    padding: var(--space-4);
  }
  .public-page__title {
    font-size: var(--font-size-xl);
  }
  .public-page__footer {
    height: 40px;
    padding: var(--space-1) var(--space-3);
  }
}