/*
Theme Name: Bono Child
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */


@font-face {
  font-family: 'TTFirsNeue-ExtraLight'; /* Название вашего шрифта */
  src: url('./fonts/TTFirsNeue-ExtraLight.eot');
  src: url('./fonts/TTFirsNeue-ExtraLight.eot?#iefix') format('embedded-opentype'),
       url('./fonts/TTFirsNeue-ExtraLight.woff2') format('woff2'),
       url('./fonts/TTFirsNeue-ExtraLight.woff') format('woff'),
       url('./fonts/TTFirsNeue-ExtraLight.ttf')  format('truetype');
  font-display: swap;
}

/* Убрать серую рамку у карточек */
.product-category a,
.post-card--vertical,
.post-card--standard {
    box-shadow: none;
}

a:focus {
    outline: none !important;
}


input, textarea, select {
    outline: none !important;
}

.site-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 1px;
    border-color: #100f0f1a;
    margin: 0 45px 35px;         
    border-radius: 25px;
          border-style: solid;
        background-color: #fff;
}
.home .site-content-inner{
    padding: 0px;
    border-width: 0px;
    border-color: #100f0f1a;    
    border-radius: 0;
        background-color: #ffffff00;
}

.site-content-inner{
    padding: 25px;
    border-width: 1px;
    border-color: #100f0f1a;    
    border-radius: 25px;
        border-width: 1px;
        background-color: #fff;
}


.site-footer{
  border-style: solid;
  border-width: 0px;
  border-top-width: 5px;
  border-top-color: #79ad48;
}

.footer-bottom{
  background-color: #000000;
}
.footer-bottom-block{
    padding: 15px 45px;
  color: #ffffff80;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  font-size: 10px;

  font-family: 'TTFirsNeue-ExtraLight', sans-serif !important;
}

@media (min-width: 1400px) {
  .site-footer-conf {
    padding: 45px 45px 0;
    display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.75rem;
  border: 0px;
  border-top: 1px solid #ffffff1f;
  font-family: 'TTFirsNeue-ExtraLight', sans-serif !important;
  font-size: 16px;
  }

  .site-footer-conf a{
    
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
  .site-footer-conf a:hover{
    color: #79ad48;
  -webkit-transition: all .3s;
  transition: all .3s;
}
}

#block-13 .wp-block-buttons{
  display: flex;
}

#block-13 .wp-block-buttons .wp-block-button{
    flex-grow: 1;
    
}

.my-widget-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

 #block-14{

  align-items: center;
  display: flex;
}

/* Изменить цвет иконки соц. кнопки ВКонтакте */
.social-button--vkontakte:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.785 16.241s.288-.032.436-.194c.136-.148.132-.427.132-.427s-.02-1.304.576-1.496c.588-.19 1.341 1.26 2.14 1.818.605.422 1.064.33 1.064.33l2.137-.03s1.117-.071.587-.964c-.043-.073-.308-.661-1.588-1.87-1.34-1.264-1.16-1.059.453-3.246.983-1.332 1.376-2.145 1.253-2.493-.117-.332-.84-.244-.84-.244l-2.406.015s-.178-.025-.31.056c-.13.079-.212.262-.212.262s-.382 1.03-.89 1.907c-1.07 1.85-1.499 1.948-1.674 1.832-.407-.267-.305-1.075-.305-1.648 0-1.793.267-2.54-.521-2.733-.262-.065-.454-.107-1.123-.114-.858-.009-1.585.003-1.996.208-.274.136-.485.44-.356.457.159.022.519.099.71.363.246.341.237 1.107.237 1.107s.142 2.11-.33 2.371c-.325.18-.77-.187-1.725-1.865-.489-.859-.859-1.81-.859-1.81s-.07-.176-.198-.272c-.154-.115-.37-.151-.37-.151l-2.286.015s-.343.01-.469.161C3.94 7.721 4.043 8 4.043 8s1.79 4.258 3.817 6.403c1.858 1.967 3.968 1.838 3.968 1.838h.957z' fill='%23000000' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
} 


/* Изменить цвет иконки соц. кнопки Telegram */
.social-button--telegram:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.92 6.089L4.747 11.555c-.967.388-.962.928-.176 1.168l3.534 1.104 1.353 4.146c.164.454.083.634.56.634.368 0 .53-.168.736-.368.13-.127.903-.88 1.767-1.719l3.677 2.717c.676.373 1.165.18 1.333-.628l2.414-11.374c.247-.99-.378-1.44-1.025-1.146zM8.66 13.573l7.967-5.026c.398-.242.763-.112.463.154l-6.822 6.155-.265 2.833-1.343-4.116z' fill='%23000000' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

