@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//1.3.biz.ua/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

:root {
	--wd-text-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Cormorant", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(165,175,135);
	--wd-entities-title-font: "Cormorant", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cormorant", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 300;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(165,175,135);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(255,255,255);
	--wd-link-color-hover: rgb(255,255,255);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(165,175,135);
	--btn-accented-bgcolor-hover: rgb(150,159,123);
	--btn-font-weight: 400;
	--btn-transform: capitalize;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: rgb(255,255,255);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-content-layout {
  padding-block: 0px !important;
}
/* Тільки в попапах Popup Maker + CF7 */
#pum-26169 .wpcf7,
.pum-container .wpcf7 {
  --field-bg: #fff;
  --field-text: #111827;
  --field-border: #d1d5db;
  --label: #1f2937;
  --muted: #6b7280;
  --focus: rgba(79,70,229,.35);
}

/* Базові поля */
#pum-26169 .wpcf7 input[type="text"],
#pum-26169 .wpcf7 input[type="tel"],
#pum-26169 .wpcf7 input[type="date"],
#pum-26169 .wpcf7 input[type="number"],
#pum-26169 .wpcf7 select,
#pum-26169 .wpcf7 textarea {
  background: var(--field-bg) !important;
  color: var(--field-text) !important;
  border: 1px solid var(--field-border) !important;
  border-radius: 10px !important;
  padding: 12px 12px !important;
  width: 100%;
  box-shadow: none !important;
  outline: none !important;
}

/* Фокус */
#pum-26169 .wpcf7 input:focus,
#pum-26169 .wpcf7 select:focus,
#pum-26169 .wpcf7 textarea:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 3px var(--focus) !important;
}

/* Лейбли та допоміжний текст */
#pum-26169 .booking-form label { 
  display:block; 
  color: var(--label) !important; 
  margin: 0 0 6px;
  font-weight: 500;
}

/* Плейсхолдери світліші */
#pum-26169 .wpcf7 ::placeholder { color: var(--muted) !important; opacity: 1; }

/* Кнопка */
#pum-26169 .wpcf7 input[type="submit"]{
  background:#4f46e5 !important; color:#fff !important; 
  border:0 !important; padding:12px 18px !important; 
  border-radius:10px !important; cursor:pointer;
}
#pum-26169 .wpcf7 input[type="submit"]:hover{ filter:brightness(1.07) }

/* Повідомлення про помилки CF7 */
#pum-26169 .wpcf7-not-valid-tip { 
  color:#b91c1c !important; 
  font-size:.9rem; margin-top:6px; 
}
/* тільки ваш попап */
#pum-26169 .wpcf7 select {
  background:#fff !important;
  color:#111 !important;
  border:1px solid #d1d5db !important;
}
/* список опцій у випадайці */
#pum-26169 .wpcf7 select option {
  background:#fff !important;
  color:#111 !important;
}
/* на деяких темах темний режим перефарбовує — вимикаємо */
@media (prefers-color-scheme: dark){
  #pum-26169 .wpcf7 select,
  #pum-26169 .wpcf7 select option { background:#fff !important; color:#111 !important; }
}
/* Попап завжди поверх сторінки */
.pum-overlay { background: rgba(0,0,0,.65) !important; z-index: 999998 !important; }
.pum.pum-active { z-index: 999999 !important; }

/* Форсимо світлу тему для нативних контролів (випадайка теж) */
.pum.pum-active, .pum.pum-active * { color-scheme: light !important; }

