/* =============================================================
   יום-יומי · prog-layout.css
   מערכת רכיבים בהשראת ארכיטקטורת פרוג (XenForo) — בצבעי האתר.
   פלטה: נייבי #081421 · מג'נטה #E70F57 · זהב #D4A843 · לבן.
   שכבה משותפת: block / sidebar / structItem / message / label /
   userBanner / avatar / buttonb / pairs / pageNav / breadcrumb / node.
   ============================================================= */

:root {
  --pl-navy: #081421;
  --pl-navy-2: #12233a;
  --pl-magenta: #e70f57;
  --pl-magenta-d: #c20c49;
  --pl-gold: #d4a843;
  --pl-gold-l: #f0c668;
  --pl-ink: #141414;
  --pl-ink-2: #5b6472;
  --pl-ink-3: #8c94a0;
  --pl-page: #eef1f5;
  --pl-surface: #ffffff;
  --pl-surface-2: #f5f7fa;
  --pl-line: #e2e7ee;
  --pl-line-2: #d3dae3;
  --pl-tint: #fdeef3;      /* magenta tint bg */
  --pl-tint-b: #f6c9d9;    /* magenta tint border */
  --pl-r-sm: 3px;
  --pl-r: 8px;
  --pl-r-lg: 14px;
  --pl-shadow: 0 2px 10px rgba(8,20,33,.06);
  --pl-shadow-h: 0 10px 30px rgba(8,20,33,.12);
  --pl-f: 'Heebo','Assistant',system-ui,-apple-system,sans-serif;
}

/* ---------- page shell ---------- */
.pl-page{background:var(--pl-page);font-family:var(--pl-f);color:var(--pl-ink);min-height:100vh}
.pl-inner{max-width:1240px;margin:0 auto;padding:20px clamp(12px,2.5vw,20px) 40px}

