/* ═══════════════════════════════════════════════════════════
   Prayer Page Redesign — 3.6.216
   נטען רק כש-tfilah_use_new_design() מחזיר true ובדף (is_page).
   class wrapper: .prayer-redesign
═══════════════════════════════════════════════════════════ */

/* ── Hero: גרדיאנט עמוק יותר, כותרת ואז meta מתחתיה ── */
.prayer-redesign .prd-hero{
  background:linear-gradient(150deg,#4a3115 0%,#7a5325 52%,var(--gold) 100%);
  color:var(--parchment);
  padding:18px 22px 0;
  position:relative;
  overflow:hidden;
}
.prayer-redesign .prd-title{
  font-family:var(--serif);
  font-size:clamp(1.4rem,2.8vw,1.95rem);
  font-weight:900;
  line-height:1.2;
  margin:0;
  color:var(--parchment);
}
.prayer-redesign .prd-exc{
  font-size:.92rem;
  color:#f0dcb0;
  line-height:1.6;
  margin:7px 0 0;
}

/* meta: זמן קריאה + כפתורים — מתחת לכותרת */
.prayer-redesign .prd-meta{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
  padding-bottom:16px;
}
.prayer-redesign .prd-read{
  font-size:.72rem;
  color:#f0dcb0;
  background:rgba(255,255,255,.15);
  padding:4px 11px;
  border-radius:14px;
  flex-shrink:0;
}
.prayer-redesign .prd-acts{
  display:flex;
  gap:7px;
  margin-right:auto;
}
.prayer-redesign .prd-act{
  height:32px;
  padding:0 13px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
  text-decoration:none !important;
  transition:all .15s;
  border:1px solid transparent;
}
.prayer-redesign .prd-fav{
  background:rgba(255,255,255,.16);
  color:#fff;
  border-color:rgba(255,255,255,.35);
}
.prayer-redesign .prd-fav:hover,
.prayer-redesign .prd-fav.is-fav{
  background:#fff;
  color:var(--gold);
}
.prayer-redesign .prd-rem{
  background:#fff;
  color:var(--gold);
}
.prayer-redesign .prd-rem:hover{
  background:var(--parchment);
  transform:translateY(-1px);
}
.prayer-redesign .prd-act .ppa-star,
.prayer-redesign .prd-act .ppa-ic{ font-size:.95rem; line-height:1; }

/* ── הצללה לבנה עדינה — מעבר מהגרדיאנט לתוכן ── */
.prayer-redesign .prd-shadow{
  height:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),var(--parchment));
  margin-bottom:0;
}

