/* ─── עמודי הספרים הדיגיטליים (02.08.2026) ───
   נטען אוטומטית מ-styles/pages/.
   סבב 2 (13:50, טל): הספר נמתח לרוחב מלא, וטופס הסיסמה נכתב מחדש בעברית. */

/* ── הספר עצמו — פורץ את רוחב העמוד ──
   ⛔ הספר ב-1000 פיקסל היה קטן מדי לקריאת מתכון. עכשיו כמעט רוחב מסך מלא,
   עם שוליים קטנים בלבד. 100vw ולא 100% — כדי לצאת מגבולות ה-container
   של התבנית בלי לגעת בו. */
/* ⛔ לא להשתמש כאן ב-inset-inline-start:50% + translateX — הצירוף הזה
   לא ממרכז ב-RTL (ה-inset לוגי, ה-transform פיזי, והם נסתרים זה לזה).
   שוליים שליליים שווים משני הצדדים הם ניטרליים לכיוון וממרכזים תמיד. */
.sa-book{
  inline-size:min(100vw - 2rem, 1600px);
  margin-inline:calc((100% - min(100vw - 2rem, 1600px)) / 2);
}

.sa-book__lead{
  max-width:70ch;
  margin:0 auto var(--sp-5,1.5rem);
  font-size:1.0625rem;
  line-height:1.7;
  text-align:center;
}

.sa-book__frame{
  position:relative;
  inline-size:100%;
  aspect-ratio:16/9;                   /* ספר פרוס = שני עמודים זה לצד זה */
  min-block-size:520px;
  max-block-size:calc(100vh - 160px);  /* לא לגלוש מעבר למסך */
  overflow:hidden;
  background:var(--cream-2,#F4EADB);
  border:1px solid var(--border,#E9DCC9);
  border-radius:var(--radius-lg,22px);
}
.sa-book__frame iframe{
  position:absolute;
  inset:0;
  inline-size:100%;
  block-size:100%;
  border:0;
  display:block;
}

.sa-book__note{
  max-width:70ch;
  margin:var(--sp-5,1.5rem) auto 0;
  padding-block-start:var(--sp-4,1rem);
  border-block-start:1px solid rgba(233,220,201,.25);
  font-size:.9375rem;
  line-height:1.65;
  text-align:center;
}
.sa-book__note a{text-decoration:underline;text-underline-offset:3px}

/* מסך צר — ספר לאורך, עמוד בודד */
@media (max-width:820px){
  .sa-book{
    inline-size:calc(100vw - 1.5rem);
    margin-inline:calc((100% - (100vw - 1.5rem)) / 2);
  }
  .sa-book__frame{aspect-ratio:3/4;min-block-size:440px;max-block-size:none;border-radius:14px}
  .sa-book__lead{font-size:1rem}
}

/* ═══════════ טופס הסיסמה ═══════════
   ⛔ הטופס יושב על סקשן כהה. צבעי הטקסט נכפים כאן במפורש —
   בגרסה הקודמת הם ירשו קרם מהסקשן והטקסט לא נקרא על הכרטיס הבהיר. */
.post-password-form.sa-pwd{
  max-width:480px;
  margin-inline:auto;
  padding:var(--sp-6,2rem) var(--sp-5,1.5rem);
  background:var(--cream-2,#F4EADB);
  border:1px solid var(--border,#E9DCC9);
  border-radius:var(--radius-lg,22px);
  text-align:start;
  box-shadow:0 18px 46px -22px rgba(44,26,16,.45);
}

.sa-pwd .sa-pwd__title{
  margin:0 0 var(--sp-2,.5rem);
  font-family:var(--font-heading,'Fredoka',system-ui,sans-serif);
  font-size:1.35rem;
  font-weight:600;
  line-height:1.3;
  color:#2C1A10;
}
.sa-pwd .sa-pwd__intro{
  margin:0 0 var(--sp-5,1.5rem);
  font-size:1rem;
  line-height:1.65;
  color:#3A2A1E;
}
.sa-pwd .sa-pwd__label{
  display:block;
  margin-block-end:.45rem;
  font-size:.95rem;
  font-weight:500;
  color:#2C1A10;
}
.sa-pwd .sa-pwd__input{
  inline-size:100%;
  min-block-size:52px;
  padding:.75rem 1rem;
  font-family:var(--font-body,'Fredoka',system-ui,sans-serif);
  font-size:1.125rem;                  /* מעל 16 — מונע זום אוטומטי באייפון */
  letter-spacing:.12em;
  text-align:center;
  color:#2C1A10;
  background:#fff;
  border:1px solid var(--border,#E9DCC9);
  border-radius:var(--radius,14px);
}
.sa-pwd .sa-pwd__input:focus-visible{
  outline:3px solid var(--gold,#C49A4A);
  outline-offset:2px;
  border-color:var(--gold,#C49A4A);
}
.sa-pwd .sa-pwd__submit{
  inline-size:100%;
  min-block-size:52px;
  margin-block-start:var(--sp-4,1rem);
  font-family:var(--font-body,'Fredoka',system-ui,sans-serif);
  font-size:1.05rem;
  font-weight:600;
  color:#FBF6EE;
  background:var(--berry,#B23A5B);
  border:0;
  border-radius:var(--radius-pill,50px);
  cursor:pointer;
  transition:background-color .18s ease-out;
}
.sa-pwd .sa-pwd__submit:hover{background:var(--berry-hover,#8E2B47)}
.sa-pwd .sa-pwd__submit:focus-visible{outline:3px solid var(--gold,#C49A4A);outline-offset:3px}

.sa-pwd .sa-pwd__help{
  margin:var(--sp-4,1rem) 0 0;
  font-size:.9rem;
  line-height:1.6;
  text-align:center;
  color:#6B5B4B;
}
.sa-pwd .sa-pwd__help a{
  color:#8E2B47;
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  .sa-pwd .sa-pwd__submit{transition:none}
}