/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.0.1757525800
Updated: 2025-09-10 17:36:40

*/

.home .entry-title {
    display: none;
}

/* === Базовые стили === */
html, body {
  height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
}

.site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.site-content {
  flex: 1;
  padding-top: 75px; /* отступ под шапку, совпадает с реальной высотой */
}

/* === Фиксированная шапка === */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;      /* фон шапки */
  border-bottom: 1px solid #e5e5e5; /* тонкая линия снизу */
  z-index: 1000;
}

.inside-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;    /* минимальный padding */
  height: auto;          /* высота под контент */
  box-sizing: border-box;
}

/* === Логотип / Название сайта === */
.site-logo img {
  max-height: 36px;      /* уменьшенная высота логотипа */
}

.site-title, .site-description {
  font-size: 16px;
  line-height: 1;
  margin: 0;
}

/* === Меню десктоп === */
.main-navigation .main-nav ul {
  display: flex;
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-navigation .main-nav ul li a {
  color: #000;
  text-decoration: none;
  padding: 5px 0;
}

/*МОБИЛА*/

/* === МОБИЛЬНАЯ ВЕРСИЯ (max-width: 768px) === */
@media (max-width: 768px) {
  /* === КНОПКА БУРГЕР-МЕНЮ === */
  .main-navigation .menu-toggle {
    display: block; /* Показываем кнопку на мобильных */
    font-size: 20px; /* Размер иконки бургера */
    border: none; /* Убираем границы */
    background: transparent; /* Прозрачный фон */
    cursor: pointer; /* Курсор-указатель */
    padding: 8px 10px !important; /* Внутренние отступы кнопки (регулируй) */
    margin: 0 !important; /* Убираем внешние отступы */
    width: 40px; /* Фиксированная ширина кнопки (регулируй) */
    height: 40px; /* Фиксированная высота кнопки (регулируй) */
    display: flex; /* Для центрирования иконки */
    align-items: center; /* Вертикальное центрирование */
    justify-content: center; /* Горизонтальное центрирование */
    z-index: 1001; /* Поверх других элементов */
    box-sizing: border-box; /* Чтобы паддинги не увеличивали размер */
  }
  
  /* === ОСНОВНОЙ КОНТЕНТ === */
  .site-content {
    padding-top: 60px; /* Отступ сверху под шапку (регулируй) */
  }

  /* === ШАПКА САЙТА === */
  .inside-header {
    height: 60px; /* Высота шапки (регулируй) */
    padding: 0 20px; /* Горизонтальные отступы (регулируй) */
    box-sizing: border-box; /* Учет паддингов в общей ширине */
    display: flex; /* Flex-распределение элементов */
    align-items: center; /* Выравнивание по центру */
    justify-content: space-between; /* Лого слева, бургер справа */
  }

  /* === ВЫДВИЖНОЕ МОБИЛЬНОЕ МЕНЮ === */
  .main-navigation .main-nav {
    position: fixed; /* Фиксированное позиционирование */
    top: 60px; /* Отступ сверху (должен совпадать с высотой шапки) */
    right: -100%; /* Скрываем за правым краем */
    width: 70%; /* Ширина меню (регулируй: 60%-80%) */
    height: auto !important; /* Высота под контент (фон только по пунктам) */
    max-height: calc(100vh - 60px); /* Макс. высота (экран минус шапка) */
    background: #fff; /* Цвет фона меню */
    padding: 15px 20px; /* Внутренние отступы меню (регулируй) */
    transition: right 0.3s ease; /* Анимация выдвижения */
    overflow-y: auto; /* Скролл если меню слишком длинное */
    z-index: 1000; /* Поверх контента */
    box-shadow: -2px 0 10px rgba(0,0,0,0.1); /* Тень справа */
  }

  /* === КОГДА МЕНЮ ОТКРЫТО === */
  .main-navigation.toggled .main-nav {
    right: 0; /* Показываем меню */
  }

  /* === СПИСОК ПУНКТОВ МЕНЮ === */
  .main-navigation .main-nav ul {
    flex-direction: column; /* Вертикальное расположение */
    gap: 0 !important; /* Убираем расстояние между пунктами */
    margin: 0; /* Убираем внешние отступы */
    padding: 0; /* Убираем внутренние отступы */
    list-style: none; /* Убираем маркеры списка */
  }

  /* === ОТДЕЛЬНЫЕ ПУНКТЫ МЕНЮ === */
  .main-navigation .main-nav ul li {
    margin: 0 !important; /* Убираем все отступы */
    padding: 0 !important; /* Убираем все паддинги */
    margin-bottom: 25px !important; /* РАССТОЯНИЕ МЕЖДУ ПУНКТАМИ (регулируй: 1px-20px) */
  }

  /* === ПОСЛЕДНИЙ ПУНКТ МЕНЮ === */
  .main-navigation .main-nav ul li:last-child {
    margin-bottom: 0 !important; /* Убираем отступ у последнего пункта */
  }

  /* === ССЫЛКИ В МЕНЮ === */
  .main-navigation .main-nav ul li a {
    padding: 5px 0 !important; /* Вертикальные отступы ссылок (регулируй) */
    color: #000; /* Цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
    display: block; /* Блочное отображение */
    font-size: 16px; /* Размер шрифта (регулируй) */
    line-height: 1.2 !important; /* Межстрочный интервал (регулируй: 1.1-1.5) */
    margin: 0 !important; /* Убираем отступы */
  }

  /* === СКРЫВАЕМ ЛИШНИЕ ЭЛЕМЕНТЫ === */
  .main-navigation .secondary-menu,
  .main-navigation .menu-mobile {
    display: none !important; /* Скрываем дополнительные меню */
  }
}