/* page-contact - page-specific rules.
   Shared .eddie-* components live in base.css. */

* {
  box-sizing: border-box; margin:0; padding:0;
}

body {
  font-family: var(--eddie-font); background: var(--eddie-white); color: var(--eddie-ink); line-height: 1.65; -webkit-font-smoothing: antialiased;
}

img {
  max-width:100%; display:block;
}

a {
  color:inherit; text-decoration:none;
}

ul {
  list-style:none;
}

section {
  position: relative;
}

@media (max-width: 767px) {
  .eddie-wrap{ padding: 0 var(--eddie-space-mobile); }
}

h1,h2,h3 {
  font-family: var(--eddie-font); font-weight: 600; line-height: 1.25; color: var(--eddie-ink);
}

.eddie-eyebrow-light {
  color: var(--eddie-brass);
}

.eddie-btn-whatsapp {
  background:var(--eddie-whatsapp); color:var(--eddie-white); border-color:var(--eddie-whatsapp);
}

.eddie-btn-whatsapp:hover {
  background:transparent; color:var(--eddie-whatsapp);
}

.eh .eddie-eyebrow.eddie-center {
  text-align:right;
}

.eh p.lede {
  margin-left:0; margin-right:0; max-width:100%;
}

.c-hero-actions {
  justify-content:flex-start;
}

@media (max-width:900px) {
  .eh .eddie-eyebrow.eddie-center{ text-align:center; } .eh p.lede{ margin-left:auto; margin-right:auto; max-width:520px; } .c-hero-actions{ justify-content:center; } .c-hero-actions .eddie-btn{ width:100%; justify-content:center; }
}

.eh h1 {
  font-size: var(--eddie-h1-size); color: var(--eddie-white); margin-bottom: 20px; letter-spacing:-0.01em;
}

.eh p.lede {
  font-size: 18px; color: rgba(255,255,255,0.75); margin-bottom: 34px; line-height: 1.75; max-width:520px; margin-left:auto; margin-right:auto;
}

.c-hero-actions {
  display:flex; gap: 14px; flex-wrap: wrap; justify-content:center;
}@media (max-width: 767px) {
  .c-hero{ padding: var(--eddie-section-y-mobile) 0 var(--eddie-section-y-mobile); }}

.contact-grid {
  display:grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items:stretch;
}

@media (max-width: 900px) {
  .contact-grid{ grid-template-columns: 1fr; }
}

form.card-form-wide {
  background: var(--eddie-white); border-radius: 14px; padding: 48px 46px; box-shadow: 0 18px 40px -20px rgba(11,33,67,0.20); border: 1px solid var(--eddie-line);
}

form.card-form-wide h2 {
  font-size: var(--eddie-h2-size); margin-bottom: 8px;
}

form.card-form-wide > p {
  color: var(--eddie-muted); margin-bottom: 30px; font-size: var(--eddie-body-size);
}

.eddie-field-row {
  display:grid; grid-template-columns: 1fr 1fr; gap: 18px;
}

@media (max-width: 767px) {
  .eddie-field-row{ grid-template-columns: 1fr; }
}

.eddie-field input, .eddie-field select, .eddie-field textarea {
  width:100%; padding: 12px 14px; font-family: var(--eddie-font); font-size: var(--eddie-body-size); border:1px solid var(--eddie-line); border-radius: 10px; background: var(--eddie-white);
}

.eddie-field textarea {
  resize: vertical; min-height: 110px; line-height:1.55;
}

.eddie-field input:focus, .eddie-field select:focus, .eddie-field textarea:focus {
  outline: 2px solid var(--eddie-brass);
}

form.card-form-wide .eddie-btn {
  width:100%; justify-content:center; margin-top: 8px;
}

.info-panel {
  display:flex; flex-direction:column; gap:20px; height:100%;
}

.hours-card {
  flex:1; display:flex; flex-direction:column; justify-content:center;
}

.info-card {
  background: var(--eddie-ink); color: var(--eddie-white); border-radius: 14px; padding: 32px 30px;
}

.info-card h3 {
  color: var(--eddie-white); font-size: var(--eddie-h3-size); margin-bottom: 18px;
}

.eddie-contact-line:last-child {
  margin-bottom:0;
}

.info-note {
  display:flex; align-items:center; gap:10px; font-size: var(--eddie-body-sm); color: rgba(255,255,255,0.65); margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,0.15);
}