/* select і його option у світлих кольорах */
.pum.pum-active select { background:#fff !important; color:#111 !important;
  border:1px solid #d1d5db !important; }
.pum.pum-active select option { background:#fff !important; color:#111 !important; }

/* Кнопка закриття як "✕" у правому верхньому куті */
.pum.pum-active .pum-close{
  position:absolute !important; top:10px; right:10px;
  width:36px; height:36px; border-radius:10px;
  background:#fff !important; color:#111 !important;
  font-size:0 !important; line-height:36px; text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,.15);
}
.pum.pum-active .pum-close:after{
  content:"✕"; font-size:18px; line-height:36px; display:block;
}
.pum.pum-active .pum-close:hover{ filter:brightness(.95); }
<script>
document.addEventListener('DOMContentLoaded', function () {

  function initBookingCalc() {
    const inEl  = document.getElementById('checkin');
    const outEl = document.getElementById('checkout');
    const nightsEl = document.getElementById('nights');

    if (!inEl || !outEl || !nightsEl) return;

    // Мінімальна дата — сьогодні
    const today = new Date();
    today.setHours(0,0,0,0);
    const todayStr = today.toISOString().split('T')[0];
    inEl.min = todayStr;
    outEl.min = todayStr;

    function syncDates() {
      if (inEl.value) {
        let checkInDate = new Date(inEl.value);
        checkInDate.setDate(checkInDate.getDate() + 1);
        const minOut = checkInDate.toISOString().split('T')[0];
        outEl.min = minOut;

        if (!outEl.value || new Date(outEl.value) <= new Date(inEl.value)) {
          outEl.value = minOut;
        }
      }
      calcNights();
    }

    function calcNights() {
      if (inEl.value && outEl.value) {
        const inDate = new Date(inEl.value);
        const outDate = new Date(outEl.value);
        if (outDate > inDate) {
          const diff = (outDate - inDate) / (1000 * 60 * 60 * 24);
          nightsEl.value = diff;
        } else {
          nightsEl.value = 0;
        }
      }
    }

    inEl.addEventListener('change', syncDates);
    outEl.addEventListener('change', calcNights);

    syncDates(); // одразу при запуску
  }

  // ініціалізація при відкритті попапа
  if (window.jQuery) {
    jQuery(document).on('pumAfterOpen', function () {
      initBookingCalc();
    });
  } else {
    initBookingCalc();
  }
});
</script>
/* Менший поп-ап (~70% ширини) */
.pum.pum-active .pum-container{
  max-width: min(70vw, 820px) !important; /* головний розмір */
  width: auto !important;
  margin: 0 auto !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.35) !important;
}

/* Заокруглюємо БЛОК з білим фоном (у різних темах це .pum-content) */
.pum.pum-active .pum-content{
  background: #fff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  padding: 22px 26px !important;
}