/* ── Toolbar: שיתוף + פונט בשורה אחת קומפקטית ── */
.prayer-redesign .post-share-bar{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 16px;
  background:#fff;
  border-bottom:1px solid var(--bdr);
  flex-wrap:nowrap;
  overflow:hidden;
}
.prayer-redesign .post-share-bar .pss-lbl{
  font-size:.62rem;
  color:#9a856a;
  font-weight:600;
  flex-shrink:0;
}
.prayer-redesign .post-share-bar .pss-btn{
  width:28px;height:28px;
  border-radius:7px;
  background:#f7f0e4;
  border:1px solid #e8dcc6;
  color:#7a6850;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.prayer-redesign .post-share-bar .pss-btn:hover{ background:var(--gold-pale); }
/* כפתור הפונט — קומפקטי, מיושר לקצה */
.prayer-redesign .share-font-picker{
  margin-right:auto;
  display:flex;
  align-items:center;
  gap:5px;
  flex-shrink:0;
  background:#f7f0e4;
  border:1px solid #e8dcc6;
  border-radius:7px;
  padding:3px 9px;
}
.prayer-redesign .share-font-picker .fp-lbl{
  font-size:.62rem;
  color:#9a856a;
  font-weight:600;
  white-space:nowrap;
}
.prayer-redesign .share-font-picker .fp-select{
  font-size:.72rem;
  border:none;
  background:transparent;
  color:#6b4f2a;
  font-weight:700;
  padding:2px 2px;
  max-width:90px;
  cursor:pointer;
}

/* במובייל — סרגל קומפקטי עוד יותר */
@media(max-width:560px){
  .prayer-redesign .prd-hero{ padding:14px 16px 0; }
  .prayer-redesign .prd-meta{ margin-top:10px; padding-bottom:12px; }
  .prayer-redesign .prd-act{ height:28px; padding:0 10px; font-size:.72rem; }
  .prayer-redesign .post-share-bar{ gap:5px; padding:7px 12px; }
  .prayer-redesign .post-share-bar .pss-btn{ width:26px;height:26px; }
  .prayer-redesign .share-font-picker .fp-select{ max-width:62px; }
}

/* ── Rating: שורה אחת — אגודלים + פס + אחוז ── */
.prayer-redesign .prd-rating{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 16px;
  background:var(--cream2, #faf4ea);
  border-bottom:1px solid var(--bdr);
}
.prayer-redesign .prd-rating-q{
  font-size:.74rem;
  color:#7a6850;
  font-weight:600;
  flex-shrink:0;
}
.prayer-redesign .prd-rating-thumbs{ display:flex; gap:6px; flex-shrink:0; }
.prayer-redesign .prd-rating-thumb{
  width:30px;height:30px;
  border-radius:50%;
  border:1px solid #e0d5c0;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.85rem;
  cursor:pointer;
  transition:all .15s;
}
.prayer-redesign .prd-rating-thumb:hover{ border-color:var(--gold); background:var(--gold-pale); }
.prayer-redesign .prd-rating-bar{
  flex:1;
  height:7px;
  background:#ece0cc;
  border-radius:4px;
  overflow:hidden;
  min-width:0;
}
.prayer-redesign .prd-rating-fill{
  height:100%;
  background:linear-gradient(90deg,var(--gold),#d9b85f);
  border-radius:4px;
  transition:width .4s;
}
.prayer-redesign .prd-rating-pct{
  font-size:.74rem;
  font-weight:700;
  color:var(--gold);
  flex-shrink:0;
}
.prayer-redesign .prd-rating-cnt{
  font-size:.66rem;
  color:#9a856a;
  flex-shrink:0;
}
@media(max-width:560px){
  /* במובייל — מסתירים את שאלת הטקסט ואת מונה ההקשר, רק אגודלים+פס+אחוז */
  .prayer-redesign .prd-rating-q,
  .prayer-redesign .prd-rating-cnt{ display:none; }
}

/* ── עיצוב מחדש ל-rating הקיים (gs-thumbs) — שורה אחת קומפקטית ── */
.prayer-redesign .tfilah-gs-thumbs-wrap{ margin:0; }
.prayer-redesign .gspb_thumbs{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 16px;
  background:var(--cream2,#faf4ea);
  border-bottom:1px solid var(--bdr);
  border-top:1px solid var(--bdr);
}
.prayer-redesign .gspb_thumbs .gs-thumbsminus,
.prayer-redesign .gspb_thumbs .gs-thumbsplus{
  width:30px;height:30px;
  border-radius:50%;
  border:1px solid #e0d5c0;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  padding:6px;
  transition:all .15s;
}
.prayer-redesign .gspb_thumbs .gs-thumbsminus:hover,
.prayer-redesign .gspb_thumbs .gs-thumbsplus:hover{ border-color:var(--gold); background:var(--gold-pale); }
.prayer-redesign .gspb_thumbs .gs-thumbsminus svg,
.prayer-redesign .gspb_thumbs .gs-thumbsplus svg{ width:15px;height:15px;fill:#9b7d3a; }
.prayer-redesign .gspb_thumbs .gs-thumbsplus svg{ fill:#2d7a3a; }
.prayer-redesign .gspb_thumbs .gs-thumbscount{
  font-size:.78rem;
  font-weight:700;
  color:var(--gold);
  flex-shrink:0;
  order:3;
}
/* פס ההתקדמות — תופס את המקום האמצעי */
.prayer-redesign .gspb_thumbs .fonscale{
  flex:1;
  height:7px;
  background:#ece0cc;
  border-radius:4px;
  overflow:hidden;
  min-width:0;
  order:2;
}
.prayer-redesign .gspb_thumbs .scaleperc{
  height:100%;
  background:linear-gradient(90deg,var(--gold),#d9b85f);
  border-radius:4px;
}