/* ============================================================================
   holo10.css — סבב יוסף (QC בטלפון, 24.07). נטען אחרון ⇒ גובר על holo9.
   שכבה מבודדת: כל שינויי הסבב הזה במקום אחד (הגנה מפני עריכה מקבילה).

   R2c  כל כפתורי ה-CTA → הפלאק הוורוד המעוטר של נסיה (assets/ui/cta-btn-v1).
   R2   מסך 13 פאזה א — הכותרת מעט למעלה + ורוד־זוהר על "בערב הקסום שלנו".
   R3   מסך 13 פאזה ב — כרטיס ההזמנה גדל כמעט עד השוליים ועולה למעלה.
   R5   מסך 16 מצב-סיום — הכותרת יורדת לכיוון הכרטיס (סגירת המרווח הענק).
   R6   קווי מתאר לטקסט נבלע — נוסף אחרי אודיט ויזואלי (סעיף בתחתית).
   ============================================================================ */

/* ═══════════ R2c — הכפתור המעוטר של נסיה על כל ה-CTA ═══════════
   ⚠️ יוסף (הבקשה המקורית): "כל ה-CTA בכל המסכים = הכפתור הזה." הפלאק
   הוורוד עם הפיליגרן (רוז-גולד) מחליף את גלולת-השמנת. הטקסט יושב על
   השטח השטוח במרכז; ריפוד אופקי נדיב משאיר מקום לקצוות המעוטרים.
   Every CTA becomes Nesya's ornate pink plaque; the label rides its
   flat centre with room for the filigree ends. */
.dust-btn, .lw-btn {
  background: url('../assets/ui/cta-btn-v2.webp') center center / 100% 100% no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #7A3B54 !important;                 /* דיו רוז עמוק — קריא על הוורוד הבהיר */
  -webkit-text-stroke: 0 !important;
  text-shadow: 0 1px 1.5px rgba(255, 251, 246, .75) !important;
  /* ⚠️ יוסף: הטקסט נשבר לשתי שורות בכפתור — קטן יותר + שורה אחת. הריפוד
     האופקי צומצם כדי לפנות מקום לטקסט בתוך הפלאק. */
  font-size: clamp(13px, calc(var(--fs-cta) * .82), 18px) !important;
  white-space: nowrap !important;
  padding: clamp(14px, 2.2vh, 20px) clamp(26px, 7vw, 48px) !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
}
/* ה-CTA של פאזת הסוד מכוון לשתי שורות (<br>) — לא לכפות עליו שורה אחת */
#s07secretBtn { white-space: normal !important; line-height: 1.25 !important; }
/* הגלולה המצוירת שבתוך dust-btn מוחלפת בתמונה — מסתירים אותה */
.dust-btn .pill { display: none !important; }
/* מנטרלים את שכבת-הברק האיריסנטית (holo9) — לפלאק יש ברק משלו */
.dust-btn .pill::before,
.lw-btn::before, .h4-cta::before, .h6-go::before, .h3-ans-ok::before {
  display: none !important;
}
/* התווית תמיד מעל רקע-התמונה */
.dust-btn .label, .lw-btn > * { position: relative; z-index: 1; }
/* מצב נעול — הכפתור עמום, עדיין לא מזמין ללחוץ */
.lw-btn[disabled], .dust-btn[disabled] {
  opacity: .48 !important;
  filter: saturate(.7);
}

/* ═══════════ R2 — מסך 13 פאזה א: כותרת למעלה + ורוד־זוהר ═══════════ */
/* הכותרת (והחפיסה מתחתיה) עולות מעט. was clamp(48px,6vh,62px) */
.h9-s13 { padding-top: clamp(38px, 4.6vh, 52px); }
/* אפקט ורוד־זוהר על "בערב הקסום שלנו". הבסיס הכהה נשמר לקריאוּת —
   קו-המתאר (‎-webkit-text-stroke) של הכותרת עובר בירושה ל-span. */
.h10-glow {
  color: #FFE6F2;
  text-shadow:
    0 0 9px  rgba(233, 138, 178, .95),
    0 0 20px rgba(233, 138, 178, .78),
    0 0 34px rgba(233, 138, 178, .55),
    0 1px 2px rgba(96, 44, 70, .95);
}

/* ═══════════ R3 — מסך 13 פאזה ב: הכרטיס גדל ועולה ═══════════
   ⚠️ יוסף: "להגדיל כמעט עד השוליים + לעלות קרוב לשוליים העליונים,
   בלי ששום אלמנט יסתיר אחר." הגובה גדל, הרוחב כמעט מלא, וההעלאה מגיעה
   מ-padding-top הקטן של .h9-s13 (משותף עם פאזה א). ה-CTA למטה נשאר גלוי
   בזכות רצפת-האוויר של ‎.stack. */