/* Якщо фон заданий на .pum-container — підстрахуємо теж */
.pum.pum-active .pum-container.pum-responsive{
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* Мобільна адаптація */
@media (max-width: 680px){
  .pum.pum-active .pum-container{ max-width: 92vw !important; }
  .pum.pum-active .pum-content{ padding: 18px 16px !important; border-radius: 14px !important; }
}
/* Зменшуємо ширину попапа до ~70% екрана */
.pum.pum-active .pum-container.pum-responsive {
  width: 70% !important;        /* 70% ширини вікна */
  max-width: 820px !important;  /* але не більше 820px */
  margin: 0 auto !important;    /* по центру */
}

/* Для мобільних — ширше, щоб було зручно */
@media (max-width: 768px) {
  .pum.pum-active .pum-container.pum-responsive {
    width: 92% !important;
    max-width: none !important;
  }
}
/* KP override — affects only inside sections with `kp-page` class */
.kp-page { background:#ffffff !important; color:#000 !important; }
.kp-page * { color:#000; }
.kp-page .elementor-container { max-width:1200px !important; }

.kp-page h1.elementor-heading-title{ font-size:52px; line-height:1.1; font-weight:700; letter-spacing:.02em; }
.kp-page h2.elementor-heading-title{ font-size:36px; line-height:1.15; font-weight:700; }
.kp-page h3.elementor-heading-title{ font-size:20px; line-height:1.3; font-weight:700; }

.kp-page .elementor-column > .elementor-widget-wrap{ background:#fff; }
.kp-page .elementor-column .elementor-widget-wrap[style*="border"]{ box-shadow:0 2px 10px rgba(0,0,0,.05); }

.kp-page .elementor-widget-tabs .elementor-tab-title{ border:1px solid #e5e5e5; border-radius:8px; padding:10px 14px; background:#fff; }
.kp-page .elementor-widget-tabs .elementor-tab-title.elementor-active{ background:#111; color:#fff; border-color:#111; }
.kp-page .elementor-widget-tabs .elementor-tab-content{ background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:16px; }
.kp-page .elementor-widget-tabs table{ width:100%; border-collapse:collapse; }
.kp-page .elementor-widget-tabs thead th{ background:#fafafa; font-weight:600; padding:12px; border-bottom:1px solid #e5e5e5; }
.kp-page .elementor-widget-tabs tbody td{ padding:12px; border-bottom:1px solid #e5e5e5; text-align:center; }
.kp-page .elementor-widget-tabs tbody td:first-child, .kp-page .elementor-widget-tabs thead th:first-child{ text-align:left; }

.kp-page .elementor-widget-accordion .elementor-accordion-item{ border:1px solid #e5e5e5; border-radius:10px; background:#fff; margin-bottom:10px; }
.kp-page .elementor-widget-accordion .elementor-tab-title{ padding:14px 16px; font-weight:600; }
.kp-page .elementor-widget-accordion .elementor-tab-content{ padding:16px; background:#fff; }

.kp-page.elementor-section{ padding-top:56px; padding-bottom:48px; }
/* ====== База / фон / ширина ====== */
body, .site-content, .main-page-wrapper,
.elementor-section.kp-page { background:#fff !important; color:#000; }
.elementor-container { max-width:1200px !important; }

/* ====== Типографіка (під референс) ====== */
h1.elementor-heading-title { font-family:"Cormorant Garamond", serif; font-weight:700; font-size:52px; line-height:1.1; letter-spacing:.02em; }
h2.elementor-heading-title { font-family:"Cormorant Garamond", serif; font-weight:700; font-size:36px; line-height:1.15; }
h3.elementor-heading-title, h4.elementor-heading-title { font-weight:700; }

/* ====== Послуги (сітка й картки) ====== */
.kp-services .elementor-column > .elementor-widget-wrap {
  background:#fff;
  border:1px solid #e7e2dd;
  border-radius:12px;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
  padding:18px;
}
.kp-services .elementor-widget-heading + .elementor-widget-text-editor { margin-top:6px; }
.kp-services .elementor-widget-button { margin-top:12px; }

/* Якщо десь картки стали в один ряд — вмикаємо grid */
.kp-services-row .elementor-container { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
@media (max-width:1024px){ .kp-services-row .elementor-container { grid-template-columns:repeat(2,1fr); } }
@media (max-width:767px){ .kp-services-row .elementor-container { grid-template-columns:1fr; } }

/* ====== Таби "Ціни" ====== */
.kp-page .elementor-widget-tabs .elementor-tab-title {
  border:1px solid #e5e5e5; border-radius:8px; padding:10px 14px; background:#fff;
  margin-right:8px; margin-bottom:10px; font-weight:600;
}
.kp-page .elementor-widget-tabs .elementor-tab-title.elementor-active {
  background:#1b1b1b; color:#fff; border-color:#1b1b1b;
}
.kp-page .elementor-widget-tabs .elementor-tab-content {
  background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:16px;
}
.kp-page .elementor-widget-tabs table { width:100%; border-collapse:collapse; }
.kp-page .elementor-widget-tabs thead th {
  background:#f6f2ee; font-weight:600; padding:12px; border-bottom:1px solid #e5e5e5;
}
.kp-page .elementor-widget-tabs tbody td {
  padding:12px; border-bottom:1px solid #eee; text-align:center;
}
.kp-page .elementor-widget-tabs thead th:first-child,
.kp-page .elementor-widget-tabs tbody td:first-child { text-align:left; }

/* ====== FAQ (акордеон) ====== */
.kp-page .elementor-widget-accordion .elementor-accordion-item {
  border:1px solid #e5e5e5; border-radius:10px; background:#fff; margin-bottom:12px;
}
.kp-page .elementor-widget-accordion .elementor-tab-title { padding:14px 16px; font-weight:600; }
.kp-page .elementor-widget-accordion .elementor-tab-content { padding:16px; }

/* ====== Відступи секцій ====== */
.kp-page.elementor-section { padding-top:56px; padding-bottom:48px; }
.kp-hero .elementor-container { align-items:center; }
/* Меню в хедері — чорний текст */
header nav a,
header .menu a,
.site-header .menu a,
.header nav a {
  color: #000 !important;
}

/* Стан наведення/активний/відвіданий — теж чорний */
header nav a:hover,
header nav a:focus,
header nav .current-menu-item > a,
header nav a:visited {
  color: #000 !important;
}

/* На випадок, якщо тема задає «заповнення» тексту для Safari */
header nav a {
  -webkit-text-fill-color: #000 !important;
}
/* ===== Popup Maker #popmake-26759 + CF7 ===== */

/* форсимо світлу схему й білий фон інпутів */
#popmake-26759, #popmake-26759 * { color-scheme: light !important; }
#popmake-26759 .wpcf7 input[type="text"],
#popmake-26759 .wpcf7 input[type="tel"],
#popmake-26759 .wpcf7 input[type="date"],
#popmake-26759 .wpcf7 input[type="time"],
#popmake-26759 .wpcf7 select,
#popmake-26759 .wpcf7 textarea{
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important; /* Safari */
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  width:100% !important;
  min-height:46px;
  display:block !important;
  visibility:visible !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  box-shadow:none !important;
}

#popmake-26759 .wpcf7 ::placeholder{ color:#6b7280 !important; opacity:1; }
#popmake-26759 .wpcf7 select option{ background:#fff !important; color:#111 !important; }

/* кнопка */
#popmake-26759 .wpcf7 input[type="submit"]{
  background:#4f46e5 !important; color:#fff !important;
  border:0 !important; padding:12px 18px !important;
  border-radius:12px !important; cursor:pointer;
}
#popmake-26759 .wpcf7 input[type="submit"]:hover{ filter:brightness(1.07) }

/* сітка (якщо використовували .cf7-row) */
#popmake-26759 .cf7-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:560px){ #popmake-26759 .cf7-row{ grid-template-columns:1fr; } }

/* саме вікно — акуратна ширина */
#popmake-26759.pum .pum-container.pum-responsive{
  width:70% !important; max-width:820px !important; margin:0 auto !important;
}
@media (max-width:768px){
  #popmake-26759.pum .pum-container.pum-responsive{ width:92% !important; max-width:none !important; }
}
#popmake-26759 .wpcf7 input[type="time"],
#popmake-26759 .wpcf7 input[type="tel"]{
  display:block !important; visibility:visible !important; width:100% !important;
}
#popmake-26759 .cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){#popmake-26759 .cf7-row{grid-template-columns:1fr}}
#popmake-26759, #popmake-26759 * { color-scheme: light !important; }

#popmake-26759 .wpcf7 input[type="text"],
#popmake-26759 .wpcf7 input[type="tel"],
#popmake-26759 .wpcf7 input[type="date"],
#popmake-26759 .wpcf7 input[type="time"],
#popmake-26759 .wpcf7 select,
#popmake-26759 .wpcf7 textarea{
  background:#fff !important; color:#111 !important; -webkit-text-fill-color:#111 !important;
  border:1px solid #d1d5db !important; border-radius:12px !important;
  padding:12px 14px !important; width:100% !important; min-height:46px;
  display:block !important; visibility:visible !important; appearance:auto !important; box-shadow:none !important;
}
#popmake-26759 .wpcf7 ::placeholder{ color:#6b7280 !important; opacity:1; }
#popmake-26759 .wpcf7 select option{ background:#fff !important; color:#111 !important; }

#popmake-26759 .cf7-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:560px){ #popmake-26759 .cf7-row{ grid-template-columns:1fr; } }

#popmake-26759 .wpcf7 input[type="submit"]{
  background:#4f46e5 !important; color:#fff !important; border:0 !important;
  padding:12px 18px !important; border-radius:12px !important; cursor:pointer;
}
#popmake-26759 .wpcf7 input[type="submit"]:hover{ filter:brightness(1.07); }
<script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/inputmask.min.js"></script>
<script>
(function(){
  function applyMasks(scope){
    scope = scope || document;

    // Телефон: +380999999999
    scope.querySelectorAll('#popmake-26759 input[name="client_phone"]').forEach(function(el){
      if(!el.inputmask){
        Inputmask({ mask:"+380999999999", clearIncomplete:true, showMaskOnHover:false }).mask(el);
      }
    });

    // Час: HH:MM (24h)
    scope.querySelectorAll('#popmake-26759 input[name="visit_time"]').forEach(function(el){
      if(!el.inputmask){
        Inputmask({ alias:"datetime", inputFormat:"HH:MM",
                    placeholder:"10:30", clearIncomplete:true }).mask(el);
      }
    });
  }

  document.addEventListener('DOMContentLoaded', applyMasks);
  document.addEventListener('pumAfterOpen', function(e){
    if(e?.detail?.pum?.popup?.id === 26759){
      applyMasks(document.getElementById('popmake-26759'));
    }
  });
})();
</script>
/* Показуємо точно наші нові поля у попапі */
#popmake-26759 .wpcf7 input[name="client_phone"],
#popmake-26759 .wpcf7 input[name="visit_time"]{
  display:block !important;
  visibility:visible !important;
  width:100% !important;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  min-height:46px;
}

/* решта стилів як раніше */
#popmake-26759 .cf7-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:560px){ #popmake-26759 .cf7-row{ grid-template-columns:1fr; } }
/* ===== Повертаємо поля CF7 у #popmake-26759 ===== */
#popmake-26759, #popmake-26759 * { color-scheme: light !important; }

/* Нічого не маскуємо/не кліпаємо */
#popmake-26759 .wpcf7-form-control-wrap{
  position: static !important;
  clip: auto !important;
  overflow: visible !important;
  height: auto !important;
  width: 100% !important;
  display: block !important;
}

/* Самі поля — примусово видимі і нормальної висоти */
#popmake-26759 .wpcf7 .wpcf7-form-control{
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  height: auto !important;
  min-height: 46px !important;
}

/* Базове оформлення, щоб тема не фарбувала в чорне */
#popmake-26759 .wpcf7 input[type="text"],
#popmake-26759 .wpcf7 input[type="date"],
#popmake-26759 .wpcf7 select,
#popmake-26759 .wpcf7 textarea{
  background:#fff !important; color:#111 !important; -webkit-text-fill-color:#111 !important;
  border:1px solid #d1d5db !important; border-radius:12px !important; padding:12px 14px !important;
}
#popmake-26759 .wpcf7 ::placeholder{ color:#6b7280 !important; opacity:1; }
/* розблоковує поля CF7 у попапі */
#popmake-26759 .wpcf7-form-control-wrap{
  position:static!important; clip:auto!important; overflow:visible!important;
  height:auto!important; width:100%!important; display:block!important;
}
#popmake-26759 .wpcf7 .wpcf7-form-control{
  opacity:1!important; visibility:visible!important; display:block!important;
  height:auto!important; min-height:46px!important;
}

