/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 03 2026 | 19:17:11 */
/* Omniva dropdown: шире ВЛЕВО (десктоп + только когда открыт) */

 .omnivalt_terminal_container { position: relative !important; }

  .omnivalt_terminal_container .omniva-terminals-list.open{
    width: 320px !important;
    max-width: 320px !important;

    position: absolute !important;
    right: 0 !important;
    left: auto !important;
  }

  .omnivalt_terminal_container .omniva-terminals-list.open .inner-container,
  .omnivalt_terminal_container .omniva-terminals-list.open .search-input,
  .omnivalt_terminal_container .omniva-terminals-list.open ul{
    width: 100% !important;
    box-sizing: border-box;
  } 

/*===================================================*/
/* Omniva увеличила ДЛИННУ открывающегося списка. Было 200пикс. по высоте (desktop, opened) */
/*@media (min-width: 992px) {*/
  .omnivalt_terminal_container 
  .omniva-terminals-list.open 
  ul {
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }
/*}

/*===================================================*/
/* Omniva в открывающемся списке пакоматов поставила вместо жирного - нормальное начертание адресов пакоматов — normal font weight (only addresses) */
.omnivalt_terminal_container
.omniva-terminals-list
ul
li:not(.city) {
  font-weight: 400 !important;
}

/*===================================================*/
/* Название города в списке - Выделила жирнее */
.omnivalt_terminal_container
.omniva-terminals-list
ul
li.city {
  font-weight: 700;
  opacity: 0.99;
}

/*===================================================*/
/* Omniva уменьшила расстояние между строчками с адресами в выпадающем списке с пакоматами */
.omnivalt_terminal_container
.omniva-terminals-list
ul
li[data-id] {
  margin-bottom: 5px !important;
}

/*===================================================*/
/* Omniva выпадающий список — увеличила отступ над городом и убрала - под городом */
  .omnivalt_terminal_container .omniva-terminals-list.open ul li.city {
    margin-top: 14px !important;   /* больше отступ над названием города */
    margin-bottom: 0 !important;   /* убрать отступ под названием города */
  }

  /* чтобы самый первый город не имел лишнего отступа сверху */
  .omnivalt_terminal_container .omniva-terminals-list.open ul li.city:first-child {
    margin-top: 8px !important;
  }

/*===================================================*/
/* Omniva выпадающий список — задний фон при наведении - серый */
.omniva-terminals-list ul li:hover a, .omniva-terminals-list ul li:hover {
    background-color: #0073aa; /*по умолчанию был синий*/
    color: #ffffff; /*по умолчанию был белый текст*/
	background-color: rgba(0, 0, 0, 0.15) !important; /*светло серый как и в остальных списках*/
    color: #222; /*темно серый текст*/
}

/*===================================================*/
/* Omniva закрытая строка — форма поля */
.omniva-terminals-list .dropdown {
    border: 1px solid #d6d6d6 !important;
    box-shadow: 0 3px 5px rgba(0,0,0,.11) !important;
    height: auto !important;
    padding: 8px 20px 8px 5px !important;
    margin-top: 15px !important;
    /*margin-bottom: 15px !important;  появляется разрыв в откытом списке  */
}



/*=======================================================================================================*/
/* ================================
   OMNIVA: корзина — не обрезать выпадающий список
   ================================ */

  /* 1) Ничего не должно "резать" выпадашку на странице корзины */
  body.woocommerce-cart .et_pb_section,
  body.woocommerce-cart .et_pb_row,
  body.woocommerce-cart .et_pb_column,
  body.woocommerce-cart .et_pb_module,
  body.woocommerce-cart .et_pb_module_inner,
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .shop_table,
  body.woocommerce-cart .woocommerce-shipping-totals,
  body.woocommerce-cart .woocommerce-shipping-totals td,
  body.woocommerce-cart #shipping_method,
  body.woocommerce-cart #shipping_method > li,
  body.woocommerce-cart .omnivalt_terminal_container {
    overflow: visible !important;
  }

  /* 2) Создаём “слой” над следующим модулем */
  body.woocommerce-cart .et_pb_wc_cart_totals,
  body.woocommerce-cart .cart_totals {
    position: relative !important;
    z-index: 50 !important;
  }

  /* 3) Родитель для абсолютного позиционирования */
  body.woocommerce-cart .omnivalt_terminal_container {
    position: relative !important;
    z-index: 9998 !important;
    isolation: isolate; /* чтобы z-index работал стабильно */
  }

  /* 4) Сама выпадашка:
        - полная высота
        - сверху всех блоков
        - НЕ вылезает вправо (left:0; right:0;) */
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open {
    position: absolute !important;
    top: 100% !important;
    /*left: 0 !important;*/
    right: 0 !important;     /* держим в пределах контейнера */
    width: 360px !important;  /* ширина = ширине контейнера */
    max-width: 360px !important;
    z-index: 9999 !important;
  }

  /* 5) Высота списка (как у тебя нужно) */
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open ul {
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }

  /* 6) На всякий случай: следующий блок “Вам также может понравиться”
        точно ниже по слою */
  body.woocommerce-cart .et_pb_row_3_tb_body,
  body.woocommerce-cart .et_pb_text_0_tb_body {
    position: relative !important;
    z-index: 1 !important;
  }

