/* Шапка и подвал основного сайта для страниц WooCommerce.
   Собрано из assets/css/style.css и style.css темы — только правила шапки/меню/подвала/поиска. */

/* --- из assets/css/style.css --- */
.menu-button, .menu-button::before, .menu-button::after {display: block; position: absolute; height: 3px; width: 30px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px; cursor: pointer;}
.root-nav li span::before {content: ""; display: block; height: 15px; width: 15px; background-repeat: no-repeat; top: 50%; position: sticky; float: right;}
.root-nav {display: flex; padding: 0; margin: 0; z-index: 11;}
.root-nav li {list-style-type: none; padding: 0px; position: relative; display: flex; justify-content: space-between; min-width: 27%;}
.root-nav span, .root-nav a {text-decoration: none; display: block; padding: 10px 10px; cursor: pointer; width: 100%;}
.root-nav ul {display: none; position: absolute; top: 100%; width: 100%; padding: 0; z-index: 2;}
ul.sub-menu-active {display: block;}
@media(max-width:992px) {
  .root-nav {display: none;}
}
@media(min-width:992px) {
  ul.root-nav li:hover>ul {display: block;}
}
#menu-toggle {display: none;}
.menu-button::before {content: ''; margin-top: -8px;}
.menu-button::after {content: ''; margin-top: 8px;}
.menu-button-container {display: none;}
#menu-toggle:checked+.menu-button-container .menu-button::before {margin-top: 0px; transform: rotate(405deg);}
#menu-toggle:checked+.menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
#menu-toggle:checked+.menu-button-container .menu-button::after {margin-top: 0px; transform: rotate(-405deg);}
@media (max-width: 992px) {
  .menu-button-container {display: flex; width: 30px;}
  .menu {position: absolute; left: 0; width: 100%; top: 52px;}
}
#navbar {position: fixed; top: 0; width: 100%; display: block; transition: top 0.3s; z-index: 2;}
.css_search_m_0_w_100 {margin: 0; max-width: 100%;}
.btn-up {position: fixed; right: 20px; bottom: 120px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 60px; height: 50px; z-index: 3;}
.btn-up::before {content: ""; width: 40px; height: 40px; background: rgba(255, 255, 255, .16); background-size: 100% 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%336699' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");}
.btn-up_hide {display: none;}

/* --- из style.css --- */
.css_footer_bg_color {background: #f4f4f5; color: #000000;}
.css_footer_bg_color a {color: #000000; text-decoration: none;}
.css_footer_bg_color a:hover {color: #3390ec;}
.css_svg_bg_color_footer svg {color: #3390ec;}
.css_svg_bg_color_footer {background: #f4f4f5; color: #000000;}
.css_search_m_0_w_100 div {background-color: #f4f4f5;}
.css_header_fon_color {background: #f4f4f5; color: #000000;}
.css_svg_bg_color_header {color: #000000; cursor: pointer;}
.css_hover_link :hover {color: #3390ec;}
.root-nav a {color: #000000;}
.root-nav li {background-color: #f4f4f5;}
.root-nav li:hover {background: #3390ec;}
.breadcrumbs li+li::before {content: '>'; color: #000000; padding-right: 5px;}
.menu-button, .menu-button::before, .menu-button::after {background-color: #000000;}
.root-nav li span::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 32 32' id='down-arrow' fill='%23000000' width='16' height='16' %3E%3Cpath d='M16 22a2 2 0 0 1-1.41-.59l-10-10a2 2 0 0 1 2.82-2.82L16 17.17l8.59-8.58a2 2 0 0 1 2.82 2.82l-10 10A2 2 0 0 1 16 22Z' /%3E%3C/svg%3E");}
.breadcrumbs__link {text-decoration: none;}
.breadcrumbs {list-style: none; display: flex; margin: 0; gap: 10px; padding: 0; flex-wrap: wrap;}
.breadcrumbs__current::before {content: '>'; color: #000; padding-right: 5px;}