/* ============================================================
   מועדון האזור — contact page
   Detail sheet: ink-on-paper address/phone, hairline partitions,
   editorial house-rules list, duotone map, minimal newsletter form.
   ============================================================ */

/* ---------- detail sheet ---------- */
.sheet{padding-block:clamp(1rem,3vw,2rem) 0;}
.sheet-row{
  display:grid;
  grid-template-columns:minmax(90px,18%) 1fr;
  gap:clamp(1rem,3vw,2.5rem);
  align-items:start;
  padding-block:clamp(1.5rem,4vw,2.5rem);
  border-block-end:1px solid var(--line);
}
.sheet-row:first-child{border-block-start:1px solid var(--line);}
.sheet-label{
  font-size:.9rem;
  color:var(--ink-faint);
  padding-block-start:.4em;
}
.sheet-value{
  font-family:var(--sans);
  font-size:1.1rem;
  color:var(--ink);
  text-decoration:none;
  margin:0;
}
a.sheet-value{position:relative;display:inline-block;width:fit-content;}
a.sheet-value::after{
  content:'';
  position:absolute;
  inset-inline:0;
  inset-block-end:0;
  block-size:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:100% 50%;
  transition:transform .5s var(--ease-std);
}
a.sheet-value:hover::after,a.sheet-value:focus-visible::after{transform:scaleX(1);}
.sheet-value--giant{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(2rem,5.5vw,4rem);
  line-height:1.1;
  color:var(--ink);
}
.sheet-value--tabular{font-variant-numeric:tabular-nums;direction:ltr;text-align:right;}
.sheet-value--body{
  max-width:52ch;
  line-height:1.7;
  color:var(--ink-soft);
  font-size:1.02rem;
}

/* ---------- house rules ---------- */
.rules{
  padding-block:clamp(3.5rem,8vw,6rem);
  border-block-start:1px solid var(--line);
}
.rules-list{
  list-style:none;
  margin:0;
  padding:0;
}
.rules-row{
  display:flex;
  align-items:baseline;
  gap:clamp(1rem,3vw,2rem);
  padding-block:1.4rem;
  border-block-end:1px solid var(--line);
}
.rules-row:first-child{border-block-start:1px solid var(--line);}
.rules-num{
  font-family:var(--serif);
  font-weight:600;
  font-size:1.1rem;
  color:var(--accent);
  flex-shrink:0;
  inline-size:2ch;
}
.rules-row p{
  margin:0;
  font-size:1.05rem;
  line-height:1.6;
  color:var(--ink-soft);
}

/* ---------- map ---------- */
.map-section{padding-block:clamp(3rem,7vw,5rem);}
.map-link{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
}
.map-link img{
  inline-size:100%;
  block-size:clamp(260px,42vw,420px);
  object-fit:cover;
}
.map-hint{
  position:absolute;
  inset-block-end:clamp(1rem,3vw,1.75rem);
  inset-inline-start:clamp(1rem,3vw,1.75rem);
  background:var(--paper);
  color:var(--ink);
  padding:.6em 1.1em;
  font-size:.92rem;
  text-decoration:none;
}

/* ---------- newsletter ---------- */
.newsletter{
  padding-block:clamp(3rem,7vw,5rem);
  border-block:1px solid var(--line);
}
.newsletter-form{
  display:flex;
  align-items:flex-end;
  gap:clamp(1rem,3vw,2rem);
  flex-wrap:wrap;
}
.newsletter-form .field{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  flex:1 1 320px;
}
.newsletter-form label{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(1.3rem,2.6vw,1.7rem);
  color:var(--ink);
}
.newsletter-form input[type="email"]{
  font-family:var(--sans);
  font-size:1.05rem;
  color:var(--ink);
  background:transparent;
  border:none;
  border-block-end:1px solid var(--line-strong);
  padding-block:.6em;
  direction:ltr;
  text-align:right;
}
.newsletter-form input[type="email"]::placeholder{color:var(--ink-faint);}
.newsletter-form input[type="email"]:focus-visible{
  outline:none;
  border-block-end-color:var(--accent);
}
.newsletter-form .btn{flex-shrink:0;}

/* ---------- responsive ---------- */
@media (max-width:639px){
  .sheet-row{grid-template-columns:1fr;gap:.5rem;}
  .sheet-label{padding-block-start:0;}
  .newsletter-form{align-items:stretch;}
  .newsletter-form .btn{align-self:flex-start;}
}

/* ---------- live map embed ---------- */
.map-embed{
  position:relative;
  aspect-ratio:16/7;
  overflow:hidden;
  border:1px solid var(--line-strong);
}
.map-embed iframe{
  position:absolute;
  inset:0;
  inline-size:100%;
  block-size:100%;
  border:0;
  filter:grayscale(.85) sepia(.18) contrast(1.02);
  transition:filter .8s var(--ease-std);
}
.map-embed:hover iframe{filter:none;}
.map-open{display:inline-block;margin-block-start:1rem;}
@media (max-width:759px){
  .map-embed{aspect-ratio:4/3;}
}

/* ---------- write-us lead form ---------- */
.write-us{padding-block:clamp(3.5rem,8vw,6rem);border-block-start:1px solid var(--line);}
.write-grid{
  display:grid;
  grid-template-columns:38fr 62fr;
  gap:clamp(2rem,5vw,4.5rem);
  align-items:start;
}
.write-intro p{
  color:var(--ink-soft);
  font-size:clamp(1rem,1.2vw,1.1rem);
  line-height:1.7;
  max-width:40ch;
  margin:0;
}
.lead-form{display:flex;flex-direction:column;gap:1.4rem;}
.lead-form .field{display:flex;flex-direction:column;gap:.5rem;}
.lead-form label{
  font-family:var(--sans);
  font-weight:600;
  font-size:.95rem;
  color:var(--ink);
}
.lead-form input,
.lead-form textarea{
  font-family:var(--sans);
  font-size:1rem;
  color:var(--ink);
  background:transparent;
  border:0;
  border-block-end:1px solid var(--line-strong);
  padding-block:.6rem;
  border-radius:0;
  transition:border-color .4s var(--ease-std);
}
.lead-form textarea{resize:vertical;min-block-size:6rem;}
.lead-form input:focus-visible,
.lead-form textarea:focus-visible{
  outline:none;
  border-block-end-color:var(--accent);
}
.field-hint{font-size:.82rem;color:var(--ink-faint);}
.form-error{color:var(--accent-deep);font-size:.92rem;margin:0;}
.lead-form .btn{align-self:flex-start;}
@media (max-width:1023px){
  .write-grid{grid-template-columns:1fr;}
}