/*
 Theme Name:   INGYRSAD — Blocksy Child
 Theme URI:    https://ingyrsad.com.ua/
 Description:  Дочірня тема для Blocksy. Усі кастомні стилі додаємо нижче.
 Author:       INGYRSAD
 Author URI:   https://ingyrsad.com.ua/
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  blocksy-child
 License:      GNU GPL v2 or later
*/


/* ===== ТВОЇ СТИЛІ ДАЛІ (залиш цей рядок як маяк) ===== */

/* ==========================================================================
   INGYRSAD — style.css (структура і токени)
   Редакція: 2025-11-12
   РОЗДІЛИ:
   1) Reset (safe)
   2) Tokens (brand vars)
   3) Layout (контейнери/відступи, без впливу на компоненти)
   4) Header UI
   5) Product / Catalog / Cart / Checkout
   6) Кабінет (Account)
   7) Utilities (дрібні класи, helper-и)
   ========================================================================== */

/* 1) Reset (safe) — нічого не змінюємо, лиш службове вирівнювання дрібниць */
:where(img,svg,video){max-width:100%;height:auto}

/* 2) Tokens (brand vars) — просто оголошення змінних, без впливу на вигляд */
:root{
  --ingy-green:#0B7F27;
  --ingy-green-600:#0A6F23;
  --ingy-green-700:#09531D;
  --ingy-white:#fff;
  --ingy-black:#000;
  --ingy-shadow:0 2px 6px rgba(0,0,0,.08);
}

/* 3) Layout — порожньо (заповнимо пізніше за потреби) */


/* 4) Header UI — тут залишаємо наш робочий блок */
header.site-header,
header.ct-header,
header#masthead,
.elementor-location-header,
header{
  box-shadow: var(--ingy-shadow);
  border-bottom: 2px solid var(--ingy-green) !important;
}

/* 5) Product / Catalog / Cart / Checkout — (заповнимо пізніше) */


/* 6) Кабінет (Account) — (заповнимо пізніше) */


/* 7) Utilities — (заповнимо пізніше) */

/* ==========================================================================
   INGYRSAD — ЧИСТИЙ ТА КЕРОВАНИЙ CSS
   - Усі керовані параметри винесені у змінні
   - Без дублювань, лише необхідне
   ======================================================================= */

/* === 0) "Панель керування" (змінні) === */

/* === 1) Галерея товару (компактний низ) === */
.woocommerce div.product .woocommerce-product-gallery {
  margin-bottom: 2px !important; /* змінюй: 2/8/12px */
}

/* === 2) Кнопки варіацій (свотчі) === */
.variations_form .variations .value .variable-items-wrapper .variable-item {
  border: 1px solid #ecf2e9;
  border-radius: 4px;
  padding: 2px 0px;
  font-size: 12px;
  font-weight: 500;
  transition: all .3s ease;
  color: #333;
  background-color: #fff;
  cursor: pointer;
}
.variations_form .variations .value .variable-items-wrapper .variable-item:hover {
  background-color: #eaf6e5;
  border-color: #4e9838;
}
.variations_form .variations .value .variable-items-wrapper .selected {
  background-color: #5fad41;
  color: #fff;
  border-color: #5fad41;
}

/* === 3) Ціна/availability під ціною — компактний відступ === */
.woocommerce-variation { margin-bottom: .2em !important; }
.woocommerce div.product .stock { display: block !important; }


/* ===================================================================
   INGYRSAD — Іконка телефону + випадайка (консолідація, без змін вигляду)
   =================================================================== */

/* Контейнер дії в хедері (на всяк випадок) */
.ingy-header-action { position: relative; }

/* Кнопка-іконка: біла, 36×36, легкий hover-ефект */
.ingy-icon-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:8px;
  color:#fff !important; background:transparent; border:0; cursor:pointer;
  line-height:0; padding:0;
  transition:opacity .15s ease, transform .12s ease; /* було в першій версії */
}
.ingy-icon-btn:hover{
  opacity:.85;                      /* з першої версії */
  transform:translateY(-1px);       /* з першої версії */
  filter:brightness(1.1);           /* з другої версії */
}

/* Обгортка телефону і меню (позиціювання над шапкою) */
.ingy-phone{ position:relative; z-index:10060; }