/* базовий вигляд */
#popmake-26759, #popmake-26759 *{ color-scheme:light!important; }
#popmake-26759 .wpcf7 input[type="text"],
#popmake-26759 .wpcf7 input[type="date"],
#popmake-26759 .wpcf7 select,
#popmake-26759 .wpcf7 textarea{
  background:#fff!important; color:#111!important; -webkit-text-fill-color:#111!important;
  border:1px solid #d1d5db!important; border-radius:12px!important; padding:12px 14px!important;
}
#popmake-26759 .wpcf7 ::placeholder{ color:#6b7280!important; opacity:1; }
#popmake-26759 .cf7-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){#popmake-26759 .cf7-row{grid-template-columns:1fr}}
/* Показує заголовки полів у CF7-попапі */
#popmake-26759 .wpcf7 label{
  display:block !important;
  color:#111 !important;               /* темний текст */
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  margin:10px 0 6px !important;        /* відступ для заголовка */
  opacity:1 !important;
  visibility:visible !important;
}

/* щоб поле не прилипало до заголовка */
#popmake-26759 .wpcf7 label > .wpcf7-form-control,
#popmake-26759 .wpcf7 label > input,
#popmake-26759 .wpcf7 label > select,
#popmake-26759 .wpcf7 label > textarea{
  display:block !important;
  margin-top:6px !important;
}

