/* Glilot site — contact template (page-contact.php).
   Desktop: Figma 16587:2018, px / 1920 * 100vw. Mobile (max-width 767px): Figma 16691:4657, px / 390 * 100vw.
   The lead form is the shared panel from template-parts/site-contact-section.php;
   this file only places it (.glilot-contact-content__form). */

/* Colored-bold heading ranges use the shared .lp-text-highlight (style.css). */
.glilot-contact-hero,
.glilot-contact-content,
.glilot-contact-navigation {
  position: relative;
  width: 100vw;
  overflow: hidden;
  background: #fff;
  color: var(--glilot-dark);
  direction: ltr;                  /* physical geometry; Hebrew text sets its own dir */
}

/* ---------- Hero 16587:2019 (1920 x 920) ---------- */
.glilot-contact-hero {
  height: 47.916667vw;             /* 920 */
}
.glilot-contact-hero__photo {
  position: absolute;
  top: 13.317208vw;                /* 255.69 */
  left: 12.1875vw;                 /* 234 */
  width: 24.270833vw;              /* 466 */
  height: 22.8125vw;               /* 438 */
  overflow: hidden;
  mix-blend-mode: multiply;
  transform: scaleX(-1);           /* relativeTransform [[-1,0,700],[0,1,255.69]] */
}
.glilot-contact-hero__photo img {
  position: absolute;
  top: -3.753125vw;                /* CROP transform: -0.12878 * 559.565 */
  left: -2.381406vw;               /* -0.08175 * 559.326 */
  width: 29.131563vw;              /* 466 / 0.83315 */
  height: 29.143997vw;             /* 438 / 0.78275 */
  max-width: none;
}
.glilot-contact-hero__ring img {
  position: absolute;
  top: 4.635417vw;                 /* 89 */
  left: 4.6875vw;                  /* 90 */
  width: 37.864583vw;              /* 727 */
  height: 37.519896vw;             /* 720.382 */
}
.glilot-contact-hero__copy {
  position: absolute;
  top: 16.09375vw;                 /* 309 */
  right: 5vw;                      /* 1920 - 1824 */
  display: flex;
  flex-direction: column;
  align-items: flex-end;           /* 16587:2021 counter MAX */
  gap: 1.5625vw;                   /* 30 */
  width: 46.822917vw;              /* 899 */
}
.glilot-contact-hero h1, .glilot-contact-hero [data-h="h1"] {
  width: 29.114583vw;              /* 559 */
  margin: 0;
  color: var(--glilot-dark);
  font-size: 3.645833vw;           /* 70 */
  font-weight: 500;
  line-height: 1;
  text-align: right;
}
.glilot-contact-hero h1 > span, .glilot-contact-hero [data-h="h1"] > span { display: block; }
.glilot-contact-hero__copy p {
  width: 39.010417vw;              /* 749 */
  margin: 0;
  font-size: 0.9375vw;             /* 18 Regular */
  font-weight: 400;
  line-height: 1.3;
  text-align: right;
}
.glilot-contact-hero__actions {
  position: absolute;
  top: 32.708333vw;                /* 628 */
  right: 5vw;
  display: flex;
  align-items: flex-start;
  gap: 1.666667vw;                 /* 32 */
  direction: rtl;                  /* phone on the physical right */
}
.glilot-contact-hero__action {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;                    /* 12 */
  height: 2.135417vw;              /* 41 */
  padding: 0.15625vw 0.989583vw;   /* 4 20 minus the 1px INSIDE stroke */
  border: 0.052083vw solid #fff;
  border-radius: 26.041667vw;
  background: var(--glilot-dark);
  color: #fff;
}                                  /* states: shared CTA component (.glilot-cta--light) */
.glilot-contact-hero__action--phone { height: 2.083333vw; } /* 40 (16587:2037) */
.glilot-contact-hero__action span {
  display: block;
  height: 1.354167vw;              /* 26 */
  font-size: 0.9375vw;             /* 18 Regular */
  font-weight: 400;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}
