/*
Theme Name: Ashrey Theme
Theme URI:
Author: Your Name
Author URI:
Description: Custom theme for Ashrey.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ashrey-theme
*/

/* Add your custom styles here */

/* Общий контейнер */
.container {
display: flex; /* Используем flexbox */
flex-direction: row; /* Располагаем элементы в строку */
min-height: 100vh;
}

/* Стили для шапки */
.site-header {
background-color: #3b3b3b; /* Темный фон шапки */
color: #fff; /* Белый текст */
padding: 10px;
text-align: left; /* Изменено: выравнивание по левому краю */
/* position: fixed; Удалено: фиксированное положение */
top: 0; /* Добавлено: прижимаем к верху */
left: 0; /* Прижимаем к левому краю */
width: 100%;
z-index: 1000;
/*display: flex;
justify-content: flex-end; /* Элементы по краям */
/* align-items: center; /* Вертикальное выравнивание по центру */
height: 50px; /* Добавлено: высота шапки */
}
.site-title {
font-size: 24px;
font-weight: bold;
margin: 0;
}

/* Стили для сайдбара */
#sidebar {
width: 250px; /* Ширина сайдбара */
padding: 20px;
background-color: #3b3b3b; /* Темный фон сайдбара */
color: #fff; /* Белый текст */
position: fixed; /* Изменено: fixed вместо sticky */
top: 0; /* Важно для position: fixed */
left: 0; /* Добавлено */
height: 100vh; /* Занимает всю высоту экрана */
overflow-y: auto; /* Добавлено для прокрутки меню */
z-index: 1001; /* Добавлено, чтобы сайдбар был поверх шапки */
flex-shrink: 0; /* Prevent sidebar from shrinking */
}

/* Стили для логотипа */
.site-branding {
padding: 20px;
text-align: center; /* Optional - Center the logo */
}

#primary-menu {
list-style: none;
padding: 20px 0 0 0; /* Добавлено отступ сверху для меню */
}

#primary-menu li {
margin-bottom: 10px;
}

#primary-menu a {
text-decoration: none;
color: #fff;
display: block;
padding: 10px;
border-radius: 5px;
background-color: #555;
}

#primary-menu a:hover {
background-color: #777;
}

/* Стили для основного контента */
#content {
margin-left: 250px; /* Отступ для основного контента (ширина сайдбара + отступы) */
padding: 20px;
background-color: #f5f5f5; /* Светло-серый фон контента */
color: #333; /* Черный текст основного контента */
min-height: 80vh; /* Минимальная высота контента (пример) */
width: calc(100% - 250px); /* Ширина контента (за вычетом сайдбара) */
padding-top: 0; /* Убрали отступ сверху для контента */
padding-bottom: 20px; /* Добавлено - отступ снизу для контента */
position: relative;
/* display: flex;
flex-direction: column; */
}

/* Стили для подвала */
#footer {
display: none; /* Спрятали подвал */
}

/* Стили для элементов шапки (удаляем и переписываем) */
.site-header-menu {
/* margin-left: auto; Удалено: прижимаем элементы к правому краю */
margin-left: 20px; /* Добавлено: отступ между элементами */
}

/* Стили для аватара */
.site-header-avatar {
/* удалены стили */
}

/* Стили для ссылок */
a {
color: #007bff; /* Цвет ссылок */
text-decoration: none; /* Убираем подчеркивание */
}

a:hover {
text-decoration: underline; /* Подчеркивание при наведении */
}

/* Стили для переключателя языка */
#flags {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
}

#flags li {
display: inline-block;
margin-left: 10px;
}

#flags a {
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
}

#flags .flag-icon {
width: 20px;
height: 15px;
margin-right: 5px;
}

#flags ul.language-selector {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #3b3b3b;
padding: 5px;
border: 1px solid #555;
z-index: 1;
}

#flags:hover ul.language-selector {
display: block;
}

#flags ul.language-selector li {
display: block;
margin: 5px 0;
}

#flags ul.language-selector a {
display: block;
padding: 5px;
}

#flags ul.language-selector a:hover {
background-color: #555;
}