/* Изменить цвет иконки соц. кнопки YouTube */
.social-button--youtube:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M462.308 171.799c0 0-4.111-29.026-16.774-41.771-16.034-16.774-33.96-16.857-42.183-17.843-58.875-4.276-147.269-4.276-147.269-4.276h-0.164c0 0-88.394 0-147.269 4.276-8.223 0.987-26.148 1.069-42.183 17.843-12.663 12.745-16.692 41.771-16.692 41.771s-4.194 34.042-4.194 68.166v31.904c0 34.042 4.194 68.166 4.194 68.166s4.111 29.026 16.692 41.771c16.034 16.774 37.084 16.199 46.458 18.008 33.713 3.207 143.157 4.194 143.157 4.194s88.476-0.164 147.351-4.358c8.223-0.987 26.148-1.069 42.183-17.843 12.663-12.745 16.774-41.771 16.774-41.771s4.194-34.042 4.194-68.166v-31.904c-0.082-34.042-4.276-68.166-4.276-68.166zM212.502 310.599v-118.325l113.72 59.368-113.72 58.957z' fill='%23000000' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat;
}

.social-button {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  background:#79ad48;
  -webkit-box-shadow:inset 0 0 0 1px transparent;
  box-shadow:inset 0 0 0 1px transparent;
  border-radius:4px
}

.header-html-2{display: none;}

@media (max-width: 768px) {

  .all-catalog{
    padding: 145px 15px 15px 15px;
  }

.openDialogBtn {
  height: 70px;
  font-size: 0.8rem;
  font-weight: 300;
  width: 140px;
}


.humburger {
  top: 40px !important;
}

.site-logotype{
  height: 100px;
  display: flex;
  align-content: center;
  align-items: center;
}
  .site-header-inner{
      display: flex;
  }
 

.site-header {
    margin: 0 15px 35px;         
}

.site-branding{
  display: inline-flex;
    padding-right: 10px;
}
.header-mobile-items-container,
.header-cart,
.header-html-1{
    display: none!important; 
}


.header-html-2{margin: 0;display: inline-flex;    align-items: center;}
}
/* ================================================================
   Кнопка «Весь каталог» — добавить в конец bono_child/style.css
   ================================================================ */

/* Кнопка уже последняя в хедере — просто не даём ей выходить за край */
.header-html-1 {
    flex-shrink: 0 !important;
    margin-left: 12px !important;
}

/* Хедер не обрезает содержимое */
.site-header-inner.full {
    overflow: visible !important;
    flex-wrap: nowrap !important;
}

/* Меню сжимается если не хватает места */
.top-menu {
    flex-shrink: 1 !important;
    overflow: hidden !important;
}

/* Планшет — кнопка компактнее */
@media (max-width: 1200px) {
    .header-html-1 .openDialogBtn {
        padding: 8px 14px !important;
        font-size: 14px !important;
    }
}

/* Мобиль — только иконка, текст скрыт */
@media (max-width: 768px) {
    .header-html-1 {
        margin-left: 6px !important;
    }
    .header-html-1 .openDialogBtn span {
        display: none !important;
    }
    .header-html-1 .openDialogBtn i {
        margin: 0 !important;
    }
    .header-html-1 .openDialogBtn {
        padding: 8px 10px !important;
        min-width: 36px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}
/* Кнопка «Весь каталог» — прижать к правому краю */
.header-html-1 {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* Убрать auto у элементов левее чтобы не конфликтовало */
.site-branding {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Мобиль — только иконка */
@media (max-width: 768px) {
    .header-html-1 .openDialogBtn span {
        display: none !important;
    }
    .header-html-1 .openDialogBtn {
        padding: 8px 10px !important;
        min-width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .header-html-1 .openDialogBtn i {
        margin: 0 !important;
    }
}

/* Хедер — ограничить содержимое чтобы кнопка не выходила */
#masthead .site-header-inner {
    box-sizing: border-box !important;
    max-width: 100% !important;
 //overflow: hidden !important;
    padding-right: 16px !important;
}

/* Кнопка — не растягивается, не переносится */
.header-html-1 {
    flex-shrink: 0 !important;
    margin-left: 12px !important;
    overflow: hidden !important;
}

/* Меню сжимается когда не хватает места */
.top-menu {
    overflow: hidden !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
}

/* Кнопка компактнее на средних экранах */
@media (max-width: 1300px) {
    .header-html-1 .openDialogBtn {
        padding: 8px 16px !important;
        font-size: 15px !important;
    }
}

/* Мобиль — только иконка */
@media (max-width: 900px) {
    .header-html-1 .openDialogBtn span {
        display: none !important;
    }
    .header-html-1 .openDialogBtn i {
        margin: 0 !important;
    }
    .header-html-1 .openDialogBtn {
        padding: 8px 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 36px !important;
    }
}

@media (min-width: 768px) {
  .card-slider-container {

    margin-top: -10px;
    margin-bottom: 10px;
  }
}