.glilot-contact-hero__action--phone span { width: 2.291667vw; }      /* 44 */
.glilot-contact-hero__action--whatsapp span { width: 3.645833vw; }   /* 70 */
.glilot-contact-hero__action--navigation span { width: 4.53125vw; }  /* 87 */
.glilot-contact-hero__action img { flex: none; }
.glilot-contact-hero__action--phone img { width: 1.5625vw; height: 1.5625vw; }            /* 30 */
.glilot-contact-hero__action--whatsapp img { width: 1.666667vw; height: 1.614583vw; }     /* 32 x 31 */
.glilot-contact-hero__action--navigation img { width: 1.614583vw; height: 1.614583vw; }   /* 31 */
.glilot-contact-hero__cards { display: none; }

/* ---------- Content "2" 16587:2128 (1920 x 1186) ---------- */
.glilot-contact-content {
  height: 61.770833vw;             /* 1186 */
}
.glilot-contact-audience h2, .glilot-contact-audience [data-h="h2"] {
  position: absolute;
  top: 4.322917vw;                 /* 83 */
  left: 5.208333vw;                /* 100 */
  width: 89.583333vw;              /* 1720 */
  height: 3.697917vw;              /* 71 */
  margin: 0;
  color: var(--glilot-text-accent);
  font-size: 3.645833vw;           /* 70 Bold */
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.glilot-contact-audience__toggle {
  position: absolute;
  top: 10.625vw;                   /* 204 */
  left: 39.010417vw;               /* 749 */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 3.125vw;                    /* 60 */
  width: 21.979167vw;              /* 422 */
  height: 4.0625vw;                /* 78 */
  padding: 0.520833vw;             /* 10 */
  border-radius: 26.041667vw;
  background: var(--glilot-surface); /* BL3 / CT2 / G10: the visible light grey surface token */
  direction: rtl;                  /* patients (first) on the physical right */
}
.glilot-contact-audience__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.020833vw;              /* 58 */
  padding: 0.520833vw 1.041667vw; /* 10 20 */
  border-radius: 26.041667vw;
  color: var(--glilot-accent);
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease;
}
/* Active option (16587:2134 / 16691:4750): #537b88 fill, white label. Set by the server
   (?audience=) and by assets/js/contact.js; the doctors-active look is INFERRED (no Figma frame). */
.glilot-contact-audience__option.is-active {
  background: var(--glilot-text-accent);
  color: #fff;
}
.glilot-contact-audience__option span {
  display: block;
  height: 1.979167vw;              /* 38 */
  font-size: 1.458333vw;           /* 28 Medium */
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}
.glilot-contact-audience__option--patients { width: 10.416667vw; }        /* 200 */
.glilot-contact-audience__option--patients span { width: 8.333333vw; text-align: center; } /* 160 */
.glilot-contact-audience__option--doctors { width: 7.395833vw; }          /* 142 */
.glilot-contact-audience__option--doctors span { width: 5.3125vw; text-align: right; }     /* 102 */
.glilot-contact-audience__option:hover,
.glilot-contact-audience__option:focus-visible { opacity: 0.72; }
.glilot-contact-audience__option:focus-visible,
.glilot-contact-hero__card:focus-visible,
.glilot-contact-navigation__map:focus-visible {
  outline: 0.104167vw solid var(--glilot-dark);
  outline-offset: 0.15625vw;
}
.glilot-contact-hero__card:hover,
.glilot-contact-hero__card:focus-visible { opacity: 0.72; }

/* Shared lead-form panel placement: right edge on the Figma form card 16587:2162 (x 1820, y 387). */
.glilot-contact-content .glilot-contact-content__form {
  top: 20.15625vw;                 /* 387 */
  right: 5.208333vw;               /* 100 */
  left: auto;
}

