/* ===== Brochures upgrade — Shaar Breslev (orange + blue) ===== */
.brochures{
  --br-brand:#f37021; --br-brand-deep:#d9541a; --br-brand-soft:#fdece1;
  --br-blue:#005a8c; --br-blue-deep:#00334e; --br-blue-soft:#eaf3fa;
  --br-ink:#1c2a35; --br-ink-2:#3a4a57; --br-muted:#6b7c8a; --br-line:#e2e8ee;
  --br-surface:#fff; --br-surface-2:#f7f9fb; --br-radius:12px; --br-radius-sm:8px;
  --br-shadow:0 2px 10px rgba(10,30,50,.08); --br-shadow-lg:0 14px 34px rgba(10,30,50,.15);
  direction:rtl; font-family:'Segoe UI','Alef',Tahoma,Arial,sans-serif; color:var(--br-ink);
}
.brochures *{box-sizing:border-box}
.br-btn{border:none; border-radius:var(--br-radius-sm); font-weight:700; cursor:pointer; font-family:inherit; font-size:14px; height:42px; padding:0 18px; display:inline-flex; align-items:center; gap:7px; justify-content:center; text-decoration:none;}
.br-btn.brand{background:var(--br-brand); color:#fff;} .br-btn.brand:hover{background:var(--br-brand-deep);}
.br-btn.blue{background:var(--br-blue); color:#fff;}
.br-btn.ghost{background:var(--br-surface); color:var(--br-ink-2); border:1px solid var(--br-line);}

/* cards */
.br-card{display:flex; flex-direction:column; background:var(--br-surface); border:1px solid var(--br-line); border-radius:var(--br-radius); overflow:hidden; box-shadow:var(--br-shadow); text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s, border-color .15s;}
.br-card:hover{transform:translateY(-3px); box-shadow:var(--br-shadow-lg); border-color:var(--br-brand);}
.br-cover{position:relative; aspect-ratio:3/4; background:linear-gradient(160deg,var(--br-blue-soft),var(--br-surface-2)); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.br-cover-img{width:100%; height:100%; object-fit:cover;}
.br-cover-ph{position:absolute; inset:14px 20px; background:#fff; border:1px solid var(--br-line); border-radius:4px; box-shadow:0 6px 16px rgba(0,0,0,.1); padding:14px; display:flex; flex-direction:column; gap:6px;}
.br-cover-ph .t{height:9px; background:var(--br-brand); border-radius:3px; width:70%;}
.br-cover-ph .l{height:5px; background:var(--br-line); border-radius:3px;} .br-cover-ph .l.s{width:60%;}
.br-ribbon{position:absolute; inset-block-start:10px; inset-inline-end:10px; background:var(--br-brand); color:#fff; font-size:11px; font-weight:800; padding:3px 9px; border-radius:5px; z-index:2;}
.br-pdfbadge{position:absolute; inset-block-end:10px; inset-inline-start:10px; background:rgba(0,51,78,.8); color:#fff; font-size:11px; font-weight:700; padding:2px 8px; border-radius:5px; z-index:2;}
.br-body{padding:13px 14px 15px; display:flex; flex-direction:column; gap:9px; flex:1;}
.br-chips{display:flex; flex-wrap:wrap; gap:5px;}
.br-chip{font-size:11px; font-weight:700; padding:2.5px 8px; border-radius:20px; background:var(--br-blue-soft); color:var(--br-blue);}
.br-chip.parasha{background:var(--br-brand-soft); color:var(--br-brand-deep);}
.br-chip.year{background:var(--br-surface-2); color:var(--br-muted); border:1px solid var(--br-line);}
.br-title{font-size:15px; font-weight:700; color:var(--br-ink); line-height:1.3;}
.br-stats{display:flex; gap:12px; align-items:center; font-size:12.5px; color:var(--br-muted); margin-top:auto; padding-top:9px; border-top:1px solid var(--br-line); font-variant-numeric:tabular-nums;}
.br-stats b{color:var(--br-ink-2);}
.br-stars{color:var(--br-brand); letter-spacing:1px; margin-inline-start:auto;}
.br-stars i{font-style:normal; color:var(--br-line);} .br-stars i.on{color:var(--br-brand);}

/* carousel */
.br-caro-head{display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2px solid var(--br-blue-soft); margin-bottom:14px;}
.br-caro-head h2{font-size:22px; margin:0 0 -2px; color:var(--br-blue); border-bottom:3px solid var(--br-brand); padding-bottom:8px;}
.br-caro-head a{color:var(--br-brand-deep); font-weight:700; font-size:13.5px; text-decoration:none;}
.br-cattabs{display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px;}
.br-tab{font-size:12.5px; font-weight:700; padding:6px 13px; border-radius:20px; background:var(--br-surface-2); color:var(--br-muted); border:1px solid var(--br-line); cursor:pointer;}
.br-tab.on{background:var(--br-brand); color:#fff; border-color:var(--br-brand);}
.br-caro-vp{position:relative;}
.br-rail{display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; padding-bottom:6px; scrollbar-width:none;}
.br-rail::-webkit-scrollbar{display:none;}
.br-slide{flex:0 0 calc(25% - 12px); scroll-snap-align:start;}
@media(max-width:760px){ .br-slide{flex:0 0 calc(50% - 8px);} }
@media(max-width:460px){ .br-slide{flex:0 0 80%;} }
.br-arrow{position:absolute; top:34%; width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid var(--br-line); box-shadow:var(--br-shadow); display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--br-blue); cursor:pointer; z-index:3;}
.br-arrow.r{inset-inline-end:-13px;} .br-arrow.l{inset-inline-start:-13px;}

/* single: native PDF viewer in a styled frame (correct Hebrew) */
.br-viewer{border:1px solid var(--br-line); border-radius:var(--br-radius); overflow:hidden; background:var(--br-surface-2); box-shadow:var(--br-shadow);}
.br-vtool{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; background:linear-gradient(90deg,var(--br-blue-deep),var(--br-blue)); color:#fff; padding:11px 14px;}
.br-vtitle{font-size:15px; font-weight:700; color:#fff; display:inline-flex; align-items:center; gap:7px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.br-vactions{display:flex; gap:8px; flex-shrink:0;}
.br-vdl,.br-vfull{font-weight:700; padding:0 14px; height:34px; border-radius:7px; font-size:13px; display:inline-flex; align-items:center; gap:6px; text-decoration:none;}
.br-vdl{background:var(--br-brand); color:#fff;} .br-vdl:hover{background:var(--br-brand-deep); color:#fff;}
.br-vfull{background:rgba(255,255,255,.16); color:#fff;} .br-vfull:hover{background:rgba(255,255,255,.28); color:#fff;}
.br-pdfframe{width:100%; height:860px; border:none; display:block; background:#fff;}
@media(max-width:600px){ .br-pdfframe{height:70vh;} }
.br-empty{text-align:center; padding:40px; color:var(--br-muted);}

/* modal */
.br-modal{position:fixed; inset:0; z-index:99999; display:none;}
.br-modal.open{display:block;}
.br-modal-bg{position:absolute; inset:0; background:rgba(0,51,78,.55);}
.br-modal-card{position:relative; max-width:620px; margin:5vh auto; background:#fff; border-radius:16px; box-shadow:var(--br-shadow-lg); max-height:90vh; overflow:auto;}
.br-modal-head{display:flex; justify-content:space-between; align-items:center; background:var(--br-blue-deep); color:#fff; padding:15px 20px; border-radius:16px 16px 0 0;}
.br-modal-head h3{margin:0; font-size:18px; color:#fff;}
.br-x{background:rgba(255,255,255,.15); border:none; color:#fff; width:30px; height:30px; border-radius:7px; cursor:pointer;}
.br-modal-body{padding:20px;}
.br-mintro{margin:0 0 16px; font-size:13px; color:var(--br-muted);}
.br-fg{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media(max-width:520px){ .br-fg{grid-template-columns:1fr;} }
.br-f{display:flex; flex-direction:column; gap:5px; font-size:12px; font-weight:700; color:var(--br-ink-2);}
.br-f.br-full{grid-column:1/-1;}
.br-f input,.br-f select,.br-f textarea{border:1px solid var(--br-line); border-radius:var(--br-radius-sm); padding:9px 10px; font-size:14px; font-weight:400; font-family:inherit; color:var(--br-ink);}
.br-f input:focus,.br-f select:focus,.br-f textarea:focus{outline:2px solid var(--br-brand);}
.br-dz{display:flex; flex-direction:column; align-items:center; gap:5px; border:2px dashed var(--br-line); border-radius:var(--br-radius); padding:20px; margin:14px 0; cursor:pointer; background:var(--br-surface-2); text-align:center;}
.br-dz.drag{border-color:var(--br-brand); background:var(--br-brand-soft);}
.br-dz .big{font-size:28px;} .br-dz .txt{font-size:13px; color:var(--br-muted);} .br-dz .fname{font-size:13px; font-weight:700; color:var(--br-blue);}
.br-mfoot{display:flex; justify-content:flex-end; gap:10px; margin-top:8px;}
.br-msg{margin-top:12px; font-size:14px; font-weight:700; text-align:center;}
.br-msg.ok{color:#1a7f46;} .br-msg.err{color:#b32d2e;}

/* rating (single) */
/* Scoped: this 24px rule used to be global and leaked into the listing cards
   and the legacy single-page rating row, blowing the stars up and wrapping them. */
.brochures .brochure_rating_stars{cursor:pointer; color:var(--br-brand); font-size:24px; letter-spacing:3px;}
.brochures .brochure_rating_stars .fa-star-o{color:var(--br-line);}