.h9-ticket {
  height: min(80vh, calc(100vw * 1.78)) !important;
  max-width: 98% !important;
}
/* טלפונים נמוכים — הכרטיס מוותר מעט כדי שה-CTA לא ייחתך */
@media (max-height: 760px) {
  .h9-ticket { height: min(71vh, calc(100vw * 1.68)) !important; }
}

/* ═══════════ R5 — מסך 16 מצב-סיום: סגירת המרווח כותרת↔כרטיס ═══════════
   ⚠️ יוסף: "מרווח ענק בין הטקסט לכרטיס — להוריד את הכותרת, להתחשב
   בקומפוזיציה." הכותרת יורדת (padding-top גדל), הכרטיס יושב מיד מתחתיה,
   והמרחב הפנוי נופל למטה אל סצנת המיקרופון. */
/* ⚠️ יוסף: הסטיקר מעל הטקסט, בקומפוזיציה. הכותרת בראש, מתחתיה הסטיקר
   (נסיה חוגגת), ואז כרטיס-ההודעה — סדר אנכי מאוזן, המיקרופון מאחור למטה. */
.h4s16 { padding-top: clamp(40px, 5.5vh, 60px) !important; }
.h4s16 .lw-title { margin-bottom: calc(var(--air) * 0.6) !important; }
.h4s16 .h4-ticket { margin-block: calc(var(--air) * 0.4) auto !important; }

/* הסטיקר של נסיה — בלוק ממורכז בזרימה, מעל כרטיס-ההודעה (holo10.js מזריק
   אותו לפני הכרטיס במצב-הסיום). */
.h10-nesya-sticker {
  display: block;
  width: min(42%, calc(var(--u) * 46), 208px);
  height: auto;
  margin: 0 auto calc(var(--air) * 0.7);
  filter: drop-shadow(0 8px 20px rgba(150, 80, 110, .42));
  pointer-events: none;
  animation: riseIn 720ms 200ms var(--ease-enter) both;
}
.h10-nesya-sticker[hidden] { display: none !important; }

/* ═══════════ R6 — חיזוק טקסט בהיר שנבלע ברקע בהיר ═══════════
   ⚠️ יוסף: "כל מסך שהטקסט נבלע ברקע — קווי מתאר דקים כהים, שום טקסט
   לא ייבלע, חובה שהכל קריא." אודיט ויזואלי מצא שתי נקודות גבוליות:
   מבוא מסך 9 וכותרת מסך 16 (בהיר על בהיר). אותה הילה כהה רב-שכבתית
   כמו במסך 7/12 — מפרידה את הטקסט מהרקע בלי לגעת בגופן. */
.h6s09 .h6-copy .lw-sub,
.h4s16 .lw-title {
  text-shadow:
    0 1px 2px rgba(58, 24, 44, .96),
    0 0 8px  rgba(58, 24, 44, .88),
    0 0 20px rgba(58, 24, 44, .62) !important;
}

/* ═══════════ R6 (הרחבה גלובלית) — קו מתאר בכל מסך ═══════════
   ⚠️ יוסף: "אני לא רואה קווי מתאר בכל המסכים שבהם הטקסט נבלע ברקע."
   מוחל על כל טקסט שיושב ישירות על רקע-העולם (כותרות עבות, גוף דק),
   ומאופס במפורש לטקסט שעל כרטיס-שמנת/בועה/זכוכית — שם הרקע אינו נבלע,
   וקו מתאר רק היה מלכלך. paint-order כדי שהקו לא יאכל את כתב-היד.
   Dark contour on all text sitting on the world; reset on cream/glass. */
.step.lw .lw-title, .step.lw .scene-title, .step.lw h1, .step.lw h2,
.rfh-title, .h3-what-t, .h6-ask {
  -webkit-text-stroke: 2.2px rgba(34, 12, 26, .82);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(34,12,26,.92), 0 0 10px rgba(34,12,26,.7),
               0 0 22px rgba(34,12,26,.48);
}
.step.lw .lw-sub, .step.lw .qline, .step.lw .st,
.rfh-line, .rfh-lead, .h3-what-i {
  -webkit-text-stroke: 1.1px rgba(34, 12, 26, .78);
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(34,12,26,.9), 0 0 8px rgba(34,12,26,.62);
}
/* איפוס — טקסט על כרטיס/בועה/שמנת/כפתור: אין רקע נבלע */
.cream-card, .cream-card *,
.h9-say, .h9-say *, .h9-big, .h9-big *,
.h4-msg, .h4-msg *, .h4-chat .h4-msg *, .h4-bubble, .h4-bubble *,
.s07-qcard, .s07-qcard *, .s07-opt, .s07-opt *,
.h5-card, .h5-card *, .h6-back, .h6-back *, .h6-bubble, .h6-bubble *,
.h3-inv-in, .h3-inv-in *, .h4-ticket, .h4-ticket *,
.h3-ans, .h3-ans *, .h3-bub, .h3-bub *,
.dust-btn, .dust-btn *, .lw-btn, .lw-btn * {
  -webkit-text-stroke: 0 !important;
}