/* Inline forms outside the popup: keep only the consultation button */
form.wpcf7-form .row > .col-lg-4:has(.wrap_field) { display: none !important; }
#call_modal form.wpcf7-form .row > .col-lg-4:has(.wrap_field) { display: block !important; }
form.wpcf7-form .row > .col-lg-4:has(.btn_wrap_form) { flex: 0 0 auto; width: auto; max-width: 100%; }
#call_modal form.wpcf7-form .row > .col-lg-4:has(.btn_wrap_form) { width: 100%; }
@media (max-width: 576px) { form.wpcf7-form .row > .col-lg-4:has(.btn_wrap_form) { width: 100%; } }

/* Delivery status shown inside the form after submission */
.form-delivery-status {
  margin: 12px 0 0; font-size: 14px; line-height: 1.45; text-align: center;
  color: hsl(225 69% 19% / .8);
}
.form-delivery-status.is-sending { color: hsl(225 69% 19% / .6); }
.form-delivery-status.is-success { color: hsl(125 77% 30%); font-weight: 600; }
.form-delivery-status.is-error { color: hsl(6 63% 42%); font-weight: 600; }

/* Thank-you modal (copied from "Сімейне Закарпаття: Повний Релакс") */
.thanks-overlay {
  --th-fg: hsl(225 69% 19%);
  --th-secondary: hsl(125 77% 39%);
  --th-accent: hsl(36 100% 95%);
  --th-border: hsl(225 20% 90%);
  --th-tg: #24A1DE;
  --th-tg-hover: #1e87be;
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center; padding: 16px;
  background: hsl(225 69% 19% / .55); backdrop-filter: blur(4px);
  animation: thanks-fade .3s ease-out;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
}
.thanks-modal {
  position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 32px); overflow-y: auto;
  background: #fff; border-radius: 32px; box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
  padding: 44px 28px 28px; text-align: center; color: var(--th-fg);
  display: flex; flex-direction: column; align-items: center; box-sizing: border-box;
  animation: thanks-in .5s .05s ease-out both;
}
@media (min-width: 768px) { .thanks-modal { padding: 48px 40px 40px; } }
.thanks-close {
  position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 0; border-radius: 50%;
  background: transparent; color: hsl(225 69% 19% / .55); cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: background .2s, color .2s;
}
.thanks-close:hover { background: var(--th-accent); color: var(--th-fg); }
.thanks-icon { margin-bottom: 20px; padding: 16px; border-radius: 50%; background: hsl(125 77% 39% / .1); color: var(--th-secondary); display: flex; }
.thanks-title {
  margin: 0; font-family: 'Unbounded', 'Manrope', sans-serif; font-weight: 800;
  font-size: 30px; line-height: 1.25; color: var(--th-fg); text-transform: none;
}
@media (min-width: 768px) { .thanks-title { font-size: 36px; } }
.thanks-text { margin: 16px 0 0; max-width: 448px; font-size: 16px; line-height: 1.5; color: hsl(225 69% 19% / .7); }
.thanks-box {
  margin-top: 32px; width: 100%; max-width: 384px; box-sizing: border-box;
  border: 1px solid hsl(225 20% 90% / .6); border-radius: 16px; background: hsl(36 100% 95% / .2); padding: 20px;
}
.thanks-box p { margin: 0 0 16px; font-size: 14px; line-height: 1.45; font-weight: 500; color: hsl(225 69% 19% / .8); }
.thanks-tg {
  display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; width: 100%;
  border-radius: 9999px; background: var(--th-tg); color: #fff !important; text-decoration: none;
  font-size: 16px; font-weight: 600; box-shadow: 0 10px 15px -3px rgb(36 161 222 / .2); transition: background .2s;
}
.thanks-tg:hover { background: var(--th-tg-hover); }
@keyframes thanks-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes thanks-in { from { opacity: 0; filter: blur(15px); transform: scale(.85); } to { opacity: 1; filter: blur(0); transform: scale(1); } }
