/*
 * ============================================================
 *  חומרי תרגול — קוראת PDF וגלריית הדמויות
 *  הצבעים מ-site.css (--sg-*). השכבה על מסך מלא מכסה גם את סרגל
 *  הנגן — הוא ישב באמצע הטקסט. מה שמתנגן ממשיך להתנגן מתחתיה.
 * ============================================================
 */

/* Astra מגדירה לכפתורים אותיות גדולות ומרווחות — בשמות באנגלית זה משנה את השם */
button.pr-open, button.pr-img, .pr-ov button{
  text-transform:none !important;
  letter-spacing:0 !important;
}

/* ---------- כפתור פתיחת קובץ ---------- */

.pr-doc{ margin:0 0 12px; }

.sangha-acc .pr-open,
.entry-content .pr-open,
button.pr-open{
  display:flex !important; align-items:center; gap:12px;
  width:100%; text-align:start; cursor:pointer;
  font:inherit; font-family:var(--sg-body);
  padding:14px 16px !important;
  background:#fff !important; background-image:none !important;
  color:var(--sg-deep) !important;
  border:1px solid var(--sg-line) !important;
  border-radius:7px !important;
  box-shadow:none !important;
  transition:border-color .12s, box-shadow .12s;
}
button.pr-open:hover{
  border-color:var(--sg-deep) !important;
  box-shadow:0 2px 12px rgba(15,46,99,.09) !important;
}
.pr-open-icon{ font-size:1.35rem; line-height:1; }
.pr-open-label{ font-weight:700; font-size:1rem; flex:1; }
.pr-open-hint{ font-size:.84rem; color:var(--sg-muted); white-space:nowrap; }

/* ---------- גלריית הדמויות ---------- */

.pr-gal{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:26px 22px;
  margin:6px 0 4px;
}
.pr-fig{ margin:0; display:flex; flex-direction:column; align-items:stretch; }

button.pr-img{
  display:block; width:100%; padding:0 !important; cursor:zoom-in;
  background:transparent !important; background-image:none !important;
  border:0 !important; border-radius:4px !important; box-shadow:none !important;
  line-height:0;
}
.pr-img img{
  display:block; width:100%; height:auto;
  border-radius:4px;
  box-shadow:0 2px 12px rgba(15,46,99,.16);
  transition:box-shadow .15s;
}
button.pr-img:hover img{ box-shadow:0 4px 20px rgba(15,46,99,.28); }

.pr-fig figcaption{
  margin-top:10px;
  text-align:center;
  font-family:var(--sg-display);
  font-weight:700; font-size:1.02rem; line-height:1.35;
  color:var(--sg-deep);
}

@media (max-width:520px){
  .pr-gal{ grid-template-columns:repeat(2,1fr); gap:20px 14px; }
}

/* ---------- השכבה על מסך מלא ---------- */

html.pr-lock, html.pr-lock body{ overflow:hidden !important; }

.pr-ov{
  position:fixed; inset:0;
  z-index:99995;               /* מעל סרגל הנגן (99990), מתחת לאישור היציאה */
  display:flex; flex-direction:column;
  background:#0B1A36;
  direction:rtl;
}
/* סרגל הניהול של וורדפרס קבוע למעלה ומסתיר את שורת הכפתורים */
body.admin-bar .pr-ov{ top:32px; }
@media (max-width:782px){ body.admin-bar .pr-ov{ top:46px; } }
/* בטלפון סרגל הניהול כבר לא קבוע — הוא נגלל עם העמוד. הרווח שהושאר לו
   למעלה הראה את העמוד מאחורי הקורא, ולכן כאן הקורא מתחיל מראש המסך
   ומכסה גם את הסרגל. */
@media (max-width:600px){ body.admin-bar .pr-ov{ top:0; z-index:100000; } }