/*============================================================================================*/
/*============================= ДЛЯ МОБИЛЬНЫХ =================================================*/

/* =========================================================
   ✅ OMNIVA — МОБИЛКА: выпадашка влезает в экран + отступы
   (добавить В САМЫЙ КОНЕЦ css файла, чтобы перебить cart-правила)
   ========================================================= */
@media (max-width: 480px) {

  /* КОРЗИНА: перебиваем сильное правило body.woocommerce-cart ... right:0 + width:360 */
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open {
    left: -30px !important;
    right: -30px !important;
    width: auto !important;
	 /*width: 320px !important;  /* ширина = ширине контейнера */ 
    /*max-width: calc(100vw - 20px) !important;*/
    box-sizing: border-box !important;
  }

  /* ЧЕКАУТ: на всякий — если там тоже фиксируется вправо/фикс.ширина */
  body.woocommerce-checkout .omnivalt_terminal_container .omniva-terminals-list.open {
    left: -150px !important;
    right: -30px !important;
    width: auto !important;
	 /* width: 290px !important;  /* ширина = ширине контейнера */ 
    /*max-width: calc(100vw - 20px) !important;*/
    box-sizing: border-box !important;
  }

  /* Внутренности — строго в ширину выпадашки */
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open .inner-container,
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open ul,
  body.woocommerce-cart .omnivalt_terminal_container .omniva-terminals-list.open .search-input,
  body.woocommerce-checkout .omnivalt_terminal_container .omniva-terminals-list.open .inner-container,
  body.woocommerce-checkout .omnivalt_terminal_container .omniva-terminals-list.open ul,
  body.woocommerce-checkout .omnivalt_terminal_container .omniva-terminals-list.open .search-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/*============================================================================================*/
/* =========================================
   OMNIVA выпадающий список — КОРЗИНА: выравнивание текста в списке влево
   ========================================= */

body.woocommerce-cart .omnivalt_terminal_container {
  text-align: left !important;
}

/* Заголовок "Выберите пакомат" */
body.woocommerce-cart .omnivalt_terminal_container .dropdown {
  text-align: left !important;
}

/* Ввод поиска */
body.woocommerce-cart .omnivalt_terminal_container input.search-input {
  text-align: left !important;
}

/* Список пакоматов */
body.woocommerce-cart
.omnivalt_terminal_container
.omniva-terminals-list,
body.woocommerce-cart
.omnivalt_terminal_container
.omniva-terminals-list ul,
body.woocommerce-cart
.omnivalt_terminal_container
.omniva-terminals-list li {
  text-align: left !important;
}


/* =========================================
   OMNIVA — больше воздуха над полем поиска
   ========================================= */

/* Само поле "Введите почтовый индекс / адрес" */
/*body.woocommerce-cart*/
.omnivalt_terminal_container
.omniva-terminals-list
.inner-container
input.search-input {
  /*margin-top: 12px !important;     /* воздух сверху */
  margin-bottom: 12px !important;  /* воздух снизу */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Если нужно больше расстояния от верхней рамки выпадашки */
/*body.woocommerce-cart
.omnivalt_terminal_container
.omniva-terminals-list
.inner-container {
  padding-top: 8px !important;
}*/

/*============================================================================================*/

/*===================================================================================================*/
/* OMNIVA: "Посмотреть на карте" — белый текст при наведении (корзина + чекаут) */
.omniva-terminals-list .show-in-map:hover {
  color: #ffffff !important;
}

/*====================================================================================================*/
/* ================================
   OMNIVA: модальное окно "Посмотреть на карте"
   — поверх верхнего меню
   ================================ */

/* Само модальное окно (оверлей) */
#omnivaLtModal {
  position: fixed !important;
  inset: 0 !important; /* top:0 right:0 bottom:0 left:0 */
  width: 100vw !important;
  height: 100vh !important;

  z-index: 999999 !important; /* выше header */
  background: rgba(0, 0, 0, 0.6) !important;

  /* НЕ фиксируем display:flex навсегда (иначе close не сработает) */
  display: none;

  /* выравнивание и отступ сверху */
  justify-content: center !important;
  padding-top: 12px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

/* когда плагин показывает модалку через inline display:block -> делаем flex */
#omnivaLtModal[style*="display: block"],
#omnivaLtModal[style*="display:block"] {
  display: flex !important;
}

/* Контент модалки */
#omnivaLtModal .omniva-modal-content {
  position: relative !important;
  z-index: 1000000 !important;

  max-width: 95vw !important;
  max-height: 90vh !important;

  overflow: hidden !important;
  background: #fff !important;

  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  float: none !important;
  text-align: left !important;

  margin: 0 auto !important;
  padding: 10px 10px !important;
}

