/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.4.5
*/

/* --- Общие стили для заголовков, названия и описания сайта --- */
.site-branding__body h1,
.site-title,
.site-description {
  text-align: center;
  overflow-wrap: break-word;
  white-space: nowrap;  /* По умолчанию – в одну строку */
  padding: 0;
}

/* --- Стили для мобильных устройств (до 768px) --- */
@media only screen and (max-width: 768px) {
  /* Уменьшаем логотип – переопределяем правило родительской темы (.site-logotype img) */
  .site-logotype img {
    max-width: 40px;
    height: auto;
  }
  
  /* Разрешаем перенос строк и уменьшаем шрифт для заголовка, названия и описания */
  .site-branding__body h1,
  .site-title,
  .site-description {
    white-space: normal;
    font-size: 0.8em; /* При необходимости, можно задать в px, например, 16px */
  }
  
  /* При мобильной верстке устанавливаем отступы для контейнеров */
  .block-after-site,
  .main-navigation-inner,
  .related-posts,
  .section-block,
  .section-html,
  .site-content,
  .site-footer-inner,
  .site-header-inner {
    padding-left: 8px;
    padding-right: 0px;
  }
  
  body {
    margin: 0;
    padding: 0;
    font-size: 12px;
  }
  
  .container {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }
}

/* --- Desktop (от 768px) --- */
@media (min-width: 768px) {
  /* Контейнер шапки – сбрасываем отступы */
  .site-header-inner {
    position: relative;
    padding: 0;
  }
  
  /* Центрируем блок брендинга с помощью flex */
  .site-branding {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
  }
  
  /* Логотип отделяем от текста – задаём отступ справа */
  .site-logotype {
    margin-right: 50px;
  }
  
  /* Сбрасываем внутренние отступы внутри блока брендинга */
  .site-branding__body {
    padding: 0;
  }
}

/* --- Ограничение максимальной ширины контейнеров --- */
.site-header.fixed,
.container,
.fixed.block-after-site,
.fixed.main-navigation-inner,
.fixed.related-posts,
.fixed.section-block,
.fixed.section-html,
.fixed.site-content,
.fixed.site-footer-inner,
.fixed.site-header-inner,
.footer-navigation.fixed,
.main-navigation.fixed,
.site-footer.fixed {
  max-width: 1320px;
}

.main-navigation-inner.fixed {
    white-space: nowrap;
}

.main-navigation-inner.fixed .menu {
    display: flex;
    flex-wrap: nowrap;
}

/* --- Загрузка шрифтов --- */
@font-face {
  font-family: 'PT Sans';
  src: url('../fonts/ptsans.woff2') format('woff2');
}