/* Меню телефону: остаточні значення з пізнішого блоку */
.ingy-phone-menu{
  position:absolute; right:0; top:100% !important;  z-index:10050;
  min-width:190px; background:#fff; color:#0f172a;
  border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.18);
  padding:8px; overflow:hidden;
}
.ingy-phone-menu li{ list-style:none; }  /* було лише в ранній версії */
.ingy-phone-menu a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:10px; text-decoration:none;
  color:inherit; font-weight:600;
}
.ingy-phone-menu a:hover{ background:#f1f5f9; }

/* Невелике зменшення на дуже малих екранах */
@media (max-width:480px){
  .ingy-icon-btn{ width:34px; height:34px; }
  .ingy-phone-menu{ top:calc(100% + 8px); }
}

/* Ховаємо плагінові +/- на товарі (залишаємо лише наші) */
.single-product .qib-button-wrapper .plus,
.single-product .qib-button-wrapper .minus,
.single-product .wqpmb_quantity .plus,
.single-product .wqpmb_quantity .minus { display: none !important; }

/* === 7) Лічильник (кошик) — горизонтальний === */
.woocommerce-cart td.product-quantity .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
.woocommerce-cart td.product-quantity .ingy-input {
  height: var(--ingy-cart-h) !important;
  width: var(--ingy-cart-input-w) !important;
  flex: 0 0 var(--ingy-cart-input-w) !important;
  min-width: var(--ingy-cart-input-w) !important;
  text-align: center; box-sizing: border-box; margin: 0 !important;
  border: 1px solid var(--ingy-color-border);
  border-radius: var(--ingy-radius);
  padding: 4px 6px;
}
.woocommerce-cart td.product-quantity .ingy-btn {
  height: var(--ingy-cart-h) !important;
  min-width: var(--ingy-cart-btn-minw) !important;
  display: inline-flex !important; justify-content: center; align-items: center;
  border: 1px solid var(--ingy-color-border);
  border-radius: var(--ingy-radius);
  padding: 0 6px; line-height: 1; cursor: pointer;
}
/* Ховаємо плагінові +/- у кошику */
.woocommerce-cart td.product-quantity .qib-button-wrapper .plus,
.woocommerce-cart td.product-quantity .qib-button-wrapper .minus,
.woocommerce-cart td.product-quantity .wqpmb_quantity .plus,
.woocommerce-cart td.product-quantity .wqpmb_quantity .minus { display: none !important; }

/* =======================================================================
   Contact Form 7 — компактний чистий вигляд (консолідація, без змін)
   ======================================================================= */
.wpcf7{
  background-color:#f0fff0;
  padding:10px;
  border-radius:8px;
  max-width:500px;
  margin:0 auto;
  font-family:inherit;
}

.order-info{
  background-color:#e6ffe6;
  border:1px solid #b3e6b3;
  padding:6px 8px;
  margin-bottom:4px;
  border-radius:6px;
  font-size:13px;
  color:#222;
  line-height:1.2;
}

/* Компактність полів/лейблів */
.wpcf7-form p{ margin:2px 0 !important; padding:0 !important; }
.wpcf7-form label{
  display:block;
  color:#2e8b57;
  font-size:12px;
  font-weight:500;
  margin-bottom:1px !important;
  line-height:1.1;
  padding:0 !important;
}

/* Поля вводу */
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea{
  width:100%;
  height:24px;
  padding:2px 6px;
  margin:0 !important;
  border:1px solid #ccc;
  background-color:#fff;
  border-radius:4px;
  font-size:12px;
  line-height:1;
  box-sizing:border-box;
}
.wpcf7 textarea{ min-height:40px; resize:vertical; }

/* Кнопка */
.wpcf7 input[type="submit"]{
  position:relative !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  background-color:#2e8b57 !important;
  color:#fff !important;
  border:none !important;
  padding:6px 14px !important;
  border-radius:6px !important;
  font-size:14px !important;
  cursor:pointer !important;
  display:block !important;
  width:auto !important;
  margin-top:6px !important;
  transition:background-color .3s ease;
}
.wpcf7 input[type="submit"]:hover{ background-color:#256d45; }


/* === 9) Службові дрібниці === */
/* Ховаємо "Скинути варіації" (потрібно — розкоментуй альтернативу нижче) */
.reset_variations { display: none !important; }
/* АЛЬТЕРНАТИВА: показати, але компактно
.reset_variations {
  display: inline-block !important;
  margin-top: 0 !important; padding-top: 0 !important; font-size: .85em;
}
*/

/* === INGYRSAD: єдиний контроль радіуса кнопок === */
:root{
  --ingy-action-radius: 4px; /* ← постав своє значення (напр. 6px / 12px) */
}

.single-product .single_add_to_cart_button,
.single-product .custom-cart-button,
form.cart .single_add_to_cart_button,
form.cart .custom-cart-button{
  border-radius: var(--ingy-action-radius) !important;
}

:root{
  --ingy-attr-pulse: 0.8s;      /* швидше пульсує: 0.9s / 0.8s */
  --ingy-attr-bg-alpha: .10;    /* трохи щільніший фон */
  --ingy-attr-border-alpha: .85;/* яскравіший контур */
  --ingy-attr-glow-alpha: .65;  /* яскравіше світіння */
  --ingy-attr-glow-radius: 26px;/* більший “ореол” */
}

/* === Tabs: Фото/Відео — базова стилізація === */
:root{
  --ingy-tab-gap: 8px;
  --ingy-tab-radius: 10px;
}

.ingy-tab-photos-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--ingy-tab-gap);
}
.ingy-tab-photos-grid img{
  display:block;
  width:100%; height:auto;
  border-radius: var(--ingy-tab-radius);
}