/* Шапка модального окна */
#omnivaLtModal .omniva-modal-header {
  position: relative !important;
  z-index: 1000001 !important;
}

/* Крестик закрытия */
#omnivaLtModal .omniva-modal-header .close {
  position: absolute !important;
  top: 12px !important;
  right: 16px !important;

  z-index: 1000002 !important;
  font-size: 28px !important;
  cursor: pointer !important;

  pointer-events: auto !important;
}


/* =========================================================
   ✅ ИЗМЕНЕНО: checkout делал текст белым + большие отступы
   Фиксим цвет/межстрочный/отступы внутри модалки на ВСЕХ страницах
   ========================================================= */

/* 1) Принудительно делаем текст в модалке чёрным (и ссылки тоже) */
#omnivaLtModal,
#omnivaLtModal * {
  color: #000 !important;                 /* ✅ ИЗМЕНЕНО */
  }

#omnivaLtModal a,
#omnivaLtModal a:visited {
  color: #000 !important;                 /* ✅ ИЗМЕНЕНО */
}

/* 2) Уменьшаем расстояние между адресами (у темы часто line-height 2+ и большие padding) */
#omnivaLtModal .omniva-modal-body,
#omnivaLtModal .omniva-modal-body * {
  line-height: 1.25 !important;           /* ✅ ИЗМЕНЕНО */
}

/* если список адресов — это li (обычно так), нормализуем вертикальные отступы */
#omnivaLtModal ul,
#omnivaLtModal ol {
  margin: 0 !important;                   /* ✅ ИЗМЕНЕНО */
  padding: 0 !important;                  /* ✅ ИЗМЕНЕНО */
}

#omnivaLtModal li {
  margin: 0 !important;                   /* ✅ ИЗМЕНЕНО */
  padding-top: 6px !important;            /* ✅ ИЗМЕНЕНО */
  padding-bottom: 12px !important;         /* ✅ ИЗМЕНЕНО */
}

/* если адреса рендерятся ссылками/строками внутри списка — тоже прижимаем */
#omnivaLtModal li a,
#omnivaLtModal li span,
#omnivaLtModal li div {
  line-height: 1.25 !important;           /* ✅ ИЗМЕНЕНО */
}

/* 3) На всякий случай: убираем возможное "осветление" (opacity) от темы на checkout */
body.woocommerce-checkout #omnivaLtModal * {
  opacity: 1 !important;                  /* ✅ ИЗМЕНЕНО */
}

/* ================================
   OMNIVA MODAL — кнопка "Выберите пакомат"
   ================================ */

/* OMNIVA MODAL — кнопка "Выберите пакомат": белый текст при наведении */
#omnivaLtModal .found_terminals button.btn-marker:hover,
#omnivaLtModal .found_terminals button.btn-marker:focus,
#omnivaLtModal .found_terminals button.btn-marker:active {
  color: #ffffff !important;
}

/*=========================================================================================*/
/* =========================================================
   ✅ OMNIVA MODAL — адаптив: на планшете/мобилке карта сверху, список снизу
   (работает и в корзине, и на чекауте — т.к. привязка к #omnivaLtModal)
   ========================================================= */

