/* ОБЩИЕ СТИЛИ ДЛЯ ВСЕГО ПРОЕКТА
ПЫТАЕМСЯ ПРИМЕНЯТЬ МЕТОДОЛГИЮ БЭМ
СТИЛИ, НЕОБХОДИМЫЕ НА ОТЕДЛЬНЫХ СТРАНИЦАХ, НАХОДЯТСЯ В ОТДЕЛЬНОМ ФАЙЛЕ
*/

/* СПИСОК БЛОКОВ И ЭЛЕМЕНТОВ, ДЛЯ КОТОРЫХ УКАЗАНЫ СТИЛИ В ЭТОМ ФАЙЛЕ 
- Общее оформление всех страниц (цвет фона, параметры шрифта, отступы)
- Общее оформление кнопок (если не используются специальные кнопки)

*/




/* Глобальные переменные элементов */

/* 
========================================================
ВЕРСИЯ ПК 
========================================================
*/

/* ОБЩЕЕ ОФОРМЛЕНИЕ СТРАНИЦЫ */
html, body{
background-color: #e1e8ef;
color:#000; 
font-size: 14px; 
font-family: 'Inter';
margin:0px;

}

/* Оформление ссылок */
a{color: #1788FB}
a:hover{color:#005fbe}

/* Оформление форм */
.form-container{
display: inline-block;
position: relative;
box-shadow: 0px 0px 20px 1px #cfcfcf;
background-color: #fff;
border-radius:10px;
padding:15px;
margin: 30px;
align-content: center;
}

input{
margin:5px;
padding:10px;
font-family: 'Inter';
font-size: 16px;
background-color: #fff;
border-radius: 10px;
border: 1px solid #cfcfcf;
}

button{
display: inline-block;
background-color: #1788FB;
color: #fff;
border:0px;
border-radius: 10px;
padding:12px;
margin:5px;
font-size:16px;
font-weight: 600;
cursor: pointer;
font-family: 'Inter';
transition:0.2s
}

button:hover{
background-color: #379bff;
}

.btn:disabled{
background-color: #e1e1e1;
color:#afafaf;
cursor:default
}

/* ХЭДЕР */
.header{display: block; position:sticky;top:0px;   width: calc(100%-10px); box-shadow: 0px 2px 3px 1px #c1d1df; height:25px; padding:15px;  background-color: #fafafa;margin-bottom: 0px; z-index: 99;}
.menu{display: inline-block; position: absolute; right:30px; vertical-align: middle;}
.menu-point{display: inline-block;position: relative; margin-left: 15px; font-weight: 500; color:#000; transition: 0.1s;}
.menu-point:hover{color:#1788FB}


/* =================================================*/
/* СТАРАЯ ВЕРСИИЯ ДО 18.09.2025 удаляется по мере оформления новой */


/* СТАНДАРТНЫЕ КНОПКИ */


 
/* ШАПКА */


/* ФОРМА ВХОДА */

/*

/* ПОДВАЛ */
.footer{display: block; position: relative; height:300px; background-color: #e1e1e1;}



/* Стилизация верхнего меню и модуля личного кабинета администратора в хэдере */
.menu-lk{display: block; position: sticky; top:0;}
.lk-modul{display: inline; position: absolute; right:20px;}

/* Стилизация тела личного кабинета администратора */
.body-lk-container{display: flex; position: relative; width:100%;  text-align: left;background-color: #e1e8ef;}

.v-menu-lk{position: flex; flex: 0 0 240px;}
.v-menu-lk a{color:#000; text-decoration: none; transition: .1s;}

.menu-content{display:block; position: fixed; width:200px; height:100vh; padding:20px; background-color: #fafafa; font-weight: 500; line-height: 40px;}
.count-bill{display: inline-block; position: relative; vertical-align: top; border-radius: 30px; background-color: #ff3535; color:#fff; font-weight: 600; font-size: 10px; margin-left:10px; padding:3px; min-width: 15px; height:15px; line-height: 15px;  text-align: center; vertical-align: middle;}
.body-lk{ position: relative; flex-grow: 1; background-color: #fff; margin:15px; box-shadow: 1px 2px 5px 2px #c1d1df;  border-radius: 10px; padding:20px; padding-top:0px; vertical-align: top;}

/* Кнопки СКЛАД */
.btn-blue-sclad, .btn-green-sclad, .btn-grey-sclad{display: inline-block; position: relative; vertical-align: middle; border-radius: 5px; height:20px; font-weight: 600; padding: 5px; padding-left:10px; padding-right:10px; margin:5px; cursor: pointer;}
.btn-blue-sclad{background-color: #0026FB; color:#fff}
.btn-blue-sclad:hover{background-color: #526cff;}
.btn-green-sclad{background-color: #00AF26; color:#fff}
.btn-green-sclad:hover{background-color: #2dcf50;}
.btn-grey-sclad{background-color: #c9c9c9; color:#000}
.btn-grey-sclad:hover{background-color: #cfcfcf;}

/* Стилизация блока поиска */

.search-container{display: block; position:relative; border-radius:5px; width:97%; background-color: #f1f1f1; margin-top:10px; margin-bottom:10px; padding:15px;}
.input-search{width:70%; background-color: #fff; border:0px; border-radius: 10px; height:25px; margin-bottom:5px; padding:5px; font-size: 14px;}

/* Стилизация каталога */
.catalog-position{display: inline-block; position: relative; width:90%; border-bottom: 1px solid #e1e1e1; margin:5px; padding:5px; font-size: 14px;}
.catalog-name,.catalog-vol,.catalog-del,.catalog-price,.catalog-sale{display: inline-block; position: relative; padding-left: 10px; border-right:1px solid #e1e1e1}
.catalog-name{width:40%}
.catalog-vol{width:7%;}
.catalog-del{width:15%}
.catalog-price{width:7%}
.catalog-sale{width:12%; color:#cf3c3c; font-weight: 600;}
.del-btn{display: inline-block; background-color: #ff9595; color:#fff; border:0px;  border-radius: 10px;  font-weight: 600; padding: 12px; padding-left:12px; padding-right:12px; margin:5px; cursor: pointer;}
.del-btn:hover{background-color: #ff7171;}

/* Стилизация страницы ЗАКАЗЫ*/
.order-container{display: block; position: relative; width:95%; background-color: #e1e1e1; border-radius: 10px; margin:10px; padding:20px;}
.hr-line{display: block; position: relative; width: 95%; height: 1px; background-color: #efefef; margin:10px;}