/* Адаптивне відео (для oEmbed iframe) */
.ingy-video-wrap{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  overflow: hidden;
  border-radius: var(--ingy-tab-radius);
}
.ingy-video-wrap iframe, .ingy-video-wrap video{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0; display:block;
  border-radius: inherit;
}

/* === FunnelKit Cart trigger — розмір і колір іконки ====================== */
:root{
  --fkcart-icon-size: 26px;   /* змінюй на 22/26 і т.д. */
}

/* контейнер іконки */
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap{
  width: var(--fkcart-icon-size) !important;
  height: var(--fkcart-icon-size) !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  color: #fff !important;               /* SVG має fill="currentColor" → стане білий */
  line-height: 1 !important;
}

/* саме SVG: підганяємо під контейнер і глушимо “скакання” від плагіна */
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap svg{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  fill: currentColor !important;
}

/* === FunnelKit Cart — бейдж: позиція + кольори, форсовано ================= */
:root{
  /* ПІДБИРАЙ ТУТ */
  --fk-badge-right: -21px;   /* > 0 — далі вправо; < 0 — ближче до іконки */
  --fk-badge-top:   -8px;    /* < 0 — вище; > 0 — нижче */
  --fk-badge-bg:    #0B7F27; /* світло-зелений фон */
  --fk-badge-color: #fff; /* колір цифри */
}

#fkcart-mini-toggler .fkcart-shortcode-icon-wrap{
  position: relative !important; /* щоб бейдж був відносно іконки */
}

#fkcart-mini-toggler .fkcart-shortcode-count.fkcart-item-count{
  position: absolute !important;

  /* скидаємо те, що задає плагін скриптом */
  inset: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;

  /* наша позиція */
  top:   var(--fk-badge-top)   !important;
  right: var(--fk-badge-right) !important;

  /* оформлення */
  background: var(--fk-badge-bg) !important;
  color:      var(--fk-badge-color) !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  min-width: 18px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.12) !important;
}
/* LEGACY — старий блок пошуку вимкнено (дублікат).
   Активний нижче: "INGY Quick Search Overlay — єдина версія". */


/* =======================================================================
   INGYRSAD — Каталог v5.4 (консолідація без зміни вигляду)
   — Кнопка, дропдаун, рядки категорій як картки, вкладені списки
   — Включено десктоп-корекції (ширина/відступ від хедера)
   ======================================================================= */

/* Обгортка каталогу в хедері */
#ingyCatalogMenu{
  position:relative;
  z-index:120;
  display:flex;
  align-items:center;
  margin-right:10px;
}

/* Кнопка каталогу */
#ingyCatalogMenu .ingy-catalog-btn{
  background:#0B7F27 !important; color:#fff !important; border:0 !important;
  border-radius:9px; padding:.54em 1.12em .54em 1.09em;
  font-size:1.13em; font-weight:600; display:flex; align-items:center; gap:.42em;
  cursor:pointer; transition:background .13s;
}
#ingyCatalogMenu .ingy-catalog-btn:is(:hover,:active,:focus,.active){
  background:#0B7F27 !important; /* як і було — без видимого переходу */
}
#ingyCatalogMenu .ingy-burger{
  width:25px; height:25px; min-width:25px; min-height:25px;
}