.pr-bar{
  display:flex; align-items:center; gap:10px;
  padding:10px 14px;
  padding-top:calc(10px + env(safe-area-inset-top, 0px));
  background:var(--sg-surface);
  border-bottom:1px solid var(--sg-line);
  flex:none;
}
.pr-bar-title{
  flex:1; min-width:0;
  font-family:var(--sg-display); font-weight:700; font-size:1.05rem;
  color:var(--sg-deep);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pr-bar-tools{ display:flex; align-items:center; gap:6px; flex:none; order:3; }
.pr-bar-title{ order:1; }
.pr-ov button.pr-close{ order:2; }
.pr-ov button.pr-fold{ order:2; min-width:38px; font-size:1rem; padding:5px 0 !important; }
.pr-bar{ flex-wrap:wrap; }

/* בטלפון: שורה ראשונה — שם/רשימה וסגירה; שורה שנייה — הגדלה ומונה */
@media (max-width:560px){
  .pr-bar-tools{ flex-basis:100%; }
}

/* הסרגל המקופל בטלפון — פס אפור דק עם שם התפילה */
.pr-ov .pr-bar[hidden]{ display:none !important; }
.pr-ov button.pr-strip{
  display:flex !important; align-items:center; gap:8px;
  width:100%; flex:none;
  padding:4px 14px !important;
  padding-top:calc(4px + env(safe-area-inset-top, 0px)) !important;
  min-height:26px;
  background:#DDE3EA !important; background-image:none !important;
  color:#3E4C60 !important;
  border:0 !important; border-bottom:1px solid rgba(15,46,99,.15) !important;
  border-radius:0 !important; box-shadow:none !important;
  font:inherit; font-family:var(--sg-body); font-size:.82rem; font-weight:600; line-height:1.3;
  text-transform:none !important; letter-spacing:0 !important;   /* Astra: אותיות גדולות ומרווחות בכפתורים */
  text-align:start; cursor:pointer;
}
.pr-ov button.pr-strip[hidden]{ display:none !important; }
.pr-strip-name{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* שם באנגלית בתוך עמוד בעברית: "4. confection" הוצג ".4 confection".
   כל שם מקבל את הכיוון של השפה שלו. */
.pr-strip-name, .pr-sep, .pr-bar-title{ unicode-bidi:plaintext; }
.pr-strip-mark{ flex:none; font-size:.9rem; }

.pr-jump{
  width:100%; max-width:100%;
  font:inherit; font-family:var(--sg-display); font-weight:700; font-size:1.02rem;
  color:var(--sg-deep);
  background:#fff;
  border:1px solid var(--sg-line); border-radius:6px;
  padding:6px 8px;
  min-height:36px;
}
.pr-count{
  font-size:.86rem; color:var(--sg-muted);
  margin-inline-start:6px; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* Astra צובעת כל <button> בצבע שלה — כאן זה נדרס במפורש */
.pr-ov button.pr-btn{
  font:inherit; font-family:var(--sg-body); font-size:.92rem; font-weight:600;
  line-height:1.2;
  padding:7px 12px !important;
  min-height:36px;
  background:transparent !important; background-image:none !important;
  color:var(--sg-deep) !important;
  border:1px solid var(--sg-line) !important;
  border-radius:6px !important;
  box-shadow:none !important;
  cursor:pointer;
}
.pr-ov button.pr-btn:hover{
  background:rgba(15,46,99,.05) !important;
  border-color:var(--sg-deep) !important;
}
.pr-ov button.pr-btn:disabled{ opacity:.35; cursor:default; }
.pr-ov button.pr-zoom{ min-width:38px; font-size:1.1rem; padding:5px 0 !important; }
.pr-ov button.pr-close{ flex:none; }

.pr-body{
  direction:ltr;               /* גלילה לצדדים מתחילה ממרכז העמוד, לא מקצהו */
  flex:1; min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}

/* עמודי ה-PDF */
.pr-pages{
  direction:ltr;               /* ההגדלה נפרשת משמאל, כמו בכל קורא PDF */
  display:flex; flex-direction:column; align-items:center;
  gap:12px;
  padding:12px 12px calc(40px + env(safe-area-inset-bottom, 0px));
  width:max-content; min-width:100%;
  box-sizing:border-box;
}
/* שם התפילה לפני כל קובץ ברצף */
.pr-sep{
  direction:rtl;
  box-sizing:border-box;
  padding:18px 4px 2px;
  font-family:var(--sg-display);
  font-weight:700; font-size:1.1rem; line-height:1.3;
  color:#DCEAF4;
  border-bottom:1px solid rgba(220,234,244,.25);
  flex:none;
}
.pr-sep:first-child{ padding-top:4px; }

.pr-page{
  position:relative;
  background:#fff;
  box-shadow:0 2px 14px rgba(0,0,0,.35);
  flex:none;
}
.pr-page canvas{ display:block; width:100%; height:100%; }

/* דמות אחת */
.pr-ov-img .pr-body{
  display:flex; align-items:center; justify-content:center;
  padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  box-sizing:border-box;
  overflow:hidden;
}
.pr-full{
  display:block;
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
  border-radius:4px;
  box-shadow:0 8px 40px rgba(0,0,0,.5);
}

/* הודעות: טוען / שגיאה */
.pr-msg{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  padding:48px 20px; text-align:center; direction:rtl;
  color:#DCEAF4;
}
.pr-msg p{ margin:0; font-size:1rem; color:#DCEAF4; }
.pr-msg a{ color:#F2D29A !important; text-underline-offset:3px; }