.info-note svg {
  flex-shrink:0; color: var(--eddie-brass); width:var(--eddie-icon-sm); height:var(--eddie-icon-sm);
}

.hours-card {
  background: var(--eddie-white); border: 1px solid var(--eddie-line); border-radius: 14px; padding: 28px 26px; box-shadow: 0 18px 40px -20px rgba(11,33,67,0.20);
}

.hours-card h3 {
  font-size: var(--eddie-h3-size); margin-bottom:16px; color: var(--eddie-brass-deep);
}

.hours-row {
  display:flex; justify-content:space-between; font-size: var(--eddie-body-sm); padding: 9px 0; border-bottom:1px dashed var(--eddie-line);
}

.hours-row:last-child {
  border-bottom:none;
}

.hours-row span:last-child {
  color: var(--eddie-muted); font-weight:500;
}

.process-wrap {
  display:grid; grid-template-columns: repeat(3,1fr); gap: 30px;
}

.process-num {
  width: 46px; height: 46px; border-radius: 50%; background: var(--eddie-paper-2); color: var(--eddie-brass-deep); display:flex; align-items:center; justify-content:center; font-family: var(--eddie-font); font-size: 19px; font-weight:700; margin-bottom: 16px;
}

@media (max-width: 767px) {
  /* The row layout itself now comes from .eddie-rowcard in base.css. Note that
     THIS PAGE NEVER RENDERS A PROCESS STEP - the markup exists only in
     page-home.php - and page-contact.css only loads here, so the copy that used
     to sit on this line styled nothing at all. It looked important and was dead.
     Kept below only what is not layout. */
  .process-wrap{ grid-template-columns: 1fr; gap:12px; }
  .process-num{ width:38px; height:38px; font-size:16px; }
  .eddie-process-step h3{ font-size: var(--eddie-h3-size); }
  .eddie-process-step p{ font-size: var(--eddie-body-sm); }
}

.trust-strip {
  display:grid; grid-template-columns: repeat(4,1fr); gap: 22px;
}

.trust-strip-item {
  display:flex; align-items:center; gap:12px; font-size: var(--eddie-body-sm); font-weight:600; color: var(--eddie-ink);
}

.trust-strip-item .ico {
  flex-shrink:0; width:36px; height:36px; border-radius:10px; background: rgba(199,147,23,0.1); color: var(--eddie-brass-deep); display:flex; align-items:center; justify-content:center;
}