/* Дропдаун каталогу (початковий стан приховано) */
#ingyCatalogMenu .ingy-catalog-dropdown{
  position:absolute; left:0; top:105%;
  display:none; opacity:0; pointer-events:none; transition:opacity .18s ease;
  min-width:340px; width:360px; max-width:98vw;
  background:#fff; border-radius:16px; padding:1.15em 1.3em;
  box-shadow:0 6px 32px #182b2118; display:flex; flex-direction:column;
  max-height:78vh;                /* fallback */
  max-height:calc(100dvh - 96px); /* сучасні мобільні браузери */
  overflow-y:auto; -webkit-overflow-scrolling:touch;
}
#ingyCatalogMenu.open .ingy-catalog-dropdown{
  display:flex; opacity:1; pointer-events:auto;
}

/* Рядки категорій як картки */
#ingyCatalogMenu .ingy-catalog-col{ width:100%; margin-bottom:.75em; }
#ingyCatalogMenu .ingy-cat-row{
  display:flex; align-items:center; gap:.75em;
  background:#fff; border:1px solid #e6f5ed; border-radius:12px;
  box-shadow:0 2px 10px #0b7f2730;
  padding:.6em .6em .6em .55em; margin:0 0 .35em;
}
#ingyCatalogMenu .ingy-cat-link{
  flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:.6em;
  text-decoration:none; color:#167f33; font-weight:700; font-size:1.06em;
}
#ingyCatalogMenu .ingy-cat-name{
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Іконка категорії (кружок) */
#ingyCatalogMenu .ingy-cat-icon{
  width:34px; height:34px; border-radius:50%;
  background:#eaf6ef; border:1px solid #d8eedf;
  display:inline-flex; align-items:center; justify-content:center;
  overflow:hidden; box-shadow:0 0 0 2px #f2fbf6 inset;
}
#ingyCatalogMenu .ingy-cat-icon img{
  width:100%; height:100%; object-fit:cover; display:block;
}
#ingyCatalogMenu .ingy-icon-letter{ font-weight:800; color:#0B7F27; }

/* Кнопка-стрілка справа */
#ingyCatalogMenu .ingy-cat-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border:1.4px solid #0B7F27; border-radius:50%;
  background:#fff; box-shadow:0 2px 8px #0b7f2735; cursor:pointer;
  transition:border-color .14s, box-shadow .19s;
}
#ingyCatalogMenu .ingy-cat-toggle:is(:active,:focus-visible){
  border-color:#5cc584;
}
#ingyCatalogMenu .ingy-cat-arrow{
  width:16px; height:16px; display:inline-block;
  border-right:2.2px solid #0B7F27; border-bottom:2.2px solid #0B7F27;
  transform:rotate(45deg); transition:transform .33s cubic-bezier(.46,1.56,.47,1.08);
}
#ingyCatalogMenu .ingy-catalog-col.expanded .ingy-cat-arrow{
  transform:rotate(225deg);
}

/* Вкладені списки категорій */
#ingyCatalogMenu .ingy-catalog-list{
  list-style:none; padding:0; margin:.4em 0 0; display:none;
}
#ingyCatalogMenu .ingy-catalog-col.expanded > .ingy-catalog-list{
  display:block;
}

/* Картки товарів усередині списків */
#ingyCatalogMenu .ingy-catalog-list .ingy-card{
  display:block; background:#fff; border-radius:9px; border:1px solid #e6f5ed;
  box-shadow:0 2px 10px #0b7f2730; color:#167f33 !important; text-decoration:none;
  padding:.6em .8em; margin-bottom:6px; font-size:1.04em; font-weight:500;
  transition:box-shadow .16s, border .16s, background .14s, color .14s;
}
#ingyCatalogMenu .ingy-catalog-list .ingy-card:is(:hover,:focus-visible){
  box-shadow:0 4px 18px #0b7f2730; background:#f7fefa; border-color:#0B7F27; color:#0B7F27 !important;
}

/* Мобільна ширина — майже повноекранна */
@media (max-width:980px){
  #ingyCatalogMenu .ingy-catalog-dropdown{
    left:50%; top:106%; transform:translateX(-50%);
    min-width:unset; width:99vw; padding:1em .7em;
    box-shadow:0 2px 8px #182b2110; border-radius:12px;
  }
}

