/* ------------------------------------------------------------------------
   proposal.css · שכבה מקומית להדמיה בלבד
   styles.css ו-lead-intake.css הועתקו מהאתר החי בלי שינוי אף בית.
   כאן יושבים רק: פתרון כתובות, התאמת הטופס החדש, וקיצור ריווח בנייד.
   ------------------------------------------------------------------------ */

/* 1 · פתרון כתובות: אייקוני הפוטר נטענים ב-mask מנתיב שורש (/assets/icons/...)
   שלא קיים בהרצה מקומית. אותם קבצים, כתובת מלאה. אין שינוי עיצובי. */
.foot-social a[aria-label="Facebook"]{--social-icon:url('https://asaf.studio/assets/icons/facebook.svg')}
.foot-social a[aria-label="Instagram"]{--social-icon:url('https://asaf.studio/assets/icons/instagram.svg')}
.foot-social a[aria-label="WhatsApp"]{--social-icon:url('https://asaf.studio/assets/icons/whatsapp.svg')}
.foot-social a[aria-label="LinkedIn"]{--social-icon:url('https://asaf.studio/assets/icons/linkedin.svg')}
.foot-social a[aria-label="Dribbble"]{--social-icon:url('https://asaf.studio/assets/icons/dribbble.svg')}
.foot-social a[aria-label="Behance"]{--social-icon:url('https://asaf.studio/assets/icons/behance.svg')}
.foot-social a[aria-label="Pinterest"]{--social-icon:url('https://asaf.studio/assets/icons/pinterest.svg')}

/* 2 · פסקת התמיכה בפתיחה. אותה משפחה טיפוגרפית של .hero-promise, דרגה אחת למטה. */
.hero-support{
  margin-block-start:clamp(10px,1.4vw,16px);
  max-width:48ch;
  color:var(--body);
  font-size:clamp(16px,1.5vw,18px);
  line-height:1.6;
  text-wrap:balance;
}

/* 3 · כרטיס הטופס בפתיחה פתוח כברירת מחדל.
   .lead-step2 הוא רכיב הכרטיס המקורי; כאן הוא לא שלב שני אלא הטופס עצמו. */
.lead-card-open{display:flex}

/* 4 · שדה טקסט חופשי. lead-intake.css מגדיר input ו-select בלבד. אותם טוקנים בדיוק. */
.lead-pill-form textarea,
.final-card textarea{
  width:100%;
  max-width:100%;
  min-height:96px;
  padding:12px 16px;
  font:inherit;
  font-size:16px;
  line-height:1.5;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--field-brd);
  border-radius:var(--r-sm);
  resize:vertical;
}
.lead-pill-form textarea::placeholder,
.final-card textarea::placeholder{color:var(--muted)}
.lead-pill-form textarea:focus-visible,
.final-card textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
textarea[aria-invalid="true"]{border-color:var(--teal);box-shadow:0 0 0 2px rgba(12,63,81,.25)}
html.acc-font textarea{font-family:-apple-system,'Segoe UI',Arial,sans-serif !important}

/* 5 · הערות השירותים: עבודה שוטפת כאפשרות, ותיחום דפוס וייצור. */
.services-note{
  margin-block-start:clamp(26px,3.2vw,40px);
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:64ch;
  margin-inline:auto;
  text-align:center;
}
.service-secondary{font-size:16.5px;color:var(--body);line-height:1.55;text-wrap:balance}
.print-note{font-size:15px;color:var(--muted);line-height:1.6;text-wrap:balance}
.print-note-wide{
  margin-block-start:clamp(22px,2.6vw,32px);
  max-width:64ch;
  margin-inline:auto;
  text-align:center;
}

/* 6 · קישור משני בתפריט */
.nav-links .nav-secondary{color:var(--muted)}
.nav-links .nav-secondary:hover{color:var(--ink)}

