/* Additions only: the lead form inside the original Popup Maker container. Everything else is Elementor CSS. */
.vitch-lead__title { margin: 0 0 16px; font-family: "Playfair Display", serif; color: #1a4d3c; }
.vitch-lead__form { display: grid; gap: 12px; }
.vitch-lead__form label { display: grid; gap: 4px; font-family: Jost, sans-serif; font-size: 14px; color: #222; }
.vitch-lead__form input, .vitch-lead__form select { padding: 10px 12px; border: 1px solid #ccc; border-radius: 4px; font: inherit; }
.vitch-lead__consent { grid-template-columns: auto 1fr; align-items: start; font-size: 13px; }
.vitch-lead__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.vitch-lead__form .elementor-button { background: #1a4d3c; color: #fff; border: 0; padding: 12px 24px; cursor: pointer; }
.vitch-lead__status { min-height: 1.4em; margin: 0; font-size: 14px; }

/* Consent banner (ADR-007): quiet, bottom of the screen, in the site's green */
.vitch-consent { position: fixed; inset: auto 16px 16px 16px; z-index: 99999; max-width: 560px; margin: 0 auto;
  background: #fff; color: #222; border: 1px solid #d9d9d9; border-radius: 6px; padding: 16px 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,.12); font-family: Jost, sans-serif; font-size: 14px; line-height: 1.5; }
.vitch-consent[hidden] { display: none; }
.vitch-consent p { margin: 0 0 12px; }
.vitch-consent a { color: #1a4d3c; text-decoration: underline; margin-inline-start: 4px; }
.vitch-consent__actions { display: flex; gap: 10px; justify-content: flex-end; }
.vitch-consent__actions button { font: inherit; padding: 8px 18px; border-radius: 4px; cursor: pointer; border: 1px solid #1a4d3c; }
.vitch-consent__actions [data-consent="decline"] { background: #fff; color: #1a4d3c; }
.vitch-consent__actions [data-consent="accept"] { background: #1a4d3c; color: #fff; }

/* Fix carried over from the original: page content covered the mobile menu button, so it could not be tapped.
   Stacking order only; nothing moves. */
.site-header { position: relative; z-index: 1000; }

/* Language switch: small, fixed, top corner; does not disturb the original layout */
.vitch-lang { position: fixed; top: 12px; inset-inline-end: 12px; z-index: 1001; background: #1a4d3c; color: #fff !important;
  font: 500 13px/1 Jost, "Almarai", sans-serif; padding: 8px 12px; border-radius: 4px; text-decoration: none; }
.vitch-lang:hover { background: #143d30; }

/* Fix carried over from the original: on phones the first section was pulled 200px up over the header,
   hiding the tagline and the menu button. Phones only; desktop layout unchanged. */
@media (max-width: 767px) {
  [data-elementor-type="wp-page"] > .e-parent:first-child,
  [data-elementor-type="wp-post"] > .e-parent:first-child { margin-top: 0 !important; }
}

/* Phone hero (home): the photo's model sits in its right 40%, so cover at 0 0 showed only green. Phones get the
   photo as a band at the top, faded into the brand green, with the headline below it and never across her face. */
@media (max-width: 767px) {
  .elementor-393 .elementor-element.elementor-element-686009f:not(.elementor-motion-effects-element-type-background) {
    background-image: linear-gradient(to bottom, rgba(26,76,59,0) 58%, #1a4c3b 97%),
      url("/wp-content/uploads/2026/09/Elevate-Your-Medical-Experience-at-Vitch-Poly-Clinic-scaled.webp") !important;
    background-size: 100% 344px, auto 340px !important;
    background-position: 0 0, 100% 0 !important;
    background-repeat: no-repeat !important;
    background-color: #1a4c3b !important;
  }
  .elementor-393 .elementor-element.elementor-element-258798b { padding-top: 320px !important; }
}