@media (min-width:901px){
  #ingyCatalogMenu .ingy-catalog-dropdown{
    min-width:390px !important;
    max-width:420px !important;
    width:auto; /* дозволяємо працювати min/max */
    left:50% !important;
    transform:translateX(-50%) !important; /* по центру вікна */
    margin-top:40px !important;
  }
}
/* INGYRSAD — Каталог: мобільна кнопка згортання, щоб була повністю видима (v5.4.2) */
@media (max-width:980px){
  /* більше місця під стрілку всередині дропдауну */
  #ingyCatalogMenu .ingy-catalog-dropdown{
    padding-top: 56px !important;
  }

  /* сама кнопка (беремо перший елемент або відомі класи) */
  #ingyCatalogMenu .ingy-catalog-dropdown > .ingy-catalog-close,
  #ingyCatalogMenu .ingy-catalog-dropdown > .ingy-catalog-collapse,
  #ingyCatalogMenu .ingy-catalog-dropdown > .ingy-cat-close,
  #ingyCatalogMenu .ingy-catalog-dropdown > .cat-close,
  #ingyCatalogMenu .ingy-catalog-dropdown > button:first-child{
    display:flex !important;
    position: sticky !important;
    top: 6px;                               /* тримаємося за верх контейнера */
    margin: 0 auto 10px !important;       /* БЕЗ від’ємного відступу */
    width: 30px; height: 24px;
    align-items:center; justify-content:center;
    background: #fff; border: 0;
    color: var(--ingy-green) !important;
    z-index: 5; pointer-events:auto;
  }
}



/* =======================================================================
   INGY Quick Search Overlay — єдина версія (консолідація)
   Вигляд НЕ змінюється. Об’єднано повтори в один блок.
   ======================================================================= */
.ingy-search-overlay{
  position:fixed; inset:0; z-index:10000;
  background:rgba(15,23,42,.62); backdrop-filter: blur(4px);
  opacity:0; pointer-events:none; transition:opacity .18s ease;
}
.ingy-search-overlay.open{ opacity:1; pointer-events:auto; }

.ingy-search-box{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(760px,92vw); background:#fff; border-radius:16px; padding:16px 16px 10px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.ingy-search-close{
  position:absolute; top:8px; right:10px; border:0; background:transparent;
  font-size:28px; line-height:1; cursor:pointer; color:#334155; z-index:2;
}
.ingy-search-box h3{ margin:0 0 10px; font-size:18px; color:#1f2937; }
.ingy-search-row{ display:flex; gap:10px; }

#ingySearchInput{
  flex:1; height:48px; border-radius:12px; border:1px solid #cbd5e1;
  padding:0 14px; font-size:16px;
}
.ingy-search-submit{
  height:48px; padding:0 18px; border:0; border-radius:12px; cursor:pointer;
  background:#2f6e41; color:#fff; font-weight:600; display:inline-flex; align-items:center;
}
.ingy-search-submit:hover{ filter:brightness(1.07); }