.glilot-contact-faq {
  position: absolute;
  top: 20.15625vw;                 /* 387 (16587:2137) */
  left: 5.208333vw;                /* 100 */
  box-sizing: border-box;
  width: 43.385417vw;              /* 833 */
  padding-top: 1.5625vw;           /* 30 */
}
.glilot-contact-faq h2, .glilot-contact-faq [data-h="h2"] {
  margin: 0 0 2.083333vw;          /* gap 40 */
  color: var(--glilot-dark);
  font-size: 3.645833vw;           /* 70 Medium, highlight Bold */
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.glilot-contact-faq__list {         /* rows: shared site-faq component (assets/css/site-faq.css) */
  --site-faq-answer-w: 30.989583vw;    /* 595 (16587:2142) — measured instance exception */
}

/* ---------- Navigation "3" 16587:2183 (1920 x 1036) ---------- */
.glilot-contact-navigation {
  height: 53.958333vw;             /* 1036 */
}
.glilot-contact-navigation h2, .glilot-contact-navigation [data-h="h2"] {
  position: absolute;
  top: 0;
  left: 5.208333vw;
  width: 89.583333vw;              /* 1720 */
  margin: 0;
  color: var(--glilot-text-accent);
  font-size: 3.645833vw;           /* 70 Bold */
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.glilot-contact-navigation__map {
  position: absolute;
  top: 6.25vw;                     /* 120 */
  left: 23.463542vw;               /* 450.5 */
  width: 53.072917vw;              /* 1019 */
  height: 27.447917vw;             /* 527 */
  overflow: hidden;
  border-radius: var(--glilot-radius-media);       /* 100 */
}
.glilot-contact-navigation__map img {
  width: 100%;
  height: 100%;
  object-fit: cover;               /* image FILL */
}
.glilot-contact-navigation__notice {
  position: absolute;
  top: 41.979167vw;                /* 806 */
  left: 18.90625vw;                /* 363 */
  width: 63.697917vw;              /* 1223 */
  min-height: 5.78125vw;           /* 111 (SS4: shared .glilot-notice, grows with the text) */
  padding: 0.833333vw 0 0.833333vw 1.770833vw; /* text x 34, 16 above / below */
  border-radius: var(--glilot-radius-inset);       /* 20 */
  background: var(--glilot-surface);
}
.glilot-contact-navigation__notice p {
  position: absolute;
  top: 0.833333vw;                 /* 16 */
  left: 1.770833vw;                /* 34 */
  width: 53.75vw;                  /* 1032 */
  margin: 0;
  color: var(--glilot-accent);
  font-size: 1.458333vw;           /* 28 Medium */
  font-weight: 500;
  line-height: 1.3;
  text-align: right;
}
.glilot-contact-navigation__notice-image {
  position: absolute;
  top: -2.5vw;                     /* -48 */
  left: 53.90625vw;                /* 1035 */
  width: 11.25vw;                  /* 216 */
  height: 11.25vw;
  overflow: hidden;
}
.glilot-contact-navigation__notice-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
  .glilot-contact-audience__option { transition: none; }
}

/* ---------- Mobile 16691:4657 ---------- */
@media (max-width: 767px) {
  /* Hero 16691:4658 (390 x 1151) */
  .glilot-contact-hero {
    height: 288.974359vw;          /* 1151 - 24: the copy -> cards gap is 24 shorter (feedback 2026-10-10 CM1) */
  }
  .glilot-contact-hero__photo {
    top: 42.056923vw;              /* 71 + 93.02 */
    left: 24.102564vw;             /* 10 + 84 */
    width: 51.282051vw;            /* 200 */
    height: 51.025641vw;           /* 199 */
    transform: none;
  }
  .glilot-contact-hero__photo img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;             /* image FILL (transform u 0.02768 = centred cover) */
  }
  .glilot-contact-hero__ring img {
    top: 22.666667vw;              /* 88.4 */
    left: 5.835897vw;              /* 22.76 */
    width: 88.045128vw;            /* 343.376 */
    height: 87.242308vw;           /* 340.245 */
  }
  .glilot-contact-hero__copy {
    top: 124.871795vw;             /* 487 */
    right: 5.128205vw;             /* 20 */
    gap: 2.564103vw;               /* 10 */
    width: 89.74359vw;             /* 350 */
  }
  .glilot-contact-hero h1, .glilot-contact-hero [data-h="h1"] {
    width: 100%;
    font-size: 10.25641vw;         /* 40 */
  }
  .glilot-contact-hero__title-first { font-weight: 400; } /* mobile line 1 Regular */
  .glilot-contact-hero__copy p {
    width: 87.692308vw;            /* 342 */
    font-size: 4.102564vw;         /* 16 */
    line-height: 1.35;
  }
  .glilot-contact-hero__actions { display: none; }
  .glilot-contact-hero__cards {
    position: absolute;
    top: 194.102564vw;             /* 781 - 24 (CM1: 96 -> 72 below the hero copy) */
    left: 5.128205vw;              /* 20 */
    display: flex;
    flex-direction: column;
    gap: 8.974359vw;               /* 35 */
    width: 89.74359vw;             /* 350 */
  }
  .glilot-contact-hero__card {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;     /* primary MAX */
    gap: 2.051282vw;               /* 8 */
    height: 23.076923vw;           /* 90 */
    padding: 1.025641vw 6.923077vw; /* 4 27 */
    border-radius: var(--glilot-radius-inset);     /* 20 */
    background: #eff3f5;
    color: var(--glilot-dark);
    text-decoration: none;
    transition: opacity 180ms ease;
  }
  .glilot-contact-hero__card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 63.076923vw;            /* 246 */
    direction: ltr;
  }
  .glilot-contact-hero__card--phone .glilot-contact-hero__card-text { width: 55.641026vw; } /* 217 */
  .glilot-contact-hero__card-title,
  .glilot-contact-hero__card-value {
    display: block;
    flex: none;
    direction: rtl;
    font-weight: 400;
    line-height: 1.3;
    text-align: right;
    white-space: nowrap;
  }
  .glilot-contact-hero__card-title {
    width: 100%;
    height: 6.153846vw;            /* 24 */
    font-size: 4.615385vw;         /* 18 (16713:1331) */
  }
  .glilot-contact-hero__card--phone .glilot-contact-hero__card-title { font-size: 4.102564vw; } /* 16 (16713:1325) */
  .glilot-contact-hero__card-value {
    width: 64.102564vw;            /* 250 */
    height: 7.692308vw;            /* 30 */
    font-size: 5.641026vw;         /* 22 */
  }
  .glilot-contact-hero__card--phone .glilot-contact-hero__card-value { width: 100%; }
  .glilot-contact-hero__card-icon {
    position: relative;
    flex: none;
    width: 10.769231vw;            /* 42 */
    height: 10.769231vw;
  }
  .glilot-contact-hero__card-icon img {
    position: absolute;
    top: 0;
    left: 0;
    width: 10.769231vw;
    height: 10.769231vw;
  }
  .glilot-contact-hero__card--whatsapp .glilot-contact-hero__card-icon img { width: 11.025641vw; } /* 43 x 42 */
  .glilot-contact-hero__card--visit .glilot-contact-hero__card-icon img {
    top: 1.282051vw;               /* (42 - 32) / 2 */
    left: 1.025641vw;              /* (42 - 33) / 2 - 0.5 */
    width: 8.461538vw;             /* 33 */
    height: 8.205128vw;            /* 32 */
  }
  .glilot-contact-hero__card:focus-visible { outline-width: 0.512821vw; outline-offset: 0.512821vw; }

  /* Content 16691:4738 — the shared form card is 572.95 tall (Figma card 16692:4978: 529.54),
     so the FAQ and the section end move down by 43.41 (measured 2026-09-29, card 572.94). */
  .glilot-contact-content {
    height: 412.669231vw;          /* 1566 + 43.41 (shared form card 572.95 vs Figma 16692:4978 529.54) */
  }
  .glilot-contact-audience h2, .glilot-contact-audience [data-h="h2"] {
    top: 21.794872vw;              /* 85 */
    left: 5.128205vw;
    width: 89.74359vw;             /* 350 */
    height: 9.230769vw;            /* 36 */
    font-size: 9.230769vw;         /* 36 Bold */
  }
  .glilot-contact-audience__toggle {
    top: 37.179487vw;              /* 145 */
    left: 5.128205vw;
    justify-content: space-between;
    gap: 0;
    width: 89.74359vw;             /* 350 */
    height: 16.410256vw;           /* 64 */
    padding: 2.564103vw;           /* 10 */
    border-radius: 128.205128vw;
  }
  .glilot-contact-audience__option {
    height: 11.282051vw;           /* 44 */
    padding: 2.564103vw 9.230769vw; /* 10 36 */
    border-radius: 128.205128vw;
  }
  .glilot-contact-audience__option span {
    height: 6.153846vw;            /* 24 */
    font-size: 4.615385vw;         /* 18 Medium */
    line-height: 1.18;
    letter-spacing: 0.05em;
    text-align: right;
  }
  .glilot-contact-audience__option--patients { width: 40.512821vw; }        /* 158 */
  .glilot-contact-audience__option--patients span { width: 22.051282vw; text-align: right; } /* 86 */
  .glilot-contact-audience__option--doctors { width: 36.666667vw; }         /* 143 */
  .glilot-contact-audience__option--doctors span { width: 18.205128vw; }    /* 71 */
  .glilot-contact-audience__option:focus-visible,
  .glilot-contact-navigation__map:focus-visible { outline-width: 0.512821vw; outline-offset: 0.512821vw; }

  .glilot-contact-content .glilot-contact-content__form {
    top: 70vw;                     /* 273 */
    right: auto;
    left: 4.619718vw;              /* 18.0169 */
  }

  /* Doctors' variant of the shared form (feedback 2026-10-10 CM2): its card is 108 taller
     (680.95), so the Q&A and the section end move down by 108 while "לרופאים" is active. */
  .glilot-contact-content[data-audience="doctors"] {
    height: 440.361538vw;          /* 1609.41 + 108 */
  }
  .glilot-contact-content[data-audience="doctors"] .glilot-contact-faq {
    top: 261.012821vw;             /* 273 + 680.95 + 64 */
  }
  .glilot-contact-faq {
    top: 233.320513vw;             /* 273 + 572.95 (shared form card) + 64 (Figma gap card -> 16692:5058) */
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100vw;
    padding: 0 5.128205vw 0 0;
  }
  .glilot-contact-faq h2, .glilot-contact-faq [data-h="h2"] {
    width: 89.74359vw;             /* 350 */
    margin: 0 0 5.641026vw;        /* gap 22 */
    font-size: 9.230769vw;         /* 36 */
    text-align: right;
  }
  .glilot-contact-faq__list { width: 89.74359vw; } /* 350; mobile rows: shared site-faq component */

  /* Navigation 16692:5161 (390 x 727; the page frame clips it at 525) */
  .glilot-contact-navigation {
    height: 134.615385vw;          /* 525: the mobile frame ends below the map (decision 2026-10-05) */
  }
  .glilot-contact-navigation h2, .glilot-contact-navigation [data-h="h2"] {
    left: 0;
    width: 100vw;
    font-size: 9.230769vw;         /* 36 Bold */
  }
  .glilot-contact-navigation__map {
    top: 25.641026vw;              /* 100 */
    left: 5.128205vw;              /* 20 */
    width: 89.74359vw;             /* 350 */
    height: 100.25641vw;           /* 391 */
    border-radius: 10.25641vw;     /* 40 */
  }
  .glilot-contact-navigation__map img {
    position: absolute;
    top: -0.017436vw;              /* CROP transform: -0.000166 * 408.22 */
    left: -53.289744vw;            /* -0.26325 * 789.48 */
    width: 202.430769vw;           /* 350 / 0.44333 */
    height: 104.671795vw;          /* 391 / 0.95782 */
    max-width: none;
    object-fit: fill;
  }
  .glilot-contact-navigation__notice {
    display: none;                 /* not drawn in the mobile frame (decision 2026-10-05) */
    top: 142.307692vw;             /* 555 */
    left: 5.128205vw;
    width: 89.74359vw;             /* 350 */
    min-height: 36.410256vw;       /* 142 */
    padding: 4.102564vw 0 4.102564vw 2.051282vw; /* text x 8, 16 above / below */
    border-radius: var(--glilot-radius-inset);
  }
  .glilot-contact-navigation__notice p {
    top: 4.102564vw;               /* 16 */
    left: 2.051282vw;              /* 8 */
    width: 63.589744vw;            /* 248 */
    font-size: 4.102564vw;         /* 16 Regular */
    font-weight: 400;
    line-height: 1.35;
  }
  .glilot-contact-navigation__notice-image {
    top: -4.102564vw;              /* -16 */
    left: 66.666667vw;             /* 260 */
    width: 22.051282vw;            /* 86 */
    height: 44.358974vw;           /* 173 */
  }
  .glilot-contact-navigation__notice-image img {
    position: absolute;
    top: -2.307692vw;              /* CROP: -0.04433 * 203.0 */
    left: -14.923077vw;            /* -0.28784 * 202.18 */
    width: 51.841026vw;            /* 86 / 0.42536 */
    height: 52.051282vw;           /* 173 / 0.85222 */
    max-width: none;
    object-fit: fill;
  }
}