/* breadcrumb */
.pl-crumb{background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:var(--pl-r);
  padding:9px 16px;font-size:.86rem;font-weight:600;color:var(--pl-ink-2);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-crumb a{color:var(--pl-magenta);text-decoration:none}
.pl-crumb a:hover{text-decoration:underline}
.pl-crumb .sep{color:var(--pl-ink-3)}

/* page title */
.pl-ptitle{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.pl-ptitle h1{font-size:clamp(1.5rem,3vw,1.9rem);font-weight:800;color:var(--pl-navy);letter-spacing:-.01em;line-height:1.15}
.pl-ptitle .pl-label{align-self:center}

/* ---------- table layout: content + fixed 250px sidebar ---------- */
.pl-main{display:flex;gap:20px;align-items:flex-start}
.pl-content{flex:1;min-width:0}
.pl-sidebar{flex:0 0 260px;width:260px}
@media(max-width:900px){.pl-main{flex-direction:column}.pl-sidebar{width:100%;flex-basis:auto;order:2}}

/* ---------- BLOCK ---------- */
.pl-block{margin-bottom:20px}
.pl-block-container{background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:var(--pl-r);box-shadow:var(--pl-shadow);overflow:hidden}
.pl-block-header{background:linear-gradient(90deg,var(--pl-navy),var(--pl-navy-2));color:#fff;
  font-size:1.05rem;font-weight:800;padding:11px 16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
.pl-block-header .h-ic{color:var(--pl-gold-l);font-size:1.15rem;line-height:1}
.pl-block-header .h-txt{display:flex;align-items:center;gap:9px;min-width:0}
.pl-block-header .h-more{font-size:.8rem;font-weight:700;color:var(--pl-gold-l);text-decoration:none;white-space:nowrap;opacity:.92}
.pl-block-header .h-more:hover{opacity:1;text-decoration:underline}
.pl-block-header--magenta{background:linear-gradient(90deg,var(--pl-magenta),var(--pl-magenta-d))}
.pl-block-header--magenta .h-ic,.pl-block-header--magenta .h-more{color:#fff}
.pl-block-header--gold{background:linear-gradient(90deg,var(--pl-gold),var(--pl-gold-l));color:#1a1300}
.pl-block-header--gold .h-ic,.pl-block-header--gold .h-more{color:#1a1300}
.pl-block-body{padding:14px 16px}
.pl-block-body--flush{padding:0}

/* ---------- NODE (forum list row) ---------- */
.pl-node{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--pl-line);text-decoration:none;color:inherit;transition:background .15s}
.pl-node:last-child{border-bottom:0}
.pl-node:hover{background:var(--pl-surface-2)}
.pl-node-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;background:var(--pl-tint);color:var(--pl-magenta)}
.pl-node-body{flex:1;min-width:0}
.pl-node-title{font-size:1.05rem;font-weight:700;color:var(--pl-navy);line-height:1.3}
.pl-node:hover .pl-node-title{color:var(--pl-magenta)}
.pl-node-desc{font-size:.85rem;color:var(--pl-ink-2);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.pl-node-stats{flex:0 0 auto;display:flex;gap:18px;font-size:.82rem;color:var(--pl-ink-3);text-align:center}
.pl-node-stats b{display:block;font-size:1.02rem;font-weight:800;color:var(--pl-navy)}
.pl-node-latest{flex:0 0 190px;display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--pl-ink-2)}
@media(max-width:640px){.pl-node-stats,.pl-node-latest{display:none}}

/* ---------- structItem: thread row ---------- */
.pl-si{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--pl-line);transition:background .15s}
.pl-si:last-child{border-bottom:0}
.pl-si:hover{background:var(--pl-surface-2)}
.pl-si.is-unread{background:var(--pl-tint)}
.pl-si.is-unread:hover{background:#fbe0ea}
.pl-si-avatar{flex:0 0 44px}
.pl-si-main{flex:1;min-width:0}
.pl-si-title{font-size:1.02rem;font-weight:700;color:var(--pl-navy);line-height:1.3;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pl-si-title a{color:inherit;text-decoration:none}
.pl-si-title a:hover{color:var(--pl-magenta)}
.pl-si-minor{font-size:.8rem;color:var(--pl-ink-3);margin-top:3px}
.pl-si-minor a{color:var(--pl-magenta);text-decoration:none}
.pl-si-meta{flex:0 0 auto;display:flex;gap:16px;text-align:center;font-size:.78rem;color:var(--pl-ink-3)}
.pl-si-meta b{display:block;font-size:.98rem;font-weight:800;color:var(--pl-navy)}
.pl-si-latest{flex:0 0 170px;display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--pl-ink-2)}
@media(max-width:720px){.pl-si-latest{display:none}}
@media(max-width:520px){.pl-si-meta{gap:10px}}

/* ---------- structItem: listing card (grid) ---------- */
.pl-listing{display:grid;grid-template-columns:110px 1fr;grid-template-areas:"icon text" "stats stats";
  gap:6px 12px;background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:var(--pl-r);padding:12px;margin-bottom:12px;transition:box-shadow .15s,border-color .15s}
.pl-listing:hover{box-shadow:var(--pl-shadow-h);border-color:var(--pl-tint-b)}
.pl-listing.is-unread{background:#fff9ef}
.pl-listing-icon{grid-area:icon}
.pl-listing-thumb{width:100%;aspect-ratio:4/3;border-radius:var(--pl-r-sm);background:var(--pl-surface-2) center/cover no-repeat;display:grid;place-items:center;font-size:1.8rem;color:var(--pl-ink-3);overflow:hidden}
.pl-listing-main{grid-area:text;min-width:0}
.pl-listing-title{font-size:1.05rem;font-weight:700;color:var(--pl-navy);line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pl-listing-title a{color:inherit;text-decoration:none}
.pl-listing-title a:hover{color:var(--pl-magenta)}
.pl-listing-minor{font-size:.8rem;color:var(--pl-ink-3);margin-top:4px}
.pl-listing-desc{font-size:.88rem;color:var(--pl-ink-2);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-listing-meta{grid-area:stats;display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--pl-line)}

/* ---------- MESSAGE (forum post) ---------- */
.pl-msg{display:flex;background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:var(--pl-r);overflow:hidden;margin-bottom:16px;box-shadow:var(--pl-shadow)}
.pl-msg-user{flex:0 0 150px;width:150px;background:var(--pl-surface-2);padding:16px 12px;text-align:center;border-inline-start:1px solid var(--pl-line)}
.pl-msg-avatar{width:88px;height:88px;border-radius:50%;margin:0 auto 10px;display:block}
.pl-msg-name{font-size:1rem;font-weight:800;color:var(--pl-magenta);line-height:1.2}
.pl-msg-title{font-size:.78rem;color:var(--pl-ink-2);margin-top:2px}
.pl-msg-main{flex:1;min-width:0;display:flex;flex-direction:column}
.pl-msg-attr{display:flex;justify-content:space-between;gap:10px;padding:9px 16px;border-bottom:1px solid var(--pl-line);font-size:.8rem;color:var(--pl-ink-3)}
.pl-msg-attr .num{font-weight:700}
.pl-msg-content{padding:16px;font-size:1rem;line-height:1.7;color:var(--pl-ink);flex:1}
.pl-msg-footer{padding:8px 16px 12px}
.pl-actionbar{display:flex;flex-wrap:wrap;gap:6px}
.pl-action{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--pl-ink-2);
  background:none;border:0;padding:5px 9px;border-radius:var(--pl-r-sm);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.pl-action:hover{background:var(--pl-tint);color:var(--pl-magenta)}
.pl-action.is-primary{color:var(--pl-magenta)}
.pl-reactions{display:flex;align-items:center;gap:8px;background:var(--pl-surface-2);border-radius:var(--pl-r-sm);
  padding:6px 12px;margin-top:10px;font-size:.8rem;color:var(--pl-ink-2)}
@media(max-width:560px){.pl-msg-user{flex-basis:96px;width:96px;padding:12px 6px}.pl-msg-avatar{width:60px;height:60px}}

/* ---------- LABEL / tag ---------- */
.pl-label{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;line-height:1;
  padding:4px 9px;border-radius:var(--pl-r-sm);border:1px solid var(--pl-tint-b);background:var(--pl-tint);color:var(--pl-magenta);white-space:nowrap}
.pl-label--gold{background:#fff4e0;border-color:#f2d69a;color:#a5741a}
.pl-label--navy{background:#e7edf5;border-color:#c3d2e6;color:var(--pl-navy)}
.pl-label--green{background:#e6f7ee;border-color:#b5e6cb;color:#12784a}
.pl-label--price{font-weight:800}
.pl-label--lg{font-size:.98rem;padding:6px 12px}

/* userBanner (rank/skill chip) */
.pl-banner{display:inline-block;font-size:.72rem;font-weight:700;color:#fff;background:var(--pl-navy);
  padding:2px 8px;border-radius:2px;margin-top:5px}
.pl-banner--magenta{background:var(--pl-magenta)}
.pl-banner--gold{background:var(--pl-gold);color:#1a1300}
.pl-banner--rav{background:linear-gradient(90deg,var(--pl-gold),var(--pl-gold-l));color:#1a1300}

/* ---------- AVATAR ---------- */
.pl-avatar{border-radius:50%;object-fit:cover;display:inline-block;background:var(--pl-navy);color:#fff;
  text-align:center;font-weight:800;overflow:hidden;flex-shrink:0}
.pl-avatar--xs{width:24px;height:24px;font-size:.7rem;line-height:24px}
.pl-avatar--s{width:36px;height:36px;font-size:.9rem;line-height:36px}
.pl-avatar--m{width:44px;height:44px;font-size:1.05rem;line-height:44px}
.pl-avatar--l{width:88px;height:88px;font-size:2.2rem;line-height:88px}
.pl-avatar--xl{width:120px;height:120px;font-size:3rem;line-height:120px}

/* ---------- BUTTON ---------- */
.pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--pl-f);
  font-size:.92rem;font-weight:700;padding:9px 18px;border-radius:var(--pl-r);border:1px solid var(--pl-line-2);
  background:var(--pl-surface);color:var(--pl-navy);cursor:pointer;text-decoration:none;transition:.15s;white-space:nowrap}
.pl-btn:hover{border-color:var(--pl-magenta);color:var(--pl-magenta)}
.pl-btn--primary{background:var(--pl-magenta);border-color:var(--pl-magenta);color:#fff}
.pl-btn--primary:hover{background:var(--pl-magenta-d);border-color:var(--pl-magenta-d);color:#fff}
.pl-btn--gold{background:linear-gradient(90deg,var(--pl-gold-l),var(--pl-gold));border-color:transparent;color:#1a1300}
.pl-btn--gold:hover{color:#1a1300;box-shadow:0 6px 18px rgba(212,168,67,.4)}
.pl-btn--block{width:100%}
.pl-btn--sm{padding:7px 13px;font-size:.84rem}

/* ---------- PAIRS (dl label/value) ---------- */
.pl-pairs{margin:0;display:grid;gap:5px}
.pl-pairs .pair{display:flex;gap:6px;font-size:.82rem}
.pl-pairs dt{color:var(--pl-ink-3);font-weight:600}
.pl-pairs dd{margin:0;color:var(--pl-navy);font-weight:700}
.pl-pairs--justified .pair{justify-content:space-between}

/* ---------- PAGE NAV (pagination) ---------- */
.pl-pagenav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:14px 0}
.pl-pagenav a,.pl-pagenav span{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:700;border:1px solid var(--pl-line-2);border-radius:var(--pl-r-sm);background:var(--pl-surface);color:var(--pl-navy);text-decoration:none;transition:.15s}
.pl-pagenav a:hover{border-color:var(--pl-magenta);color:var(--pl-magenta)}
.pl-pagenav .is-current{background:#fff4e5;border-color:#f9c479;color:#aa6709}
.pl-pagenav .gap{border:0;background:none}

/* ---------- sidebar widgets ---------- */
.pl-side-actions{display:grid;gap:8px}
.pl-widget-zmanim .z-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--pl-line);font-size:.88rem}
.pl-widget-zmanim .z-row:last-child{border-bottom:0}
.pl-widget-zmanim .z-row .lbl{color:var(--pl-ink-2)}
.pl-widget-zmanim .z-row .val{font-weight:800;color:var(--pl-navy)}
.pl-widget-zmanim .z-tabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}
.pl-widget-zmanim .z-tab{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:var(--pl-r-sm);border:1px solid var(--pl-line-2);background:var(--pl-surface);color:var(--pl-ink-2);cursor:pointer}
.pl-widget-zmanim .z-tab.on{background:var(--pl-navy);color:var(--pl-gold-l);border-color:var(--pl-navy)}
.pl-widget-zmanim .z-date{text-align:center;font-weight:800;color:var(--pl-magenta);margin-bottom:10px;font-size:.95rem}

/* entrance animation */
.pl-fade{opacity:0;transform:translateY(20px)}
.pl-fade.in{opacity:1;transform:none;transition:opacity .5s var(--ease-out,ease),transform .5s var(--ease-out,ease)}
@media(prefers-reduced-motion:reduce){.pl-fade{opacity:1;transform:none}}