/** HTML5/CSS3, EDGE/CHROME                     *** sm-kwinflat-desktop.css ***
 *
 ******************************************************************************
 * kwinflat.ru/smartmenus     Подготовленные стили меню фрэймворка smartmenus *
 ******************************************************************************
 *
 * v1.0.5, 02.10.2025                                 Автор:      Труфанов В.Е.
 * Copyright © 2025 tve                               Дата создания: 17.09.2025
**/

/* Общие настройки */
.sm-kwinflat 
{
  zoom:1;	
}
/* Цвета названий пунктов меню и их фона */
.sm-kwinflat a
{
  color:white;
	background:#3193c0;
	background-image:url(css-gradients-fallback/main-menu-bg.png);
	background-image:-moz-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4cb1e0),color-stop(100%,#1675a1));
	background-image:-webkit-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
	background-image:-o-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
	background-image:-ms-linear-gradient(top,#4cb1e0 0%,#1675a1 100%);
	background-image:linear-gradient(top,#4cb1e0 0%,#1675a1 100%);

	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
  font-size:1.2rem;
	font-weight:normal;
  text-decoration:none;
  text-shadow:none;
  text-align:left;
	padding:0.3rem;
	transition:all .5s;
}
.sm-kwinflat a:hover, .sm-kwinflat a:focus, .sm-kwinflat a:active,
.sm-kwinflat a.highlighted {
	background:#1983af; 
	background-image:url(css-gradients-fallback/main-item-hover-bg.png);
	background-image:-moz-linear-gradient(top,#34a2d0 0%,#006791 100%);
	background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0%,#34a2d0),color-stop(100%,#006791));
	background-image:-webkit-linear-gradient(top,#34a2d0 0%,#006791 100%);
	background-image:-o-linear-gradient(top,#34a2d0 0%,#006791 100%);
	background-image:-ms-linear-gradient(top,#34a2d0 0%,#006791 100%);
	background-image:linear-gradient(top,#34a2d0 0%,#006791 100%);
	color:#fff;
}
.sm-kwinflat li ul li
{
  background-color:#f63;
}
.sm-kwinflat li ul li a 
{
  background-color:#f63;
}

.sm-kwinflat a,
.sm-kwinflat li:last-of-type a,
.sm-kwinflat li ul li a
{
	border-right:none;	
}
.sm-kwinflat li ul li a 
{
   text-align:right;
}
/* Управление стрелкой (плюсиком) в разворачиваемся меню */
.sm-kwinflat a .sub-arrow 
{
   position:absolute;
   top:50%;
   margin-top:-17px;
   left:auto;
   right:4px;
   width:34px;
   height:34px;
   overflow:hidden;
   font:bold 16px/34px monospace !important;
   text-align:center;
}
.sm-kwinflat a .sub-arrow::before 
{
  content:'\2BEF';
}
.sm-kwinflat a.highlighted .sub-arrow::before 
{
  content:'\2B9D';
}
/* Позиционирум заголовок страницы правее гамбургера */
#pagename
{
  position:absolute; 
  top:-.5rem;   
  /*left:2.4rem;*/
  right:0; 
	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
  font-size:1.3rem;
  display:inline-block;
  height:28px;
}
/* Позиционирум текст-изображение гамбургера-меню */
.main-menu-btn 
{
   position:relative; 
   top:0rem;   
   left:0rem; 
   display:inline-block;
   
   width:28px;
   height:28px;
   text-indent:28px;
   white-space:nowrap;
   overflow:hidden;
   cursor:pointer;
   -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* Строим иконку гамбургера-меню */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after
{
   position:absolute;
   top:50%;
   left:2px;
   height:2px;
   width:24px;
   background:#1983af;
   -webkit-transition:all 0.25s;
   transition:all 0.25s;

}
.main-menu-btn-icon:before 
{
   content:'';
   top:-7.4px;
   left:0;
}
.main-menu-btn-icon:after 
{
   content:'';
   top:7px;
   left:0;
}
/* Строим иконку гамбургера-меню при свернутом меню */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon 
{
   height:0;
   background:transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before 
{
   top:0;
   -webkit-transform:rotate(-45deg);
   transform:rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after
{
   top:0;
   -webkit-transform:rotate(45deg);
   transform:rotate(45deg);
}
/* Скрываем флажок состояния меню (сохраняем видимым одну точку) */
#main-menu-state 
{
   position:absolute;
   width:1px;
   height:1px;
   margin:-1px;
   border:0;
   padding:0;
   overflow:hidden;
   clip:rect(1px,1px,1px,1px);
}
/* Скрываем меню при отсутствии необходимости в нем */
#main-menu-state:not(:checked) ~ #main-menu 
{
   display:none;
}
#main-menu-state:checked ~ #main-menu 
{
   display:block;
}
@media (min-width: 320px)
{
}
@media (min-width: 480px)
{
}


/**
 * Определяем настройки версии меню на развернутом экране 
 * с минимальной шириной 532px, как ограничен body
**/ 
/*
@media (min-width:128px) 
{
  .sm-kwinflat a
  {
    border-right:0.1rem dashed rgba(255,255,255,.75);
  }
  .sm-kwinflat li:last-of-type a
  {
    border-right:none;	
  }
  .sm-kwinflat li ul li a
  {
    border-right:none;	
  }
  .sm-kwinflat li ul li a 
  {
    text-align:left;
  }
  .sm-kwinflat ul 
  {
    position:absolute;
  }
  .sm-kwinflat li 
  {
    float:left;
  }
  .sm-kwinflat ul li
  {
    float:none;
  }
  .sm-kwinflat a 
  {
    white-space:nowrap;
  }
  .sm-kwinflat ul a
  {
    white-space:normal;
  }
  .sm-kwinflat .sm-nowrap > li > a, .sm-kwinflat .sm-nowrap > li > :not(ul) a 
  {
    white-space:nowrap;
  }
  .sm-kwinflat .scroll-up, .sm-kwinflat .scroll-down 
  {
    position:absolute;
    display:none;
    visibility:hidden;
    overflow:hidden;
    background:#fff;
    height:20px;
  }
  .sm-kwinflat .scroll-up-arrow, .sm-kwinflat .scroll-down-arrow 
  {
    position:absolute;
    top:-2px;
    left:50%;
    margin-left:-8px;
    width:0;
    height:0;
    overflow:hidden;
    border-width:8px;
    border-style:dashed dashed solid dashed;
    border-color:transparent transparent #2b82ac transparent;  
  }
  .sm-kwinflat .scroll-down-arrow 
  {
    top:6px;
    border-style:solid dashed dashed dashed;
    border-color: #2b82ac transparent transparent transparent;
  }
}
*/

/* *********************************************** sm-kwinflat-desctop.css ***/