/*!
Theme Name: veterinary
Author: cosmo-design.ru
Author URI: http://cosmo-design.ru
Description: Description
Version: 1.0.3
Text Domain: veterinary
 */

/* Сдвигаем всё после панели */
body:has(#wpadminbar) .site-container,
#wpadminbar + .site-container,
#wpadminbar ~ .site-container {
  padding-top: 32px;
}

body:has(#wpadminbar) .header {
  top: 32px;
}

body:has(#wpadminbar) .mini-cart-dropdown {
  top: 32px;
  height: calc(100vh - 32px);
}

/* Для мобильных */
@media screen and (max-width: 782px) {
  #wpadminbar ~ .site-container {
    padding-top: 46px;
  }

  body:has(#wpadminbar) .header {
    top: 46px;
  }
  body:has(#wpadminbar) .mini-cart-dropdown {
    top: 46px;
  }
}

/* Стили поиска Ajax Search Lite в первом элементе шапки */
#ajaxsearchlite1 {
  background-color: var(--green, #195549) !important;
  border: 2px solid var(--orange, #e06b2e) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  box-sizing: border-box !important;
}

.header__right-item:first-child .asl_w_container.asl_w_container_1 {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

#ajaxsearchlite1 .probox,
#ajaxsearchlite1 .proinput,
#ajaxsearchlite1 .proinput form {
  background: transparent !important;
}

#ajaxsearchlite1 .probox .proinput input[type='search'],
#ajaxsearchlite1 .orig {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
}

#ajaxsearchlite1 .probox .proinput input[type='search']::placeholder,
#ajaxsearchlite1 .orig::placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

#ajaxsearchlite1 .promagnifier {
  background-color: var(--green, #195549) !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ajaxsearchlite1 .promagnifier svg,
#ajaxsearchlite1 .promagnifier path,
#ajaxsearchlite1 .promagnifier use {
  fill: #fff !important;
  stroke: #fff !important;
}

#ajaxsearchlite1 .proclose svg,
#ajaxsearchlite1 .proclose path,
#ajaxsearchlite1 .proclose use {
  fill: #fff !important;
  stroke: #fff !important;
  filter: none !important;
  box-shadow: none !important;
}

@media (min-width: 1200px) {
  #ajaxsearchlite1 {
    min-width: 260px !important;
  }

  .header__container {
    gap: 12px !important;
  }

  .header__right {
    gap: 12px !important;
  }
}