@media (max-width: 900px) {
  .trust-strip{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
  .trust-strip{ grid-template-columns: 1fr; }
}

.office-grid {
  display:grid; grid-template-columns: 1fr 1.3fr; gap: 34px; align-items:stretch;
}

@media (max-width: 900px) {
  .office-grid{ grid-template-columns: 1fr; }
}

.office-card {
  background: var(--eddie-ink); color: var(--eddie-white); border-radius: 14px; padding: 36px 32px; display:flex; flex-direction:column; justify-content:center;
}

.office-card h3 {
  color: var(--eddie-white); font-size: var(--eddie-h3-size); margin-bottom: 14px;
}

.office-card p {
  color: rgba(255,255,255,0.75); font-size: var(--eddie-body-size); margin-bottom: 10px;
}

.office-map {
  border-radius: 14px; overflow:hidden; box-shadow: 0 18px 40px -20px rgba(11,33,67,0.20); border: 1px solid var(--eddie-line); min-height: 280px;
}

.office-map iframe {
  width:100%; height:100%; min-height:280px; border:0; display:block;
}

.eddie-faq-item p {
  padding: 0 26px 22px; color: var(--eddie-muted); font-size: 18px; max-width:640px; line-height:1.75;
}

.wa-banner {
  background: var(--eddie-ink); color: var(--eddie-white);
}

.wa-banner-inner {
  max-width: var(--eddie-content-width); margin-inline:auto; padding: 40px var(--eddie-space-desktop); display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}

.wa-banner h3 {
  color: var(--eddie-white); font-size: var(--eddie-h3-size); margin-bottom:6px;
}

.wa-banner p {
  color: rgba(255,255,255,0.72); font-size: var(--eddie-body-sm);
}/*/* תג גוגל — הלוגו הוא סימן מסחרי, ולכן אין לו hover ואין לו גודל נפרד */@media (max-width:1024px) {}

@media (max-width:767px) {
  #contact-form{ scroll-margin-top:80px; } .contact-grid .card-form-wide > h2{ margin-bottom:4px; font-size:var(--eddie-h4-size); } .contact-grid .card-form-wide > p{ font-size:var(--eddie-body-sm); margin-bottom:12px; } .eddie-section:has(.contact-grid){ padding-top:26px; }}

.contact-grid .card-form-wide > p.cf-consent {
  font-size:13px;line-height:1.65;color:var(--eddie-muted);margin:0 0 14px
}

.contact-grid .card-form-wide > p.cf-consent a {
  color:var(--eddie-brass-deep);text-decoration:underline;font-weight:600
}

/* הפופאפ של מדיניות הפרטיות (epm-) עבר לרכיב כלל-אתרי ב-16.8.2026:
   assets/css/privacy-modal.css, נטען דרך ה-main.css בכל עמוד. הערת
   הרשימות של .epm-body עברה איתו. */@media (max-width:767px) {}

@media (min-width:768px) {}

/* \u05d1\u05e0\u05d9\u05d9\u05d3 \u05e8\u05e6\u05d5\u05e2\u05ea \u05d4\u05d0\u05de\u05d5\u05df \u05e2\u05d5\u05d1\u05e8\u05ea \u05d0\u05dc \u05de\u05ea\u05d7\u05ea \u05dc\u05d8\u05d5\u05e4\u05e1, \u05db\u05d3\u05d9 \u05e9\u05d4\u05de\u05d1\u05e7\u05e8 \u05de\u05d2\u05d9\u05e2 \u05dc\u05d8\u05d5\u05e4\u05e1 \u05de\u05d9\u05d3
   \u05d5\u05e8\u05d5\u05d0\u05d4 \u05d0\u05ea \u05d4\u05db\u05e8\u05d8\u05d9\u05e1\u05d9\u05dd \u05ea\u05d5\u05da \u05db\u05d3\u05d9 \u05de\u05d9\u05dc\u05d5\u05d9. \u05d4-DOM \u05dc\u05d0 \u05de\u05e9\u05ea\u05e0\u05d4 \u2014 \u05e8\u05e7 \u05e1\u05d3\u05e8 \u05d4\u05ea\u05e6\u05d5\u05d2\u05d4.
   \u05d1\u05d8\u05d5\u05d7 \u05db\u05d9 \u05dc\u05db\u05dc \u05d9\u05dc\u05d3\u05d9 .entry-content \u05d1\u05e2\u05de\u05d5\u05d3 \u05d4\u05d6\u05d4 \u05d9\u05e9 margin \u05d0\u05e4\u05e1 \u05d5\u05d4\u05de\u05e8\u05d5\u05d5\u05d7\u05d9\u05dd
   \u05e0\u05e2\u05e9\u05d9\u05dd \u05d1-padding, \u05d0\u05d6 \u05de\u05e2\u05d1\u05e8 \u05dc-flex \u05dc\u05d0 \u05de\u05d1\u05d8\u05dc \u05de\u05d9\u05d6\u05d5\u05d2 \u05e9\u05d5\u05dc\u05d9\u05d9\u05dd. */
@media (max-width:767px) {
  .entry-content{ display:flex; flex-direction:column; }
  .entry-content > *{ order:4; }
  .entry-content > .eh{ order:1; }
  .entry-content > .eddie-wrap + section.eddie-section{ order:2; }
  .entry-content > .eddie-wrap{ order:3; padding-bottom:8px; }
}

.cf-modal-no {
  margin:10px 0 0; font-weight:700; color:var(--eddie-brass-deep); font-size:15px
}

.cf-modal-no:empty {
  display:none
}

.eddie-map-lazy {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:260px; width:100%; cursor:pointer; text-align:center; background:var(--eddie-paper-2); border:1px solid var(--eddie-line); border-radius:12px; color:var(--eddie-ink); transition:background .2s ease;
}

.eddie-map-lazy:hover, .eddie-map-lazy:focus-visible {
  background:#E7ECF3;
}

.eddie-map-lazy__pin {
  font-size:26px; line-height:1
}

.eddie-map-lazy__txt {
  font-weight:700; font-size:16px
}

.eddie-map-lazy__sub {
  font-size:14px; color:var(--eddie-muted)
}

.eddie-map-lazy iframe {
  width:100%; height:100%; min-height:260px; border:0; border-radius:12px; display:block
}


/* ---- \u05e0\u05d9\u05d9\u05d3, \u05d4\u05de\u05e9\u05da \u05d4\u05de\u05e2\u05d1\u05e8 \u05e9\u05dc 10.8: \u05d4\u05d8\u05d5\u05e4\u05e1 \u05e7\u05d5\u05e4\u05e5 \u05d0\u05dc \u05de\u05ea\u05d7\u05ea \u05dc\u05d4\u05d9\u05e8\u05d5 (\u05d1\u05dc\u05d5\u05e7 \u05d4-order
   \u05dc\u05de\u05e2\u05dc\u05d4), \u05d5\u05de\u05d4\u05d4\u05d7\u05dc\u05d8\u05d4 \u05d4\u05d4\u05d9\u05d0 \u05e0\u05d2\u05d6\u05e8\u05d5\u05ea \u05d4\u05d4\u05ea\u05d0\u05de\u05d5\u05ea \u05db\u05d0\u05df - \u05db\u05d5\u05dc\u05df \u05d1\u05d0\u05d5\u05ea\u05d4 \u05e0\u05e7\u05d5\u05d3\u05ea \u05e9\u05d1\u05d9\u05e8\u05d4 (16.8.2026):

   1. \u05db\u05e4\u05ea\u05d5\u05e8 \u05d4\u05d4\u05d9\u05e8\u05d5 \u05de\u05d5\u05e1\u05ea\u05e8: \u05d4\u05d5\u05d0 \u05de\u05d2\u05dc\u05d2\u05dc \u05d0\u05dc \u05d4\u05d8\u05d5\u05e4\u05e1, \u05d5\u05d4\u05d8\u05d5\u05e4\u05e1 \u05db\u05d1\u05e8 \u05e9\u05dd. \u05d4\u05d7\u05dc\u05d8\u05ea\u05d5.
      \u05d1\u05d8\u05d0\u05d1\u05dc\u05d8 (768-900) \u05d4\u05d8\u05d5\u05e4\u05e1 \u05e2\u05d3\u05d9\u05d9\u05df \u05e8\u05d7\u05d5\u05e7 \u05d5\u05d4\u05db\u05e4\u05ea\u05d5\u05e8 \u05e0\u05e9\u05d0\u05e8.
   2. margin-top:26px \u05e2\u05dc \u05e8\u05e6\u05d5\u05e2\u05ea \u05d4\u05d0\u05de\u05d5\u05df \u05d4\u05d9\u05d4 \u05e9\u05e8\u05d9\u05d3 \u05de\u05d4\u05de\u05d9\u05e7\u05d5\u05dd \u05d4\u05d9\u05e9\u05df \u05e9\u05dc\u05d4 \u05e6\u05de\u05d5\u05d3
      \u05dc\u05d4\u05d9\u05e8\u05d5, \u05dc\u05e4\u05e0\u05d9 \u05e9\u05d4\u05e1\u05d3\u05e8 \u05e9\u05d5\u05e0\u05d4 - \u05d0\u05d9\u05df \u05d9\u05d5\u05ea\u05e8 \u05de\u05d4 \u05dc\u05e4\u05e6\u05d5\u05ea.
   3. \u05d4\u05e8\u05d9\u05e4\u05d5\u05d3\u05d9\u05dd \u05e9\u05e0\u05de\u05d3\u05d3\u05d5: 48+26px \u05d1\u05d9\u05df \u05e9\u05e2\u05d5\u05ea \u05d4\u05e4\u05e2\u05d9\u05dc\u05d5\u05ea \u05dc\u05ea\u05d2\u05d9\u05dd, \u05d5-48+48px
      \u05d1\u05d9\u05df \u05d4\u05e9\u05d0\u05dc\u05d5\u05ea \u05dc\u05d1\u05d0\u05e0\u05e8 - \u05e7\u05d5\u05e6\u05e6\u05d5 \u05dc\u05e4\u05d9 \u05d4\u05e1\u05d1\u05d1 \u05e9\u05dc\u05d5. */
@media (max-width:767px) {
  .c-hero-actions{ display:none; }
  .entry-content > .eddie-wrap + section.eddie-section{ padding-bottom:18px; }#faq{ padding-bottom:18px; }
  .entry-content > section.eddie-section-tight{ padding-top:24px; padding-bottom:24px; }
}