.ingy-search-results{
  margin-top:10px; max-height:48vh; overflow:auto; -webkit-overflow-scrolling:touch;
}
.ingy-search-loading, .ingy-search-empty{ padding:14px; color:#334155; }

.ingy-group{ margin-top:8px; }
.ingy-group-title{ font-weight:700; color:#0b7f27; margin:6px 2px 6px; }
.ingy-list{ display:flex; flex-direction:column; gap:6px; }

a.ingy-sug{
  display:grid; grid-template-columns:40px 1fr auto; align-items:center;
  gap:10px; text-decoration:none; color:#0f172a;
  border:1px solid #e6f5ed; background:#fff; border-radius:10px;
  padding:8px 10px; box-shadow:0 2px 8px #0b7f2730;
}
a.ingy-sug:hover, a.ingy-sug:focus{
  border-color:#0b7f27; box-shadow:0 4px 14px #0b7f2720; outline:0;
}

.ingy-thumb{ width:40px; height:40px; border-radius:8px; overflow:hidden; background:#f0fdf4; display:flex; align-items:center; justify-content:center; }
.ingy-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ingy-ph{ width:18px; height:18px; border-radius:50%; background:#c7ead5; display:inline-block; }

.ingy-title{ font-weight:600; }
.ingy-price{ color:#0b7f27; font-weight:600; margin-left:12px; white-space:nowrap; }

.ingy-search-footer{ margin-top:8px; display:flex; justify-content:flex-end; gap:8px; }
.ingy-more{ color:#0b7f27; font-weight:700; text-decoration:none; padding:8px 4px; }
.ingy-more:hover{ text-decoration:underline; }

.ingy-close-soft{
  background:#e5f6eb; color:#0b7f27; border:1px solid #bfe9cf;
  padding:8px 12px; border-radius:10px; font-weight:600; cursor:pointer;
}
.ingy-close-soft:hover{ filter:brightness(0.98); }

@media (max-width:600px){
  .ingy-search-box{ width:min(560px,94vw); }
  .ingy-search-results{ max-height:54vh; }
}


/* ===== INGY v2.2 Quick Search — стиль каталогу ===== */
.ingy2-overlay{
  position:fixed; inset:0; z-index:10050;
  background:rgba(15,23,42,.62); backdrop-filter:blur(4px);
  opacity:0; pointer-events:none; transition:opacity .18s ease;
}
.ingy2-overlay.open{ opacity:1; pointer-events:auto; }

.ingy2-box{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(820px,94vw); background:#fff; border-radius:16px; padding:16px 16px 12px;
  box-shadow:0 20px 60px rgba(0,0,0,.25); animation: ingy2Fade .18s ease;
}
@keyframes ingy2Fade{ from{opacity:0; transform:translate(-50%,-48%);} to{opacity:1; transform:translate(-50%,-50%);} }

.ingy2-close{
  position:absolute; top:8px; right:10px; background:#fff; border:1px solid rgba(11,127,39,.25);
  width:30px; height:30px; border-radius:8px; font-size:18px; line-height:28px;
  color:#0B7F27; cursor:pointer; box-shadow:0 2px 7px rgba(11,127,39,.18);
}

.ingy2-box h3{ margin:0 0 10px; font-size:18px; color:#1f2937; }
.ingy2-row{ display:flex; gap:10px; }
#ingy2Input{
  flex:1; height:48px; border-radius:12px; border:1px solid #cbd5e1;
  padding:0 14px; font-size:16px;
}
.ingy2-go{
  height:48px; padding:0 18px; border:0; border-radius:12px; cursor:pointer;
  background:#0B7F27; color:#fff; font-weight:700; letter-spacing:.01em;
  display:inline-flex; align-items:center; justify-content:center; /* центр! */
}
.ingy2-go:hover{ filter:brightness(1.07); }

.ingy2-results{ margin-top:10px; max-height:52vh; overflow:auto; -webkit-overflow-scrolling:touch; }
.ingy2-empty{ padding:12px; border:1px dashed #cfe9d9; border-radius:10px; background:#f6fffa; color:#334155; }

.ingy2-group{ margin-top:8px; }
.ingy2-title{ font-weight:800; color:#0B7F27; margin:6px 2px 6px; letter-spacing:.01em; }
.ingy2-list{ display:flex; flex-direction:column; gap:6px; }

a.ingy2-card{
  display:grid; grid-template-columns:42px 1fr auto; align-items:center;
  gap:10px; text-decoration:none; color:#233f27;
  background:#fff; border-radius:10px; border:1px solid rgba(11,127,39,0.13);
  padding:9px 10px; box-shadow:0 2px 7px #0b7f2720; transition:box-shadow .18s, border-color .16s, transform .06s;
}
a.ingy2-card:hover, a.ingy2-card:focus{
  border-color:#0B7F27; box-shadow:0 4px 18px #0b7f2715; outline:0; color:#0B7F27;
}
a.ingy2-card:active{ transform:scale(.985); }

.ingy2-thumb{ width:42px; height:42px; border-radius:8px; overflow:hidden; background:#e4f5e8; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px #e4f5e8; }
.ingy2-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.ingy2-ph{ width:18px; height:18px; border-radius:50%; background:#c7ead5; display:inline-block; }
.ingy2-name{ font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ingy2-price{ color:#0B7F27; font-weight:700; margin-left:12px; white-space:nowrap; }

.ingy2-footer{ margin-top:8px; display:flex; justify-content:flex-end; gap:8px; }
.ingy2-more{ color:#0B7F27; font-weight:800; text-decoration:none; padding:8px 4px; }
.ingy2-more:hover{ text-decoration:underline; }
.ingy2-close-soft{
  background:#e5f6eb; color:#0B7F27; border:1px solid #bfe9cf;
  padding:8px 12px; border-radius:10px; font-weight:700; cursor:pointer;
}
.ingy2-close-soft:hover{ filter:brightness(.98); }

/* FAB-кнопка (якщо не додав шорткод) */
.ingy2-fab{
  position:fixed; right:14px; bottom:14px; z-index:10060;
  width:46px; height:46px; border-radius:12px; border:0; background:#0B7F27; color:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,.22); display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.ingy2-fab:hover{ filter:brightness(1.05); }

/* Вимикаємо СТОРОННІ підказки, поки відкритий наш пошук — без “блокування фону” */
html.ingy2-open .dgwt-wcas-suggestions-wrapp,
html.ingy2-open .dgwt-wcas-overlay,
html.ingy2-open .aws-search-result,
html.ingy2-open .ui-autocomplete,
html.ingy2-open .autocomplete-suggestions {
  display:none !important;
}

@media (max-width:600px){
  .ingy2-box{ width:min(560px,94vw); }
  .ingy2-results{ max-height:56vh; }
}

/* ======================================================================
   Варіації (рамка/відступи/скидання фону) — консолідація, без змін вигляду
   ====================================================================== */

/* Контейнер варіацій */
.single-product .variations{
  box-sizing: border-box !important;
  border: 2px solid #179241 !important;
  border-radius: 20px !important;
  background: transparent !important;   /* кінцевий ефект — без фону */
  padding-left: 14px !important;
  padding-right: 14px !important;
  margin-left: 3px !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100vw !important;
}

/* Таблиця варіацій — без бордерів/тіней */
.single-product table.variations{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Прозоре тло для обгортачів і summary */
.single-product form.variations_form,
.single-product .summary,
.single-product .entry-summary{
  background: transparent !important;
  box-shadow: none !important;
}

/* Мобільні підлаштування */
@media (max-width: 768px){
  .single-product .variations{
    padding-left: 2px !important;
    padding-right: 2px !important;
    width: 85vw !important;
    max-width: 90vw !important;
  }
}

/* INGYRSAD — Полірівка лівого краю для кнопок і лічильника */
.ingy-actions-row .ingy-quantity-wrapper {
  margin-left: -5px !important;
  padding-left: 0 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.ingy-actions-row .single_add_to_cart_button,
.ingy-actions-row .custom-cart-button {
  padding-left: 0 !important; /* для ідеального прилягання до лічильника */
}

.ingy-actions-row > *:first-child {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Якщо раптом треба — підрівняти border-radius у першого елемента */
.ingy-actions-row > *:first-child {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
/* INGYRSAD — бейдж: прибрано дубль, збережено поточний вигляд */
.ingy-badge-slot{
  margin-left: -5px !important; 
  /* за замовчуванням 8px, але можна перевизначити через --ingy-end-gap */
  margin-right: var(--ingy-end-gap, 8px) !important;
}
.ingy-availability {
  margin-left:  0px !important;  /* крутиш цю! */
  margin-right: 0px !important;
}

/* INGYRSAD — Крутілка відступів для бейджа (OOS прості товари) */
.single-product .ingy-badge-slot .ingy-availability {
  margin-left: 5px !important;  /* Змінюй це значення для зсуву вліво/вправо */
  margin-right: -8px !important; /* Якщо треба правий відступ */
  margin-top: 6px !important;   /* Верхній відступ */
  margin-bottom: 12px !important; /* Нижній */
}

/* ==== Відступи бейджа наявноті прстого товару  ==== */
.ingy-simple-badge {
  display: inline-block;
  font-weight: 600;
  font-size: 14.5px;
  line-height: 1.2;
  letter-spacing: .01em;
  border-radius: 4px;
  padding: 2px 14px 2px 8px;  /* менше padding зліва */
  margin: 0 0   15px 0 !important;
  margin-left: -15px !important;
  vertical-align: middle;
  position: relative;
  transition: background .18s, color .18s;
}


/* ======================================================================
   Вкладки "Фото / Відео" — консолідація з дефолтами змінних
   Товста верхня лінія + тонкі вертикалі, без нижньої рамки
   ====================================================================== */

/* БАЗОВІ ЗНАЧЕННЯ ДЛЯ ВЛАСНИХ ЗМІННИХ (щоб рамки не зникали) */
.single-product{
  --ingy-tab-pad-y: 5px;         /* висота вкладки */
  --ingy-tab-pad-x: 14px;        /* бокові відступи */
  --ingy-tab-font: .98rem;       /* розмір шрифта */
  --ingy-tab-lh: 1.05;           /* line-height */
  --ingy-tab-radius: 11px;       /* заокруглення зверху */
  --ingy-tab-top: 4px;           /* товщина верхньої лінії */
  --ingy-tab-vert: 1px;          /* товщина вертикалей */
  --ingy-tab-bg-active: #eaf6ee; /* фон активної вкладки */
  --ingy-tab-color: #0b7f27;     /* колір тексту */
  --ingy-tab-color-active: #116d2d;
}

/* Контейнер вкладок: чисто, компактно */
.woocommerce-tabs.wc-tabs-wrapper,
.woocommerce div.product .woocommerce-tabs,
.single-product .woocommerce-tabs{
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:5px !important;
  margin:0 0 22px 0 !important;
}

/* Підтягнути ближче для Blocksy-обгортки */
.single-product .product-entry-wrapper .woocommerce-tabs.wc-tabs-wrapper{
  margin-top:-12px !important;
}

/* Ряд вкладок (UL): однаковий вигляд для всіх варіантів селектора */
.woocommerce-tabs.wc-tabs-wrapper ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs,
.single-product ul.tabs.wc-tabs,
ul.tabs.wc-tabs.is-width-constrained{
  --ingy-tabs-gap:0px;             /* проміжок лише між кнопками вкладок */
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-end;
  gap:var(--ingy-tabs-gap) !important;
  padding:1px !important;
  margin:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow-x:auto;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.single-product ul.tabs.wc-tabs:before{ content:none !important; }

/* li: не розтягувати, без зайвих бордерів */
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.single-product ul.tabs.wc-tabs li,
ul.tabs.wc-tabs.is-width-constrained li{
  list-style:none !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  position:relative;
  width:auto !important;
  flex:0 0 auto !important;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.single-product ul.tabs.wc-tabs li:before{ content:none !important; }

/* Кнопки вкладок: верхня товста + тонкі вертикалі, без нижньої */
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.single-product ul.tabs.wc-tabs li a,
ul.tabs.wc-tabs.is-width-constrained li a{
  display:block;
  white-space:nowrap;
  background:#fff;
  color:var(--ingy-tab-color);
  border-top:var(--ingy-tab-top, 4px) solid #0b7f27 !important;   /* фолбек 4px */
  border-left:var(--ingy-tab-vert, 1px) solid #0b7f27 !important; /* фолбек 1px */
  border-right:var(--ingy-tab-vert, 1px) solid #0b7f27 !important;
  border-bottom:none !important;
  border-radius:var(--ingy-tab-radius) var(--ingy-tab-radius) 0 0 !important;
  padding:var(--ingy-tab-pad-y) var(--ingy-tab-pad-x) !important;
  font-weight:700 !important;
  font-size:var(--ingy-tab-font) !important;
  line-height:var(--ingy-tab-lh) !important;
  text-decoration:none;
  text-align:center;
  box-shadow:none !important;
  outline:none !important;
  cursor:pointer;
}

/* Без подвійної вертикальної лінії між вкладками */
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li + li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li + li a,
.single-product ul.tabs.wc-tabs li + li a,
ul.tabs.wc-tabs.is-width-constrained li + li a{
  border-left-width:0 !important;
}

/* Активна вкладка: лише фон і колір тексту */
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.single-product ul.tabs.wc-tabs li.active a,
ul.tabs.wc-tabs.is-width-constrained li.active a{
  background:var(--ingy-tab-bg-active) !important;
  color:var(--ingy-tab-color-active) !important;
}

/* Панелі контенту вкладок */
.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-tabs .panel,
.single-product .woocommerce-Tabs-panel{
  background:#fff;
  padding:24px 24px 6px 24px;
  border:none !important;
  border-radius:0 0 18px 18px !important;
  color:#132619;
  font-size:1.06rem;
}

/* Мобільні підлаштування змінними */
@media (max-width:700px){
  .single-product{
    --ingy-tab-pad-y:8px;
    --ingy-tab-pad-x:12px;
    --ingy-tab-font:.94rem;
    --ingy-tab-lh:1.05;
    --ingy-tab-radius:10px;
  }
}

/* INGYRSAD — НП Зберегти в Кабінет: компактніший розмір */
#ingyNpSaveWrap{ margin-top:4px; }
#ingyNpSaveBtn{
  padding:6px 6px;
  font-size:12px;
  border-radius:5px;
  line-height:1.1;
}

@media (max-width: 767px) {
  .hero-slider-home {
    min-height: 200px;
  }
  .hero-slider-home .elementor-container,
  .hero-slider-home .elementor-widget-container {
    min-height: 200px;
  }
}

/* ===========================
 * iOS / Safari: дрібні зсуви
 * =========================== */

/* 1. Забороняємо горизонтальний скрол і “виїзди” */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* 2. Наші повноекранні панелі не повинні виходити за 100vw */
.ingy3-modal,
#ingyBookingModal,
#ingyAccountModal,
#ingyFavFloatMini,
#ingyFavSlot,
#ingyCartFab,
#ingyCatalogOverlay,
#ingyCatalogPanel {
  box-sizing: border-box;
  max-width: 100vw;
}

/* 3. На вузьких екранах — підтискаємо будь-які fixed/absolute панелі,
   якщо вони випадково намалювалися ширшими за екран */
@media (max-width: 600px) {
  [data-ingy-overlay],
  .ingy-overlay,
  .ingy-fullscreen {
    left: 0;
    right: 0;
    max-width: 100vw;
    margin: 0 auto;
  }
}

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