@media (max-width: 980px) { /* планшеты и ниже */
  /* ✅ ИЗМЕНЕНО: перестраиваем “тело” модалки в колонку */
  #omnivaLtModal .omniva-modal-body{
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: auto !important; /* чтобы всё помещалось по высоте */
  }

  /* ✅ ИЗМЕНЕНО: карта на всю ширину */
  #omnivaLtModal #omnivaMapContainer{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  /* ✅ ИЗМЕНЕНО: фиксируем адекватную высоту карты на планшетах */
  #omnivaLtModal #omnivaMap{
    height: 320px !important;
  }

  /* ✅ ИЗМЕНЕНО: блок со списком/поиском на всю ширину */
  #omnivaLtModal .omniva-search-bar{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ✅ ИЗМЕНЕНО: список терминалов скроллится и не “ломает” модалку */
  #omnivaLtModal .found_terminals{
    max-height: 42vh !important;
    overflow: auto !important;
  }

  /* ✅ ИЗМЕНЕНО: на маленьких экранах лучше разрешить контенту скролл */
  #omnivaLtModal .omniva-modal-content{
    overflow: auto !important;
  }
}

@media (max-width: 767px) { /* телефоны */
  /* ✅ ИЗМЕНЕНО: карта ниже по высоте для телефона */
  #omnivaLtModal #omnivaMap{
    height: 240px !important;
  }

  /* ✅ ИЗМЕНЕНО: список выше — чтобы помещалось больше пунктов */
  #omnivaLtModal .found_terminals{
    max-height: 48vh !important;
  }
}

/*==============================================================================================================*/

/* =========================================================
   ✅ FIX: серый фон/пустое поле под картой + список не прячется
   Работает и на корзине, и на checkout
   ========================================================= */

/* 1) Десктоп: карта и список рядом (как сейчас), но без "вылезающего" фона */
#omnivaLtModal .omniva-modal-body{
  display: flex !important;
  align-items: stretch !important;
  gap: 18px !important;
}

/* ✅ ИЗМЕНЕНО: убираем float и фон у контейнера карты, чтобы не вылезал серый блок */
#omnivaLtModal #omnivaMapContainer{
  float: none !important;                 /* ✅ ИЗМЕНЕНО */
  background: transparent !important;     /* ✅ ИЗМЕНЕНО */
  flex: 0 0 55% !important;
  max-width: 55% !important;
  width: 55% !important;
  height: 60vh !important;               /* ✅ ИЗМЕНЕНО: контролируем высоту */
  min-height: 320px !important;          /* ✅ ИЗМЕНЕНО */
  overflow: hidden !important;           /* ✅ ИЗМЕНЕНО */
}

/* ✅ ИЗМЕНЕНО: сама карта всегда заполняет контейнер */
#omnivaLtModal #omnivaMap{
  width: 100% !important;                /* ✅ ИЗМЕНЕНО */
  height: 100% !important;               /* ✅ ИЗМЕНЕНО */
}

/* Правая часть (поиск + список) */
#omnivaLtModal .omniva-search-bar{
  flex: 1 1 45% !important;
  max-width: 45% !important;
  width: 45% !important;
  overflow: hidden !important;
}

/* 2) Планшеты/мобилки: карта сверху, список снизу (и без серого “хвоста”) */
@media (max-width: 991px){
  #omnivaLtModal .omniva-modal-body{
    flex-direction: column !important;   /* ✅ ИЗМЕНЕНО */
    gap: 14px !important;               /* ✅ ИЗМЕНЕНО */
  }

  #omnivaLtModal #omnivaMapContainer{
    width: 100% !important;             /* ✅ ИЗМЕНЕНО */
    max-width: 100% !important;         /* ✅ ИЗМЕНЕНО */
    flex: 0 0 auto !important;          /* ✅ ИЗМЕНЕНО */

    height: 38vh !important;            /* ✅ ИЗМЕНЕНО: нет пустоты под картой */
    min-height: 220px !important;       /* ✅ ИЗМЕНЕНО */
    max-height: 360px !important;       /* ✅ ИЗМЕНЕНО */
    background: transparent !important; /* ✅ ИЗМЕНЕНО */
    overflow: hidden !important;        /* ✅ ИЗМЕНЕНО */
  }

  #omnivaLtModal #omnivaMap{
    height: 100% !important;            /* ✅ ИЗМЕНЕНО */
  }

  #omnivaLtModal .omniva-search-bar{
    width: 100% !important;             /* ✅ ИЗМЕНЕНО */
    max-width: 100% !important;         /* ✅ ИЗМЕНЕНО */
  }
}