/*
Theme Name: Minimal WordPress Theme by OPSUIMOLOG
Description: Minimal theme with 9% left and 5% right margins
Version: 1.0
*/

/* Сброс стилей - обнуляет стандартные отступы и настраивает модель блока */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Базовые стили для всей страницы - задает шрифт, высоту строки и цвет текста */
body {
  font-family: system-ui, -apple-system, Courier New;
  line-height: 1.5;
  color: #030242;
}

/* Контейнер сайта - задает ширину 100% */
.site {
  width: 95%;
}

/* Настройка асимметричных отступов для основных блоков сайта */
.site-content,
.site-header,
.site-footer,
.entry-content,
.comments-area,
.wp-block-cover,
.wp-block-group,
.page-title,
.entry-title
.search-2
.entry-title {
  padding-left: 9%;
  padding-right: 5%;
  width: 100%;
}

/* Настройка отступов для заголовков */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 25px;
}

/* Отступы для текстовых блоков и списков */
p, ul, ol {
  margin-bottom: 15px;
}

/* Стили для ссылок - ПРОБЛЕМА НАЙДЕНА ЗДЕСЬ */
a {
  color: #112eed;
  text-decoration: none;
  /* Эти отступы создают большое расстояние между ссылками - нужно удалить */
}

/* Стиль ссылок при наведении */
a:hover {
  color: #00a0d2;
}

/* Стили для заголовков страниц */
.page-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #112eed;
}

/* Стили для заголовков в шапке страницы */
.page-header
.page-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #112eed;
}

/* Стили для заголовков записей */
.entry-title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #255757;
	text-align: center;
}

/* Перезапись стилей для ссылок внутри заголовков записей */
.entry-title a {
  color: inherit;
  padding-left: 0;
  padding-right: 0;
}

/* Стили для изображений */
img {
  max-width: 87%;
  height: auto;
}

/* Специальные стили WordPress для выравнивания */
.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/* Адаптивные настройки для планшетов */
@media (max-width: 768px) {
  .site-content,
  .site-header,
  .site-footer,
  .entry-content,
  .comments-area,
  .wp-block-cover,
  .wp-block-group,
  .page-title,
  .entry-title,
  a {
    padding-left: 5%;
    padding-right: 3%;
  }
  
  /* Превращает ссылки в блочные элементы на маленьких экранах */
  a {
    display: inline-block;
  }
}

/* Адаптивные настройки для мобильных устройств */
@media (max-width: 480px) {
  .site-content,
  .site-header,
  .site-footer,
  .entry-content,
  .comments-area,
  .wp-block-cover,
  .wp-block-group,
  .page-title,
  .entry-title,
  a {
    padding-left: 3%;
    padding-right: 2%;
  }
  
  /* Корректировка выравнивания изображений на маленьких экранах */
  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin: 0 0 20px;
  }
}