/* 7 · סימון ההדמיה. צד שמאל תחתון, הצד שפנוי מהכלים הצפים, מעל הפס התחתון. */
.preview-flag{
  position:fixed;
  inset-inline-end:12px;
  bottom:calc(74px + env(safe-area-inset-bottom,0px));
  z-index:72;
  margin:0;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(12,63,81,.16);
  background:rgba(240,240,240,.92);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:var(--ink);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  pointer-events:none;
  box-shadow:0 8px 22px rgba(12,63,81,.12);
}
.foot-preview-note{margin-block-start:6px;font-size:13px;color:var(--muted)}

/* 8 · נייד: קיצור ריווח דקורטיבי בפתיחה בלבד, כדי שההצעה והפנייה
   יהיו על המסך הראשון. אין שינוי בצבע, בטיפוגרפיה או במבנה. */
@media (max-width:560px){
  .hero-support{margin-block-start:10px;font-size:16px}
  .lead-pill-form textarea,
  .final-card textarea{min-height:84px}
  .preview-flag{font-size:11px;padding:5px 10px;bottom:calc(68px + env(safe-area-inset-bottom,0px))}
}

/* 9 · AHOUVA בפריסת ALMA · תיקון פריסה מאושר, 24.09.2026
   הכרטיס בחצי רוחב הוחלף ב-article.support-feature מלא אחרי הגריד,
   על אותם כללי .support-feature שכבר קיימים ב-styles.css.
   כל ההתאמות כאן מסוננות ל-AHOUVA בלבד. ALMA, BARZI ו-YOUNGHAIR לא מושפעים. */
.support-feature-ahouva{margin-block-start:clamp(18px,2.2vw,28px)}

/* Approved direct opening: navigation already occupies normal flow.
   With no brand-morph source, its initializer exits before hiding the nav mark. */
.home-page .hero{padding-block-start:clamp(32px,5vw,64px)}

/* One reading axis for the headline, explanation and inquiry.
   The former project anchor is removed; work cards stay in their gallery. */
.home-page .hero-message-stage{
  display:block;
  max-width:840px;
  text-align:center;
}
.home-page .hero-message-stage .hero-title{
  max-width:none;
  margin-inline:auto;
  font-size:clamp(40px,4.5vw,64px);
  line-height:1.12;
  text-align:center;
  text-wrap:balance;
}
.home-page .hero-title em{display:block;width:fit-content;max-width:100%;margin-inline:auto}
.home-page .hero-promise{
  max-width:640px;
  margin-block-start:24px;
  font-size:20px;
  line-height:1.6;
  text-align:center;
}
.home-page .hero-support{
  max-width:600px;
  margin-block-start:12px;
  font-size:17px;
  line-height:1.6;
  text-align:center;
}
.home-page .hero .lead-pill-form{
  width:100%;
  max-width:640px;
  margin-block-start:28px;
}
@media (max-width:560px){
  .home-page .hero-message-stage .hero-title{font-size:clamp(32px,9.6vw,44px);line-height:1.15}
  .home-page .hero-promise{font-size:18px;margin-block-start:20px}
  .home-page .hero-support{font-size:16px}
  .home-page .hero .lead-pill-form{margin-block-start:24px}
}

/* הריל נשאר ריל בנייד, כפי שהיה. מעל 700 פיקסל הפרוסה חוזרת למידת
   הפרוסה של ALMA במקום תקרת 420 הפיקסלים של הריל, כדי ששתי הגלריות
   יהיו באותו גודל. יחס התמונה המקורי 1600x1194 לא נוגע, בלי מתיחה ובלי חיתוך. */
@media (min-width:701px){
  .support-feature-ahouva .support-gallery--reel .support-gallery-item{
    flex:0 0 min(72%,560px);
  }
}


/* 28.09.2026: במובייל באנר העוגיות + הבר כיסו כרבע מהמסך הראשון ואת שדה הטלפון בטופס הפתיחה. */
@media (max-width:560px){
  .ck-banner .ck-title{display:none}
  .ck-banner{padding:10px 12px;gap:8px}
  .ck-banner .ck-text{font-size:12.5px;line-height:1.4}
  .ck-banner .ck-btn{min-height:34px}
  body:has(.cta-bar.is-yielding) .ck-banner{bottom:calc(10px + env(safe-area-inset-bottom,0px))}
}