/* на випадок, якщо тема робила “прихований текст” у label */
#popmake-26759 .wpcf7 label *{
  letter-spacing:normal !important;
  text-indent:0 !important;
}

/* базові кольори інпутів (щоб не чорніли) */
#popmake-26759 .wpcf7 input[type="text"],
#popmake-26759 .wpcf7 input[type="date"],
#popmake-26759 .wpcf7 select,
#popmake-26759 .wpcf7 textarea{
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  border:1px solid #d1d5db !important;
  border-radius:12px !important;
  padding:12px 14px !important;
}
#popmake-26759 .wpcf7 ::placeholder{ color:#6b7280 !important; opacity:1; }
<script>
(function(){
  function $(sel, root){ return (root||document).querySelector(sel); }
  function onSubmit(ev){
    ev.preventDefault();
    const form   = ev.target;
    const popup  = document.getElementById('popmake-26759');
    const out    = form.querySelector('.wpcf7-response-output') || (function(){
      const d=document.createElement('div'); d.className='wpcf7-response-output'; form.appendChild(d); return d;
    })();

    const fd = new FormData(form);
    fd.append('action','vc_popup_submit');
    fd.append('page_url', location.href);

    fetch(window.VC_AJAX_URL || '/wp-admin/admin-ajax.php', {
      method:'POST', body: fd, credentials:'same-origin'
    }).then(r=>r.json()).then(data=>{
      if(data.success){
        out.className='wpcf7-response-output wpcf7-mail-sent-ok';
        out.textContent=data.data.message||'Дякуємо! Заявку надіслано.';
        setTimeout(function(){
          if (window.PUM && PUM.close) PUM.close(26759);
        },1200);
        form.reset();
      }else{
        out.className='wpcf7-response-output wpcf7-validation-errors';
        out.textContent=(data.data && data.data.message) ? data.data.message : 'Помилка надсилання.';
      }
    }).catch(err=>{
      out.className='wpcf7-response-output wpcf7-validation-errors';
      out.textContent='Не вдалося надіслати форму. Спробуйте ще раз.';
      console.error(err);
    });
  }

  function bind(){
    const popup = document.getElementById('popmake-26759');
    if(!popup) return;
    // Беремо будь-яку форму в попапі (CF7 або звичайну)
    const form = popup.querySelector('form');
    if(form){
      form.addEventListener('submit', onSubmit, {capture:true});
      const btn = form.querySelector('[type="submit"], .wpcf7-submit');
      if(btn){ btn.disabled=false; btn.style.pointerEvents='auto'; }
    }
  }

  document.addEventListener('DOMContentLoaded', bind);
  document.addEventListener('pumAfterOpen', function(e){
    if(e?.detail?.pum?.popup?.id===26759) bind();
  });
})();
</script>
<script>
(function(){
  function ensureBind(){
    const popup = document.getElementById('popmake-26759');
    if (!popup) return;
    const form = popup.querySelector('form');
    if (!form || form.__vcBinded) return;

    form.__vcBinded = true;

    // Відправляємо напряму в admin-ajax.php
    form.addEventListener('submit', function(ev){
      ev.preventDefault();

      const out = form.querySelector('.wpcf7-response-output') || (function(){
        const d=document.createElement('div'); d.className='wpcf7-response-output'; form.appendChild(d); return d;
      })();

      const fd = new FormData(form);
      fd.append('action','vc_popup_submit');
      fd.append('page_url', location.href);

      fetch(window.VC_AJAX_URL || '/wp-admin/admin-ajax.php', {
        method:'POST',
        body: fd,
        credentials:'same-origin'
      })
      .then(r => r.json())
      .then(data => {
        if (data && data.success) {
          out.className='wpcf7-response-output wpcf7-mail-sent-ok';
          out.textContent = (data.data && data.data.message) ? data.data.message : 'Дякуємо! Заявку надіслано.';
          setTimeout(function(){
            if (window.PUM && PUM.close) PUM.close(26759);
          }, 1200);
          form.reset();
        } else {
          out.className='wpcf7-response-output wpcf7-validation-errors';
          out.textContent = (data && data.data && data.data.message) ? data.data.message : 'Помилка надсилання. Перевірте поля.';
        }
      })
      .catch(err => {
        console.error(err);
        const out = form.querySelector('.wpcf7-response-output') || form;
        out.className='wpcf7-response-output wpcf7-validation-errors';
        out.textContent='Не вдалося надіслати форму. Спробуйте ще раз.';
      });
    }, {capture:true});

    // на всяк випадок розморозимо кнопку
    const btn = form.querySelector('[type="submit"], .wpcf7-submit');
    if (btn){ btn.disabled=false; btn.style.pointerEvents='auto'; }
  }

  document.addEventListener('DOMContentLoaded', ensureBind);
  document.addEventListener('pumAfterOpen', function(e){
    if (e?.detail?.pum?.popup?.id === 26759) ensureBind();
  });
})();
</script>