/* ============================================================================
   קאספריו — רכיב הכפתור המשותף לכל הכלים (‎.k-btn).  25/09/2026.

   המקור: הכפתור „כניסת משתמשים" באתר (KASPERIO/site/assets/home.css —
   ‎.btn.btn--primary): מילוי צהוב, דיו כהה, פינות 10px, קו 1.5px, גופן 700.
   המסמך: docs/kasperio-buttons.md.

   נטען ב-<link> **אחרי** גיליון הכלי (דרך app_btn_css() ב-core/layout.php),
   כדי שבשוויון ספציפיות הכפתור ינצח את ‎`.xx-top-right a` של הכלי.
   כל צבע כאן הוא טוקן של tokens.css עם ערך נפילה של המותג — כך הרכיב
   נראה נכון גם במסך שטוען את tokens.css דרך ‎@import וגם אם הוא לא נמסר.

   ⚠ הצהוב הוא *מילוי בלבד*, תמיד עם דיו כהה (12.4:1). לא כטקסט ולא כמסגרת.
   ⚠ לא לשנות שמות מחלקות — הם בשימוש בקוד PHP של כמה כלים.
   ========================================================================= */

.k-btn{
  --k-btn-h:var(--ks-tap,44px);
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:var(--k-btn-h); padding:0 18px; box-sizing:border-box;
  border:1.5px solid transparent; border-radius:10px;
  font-family:inherit; font-size:15px; font-weight:700; line-height:1.15; letter-spacing:-.01em;
  text-decoration:none; white-space:nowrap; cursor:pointer; vertical-align:middle;
  -webkit-tap-highlight-color:transparent;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .1s ease;
}
.k-btn:hover{text-decoration:none}
.k-btn:active{transform:translateY(1px)}
.k-btn:focus-visible{outline:3px solid var(--ks-txt,#0F172A); outline-offset:2px}
.k-btn[disabled], .k-btn[aria-disabled="true"]{opacity:.5; cursor:not-allowed; transform:none}
.k-btn__ic{width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round}

/* ── ראשי — „כניסת משתמשים". צהוב המותג, דיו כהה. קבוע בשני המצבים ── */
.k-btn.k-btn--primary{background:var(--ks-yellow,#FFCC15); border-color:var(--ks-yellow,#FFCC15); color:var(--ks-ink,#0F172A)}
.k-btn.k-btn--primary:hover{background:#F2BE00; border-color:#F2BE00; color:var(--ks-ink,#0F172A)}

/* ── משני — מסגרת אפורה על כרטיס, טקסט הדף (‎.btn--secondary באתר) ── */
.k-btn.k-btn--secondary{background:var(--ks-card,#FFFFFF); border-color:var(--ks-g300,#CBD5E1); color:var(--ks-txt,#0F172A)}
.k-btn.k-btn--secondary:hover{background:var(--ks-bg-soft,#F1F5F9); border-color:var(--ks-txt-dim,#5D6B7E); color:var(--ks-txt,#0F172A)}

/* ── רפאים — בלי מילוי ובלי מסגרת, רקע רך בריחוף (‎.btn--ghost באתר) ── */
.k-btn.k-btn--ghost{background:transparent; border-color:transparent; color:var(--ks-txt,#0F172A)}
.k-btn.k-btn--ghost:hover{background:var(--ks-bg-soft,#F1F5F9); color:var(--ks-txt,#0F172A)}

/* ── דיו — כהה מלא (‎.btn--ink באתר). במצב כהה מתהפך, אחרת נבלע ברקע ── */
.k-btn.k-btn--ink{background:var(--ks-txt,#0F172A); border-color:var(--ks-txt,#0F172A); color:var(--ks-card,#FFFFFF)}
.k-btn.k-btn--ink:hover{background:var(--ks-g700,#334155); border-color:var(--ks-g700,#334155)}

/* ── סכנה — נשאר אדום. מסגרת + טקסט, מילוי אדום רק ב---solid ── */
.k-btn.k-btn--danger{background:transparent; border-color:var(--ks-err-line,rgba(185,28,28,.40)); color:var(--ks-red-ink,#B91C1C)}
.k-btn.k-btn--danger:hover{background:var(--ks-err-bg,rgba(185,28,28,.06)); border-color:var(--ks-red-ink,#B91C1C)}
.k-btn.k-btn--danger-solid{background:var(--ks-err-f,#B91C1C); border-color:var(--ks-err-f,#B91C1C); color:#FFFFFF}

/* ── מידות ── */
.k-btn.k-btn--sm{padding:0 14px; font-size:14px; border-radius:9px}
.k-btn.k-btn--lg{--k-btn-h:48px; padding:0 24px; font-size:16px}
.k-btn.k-btn--block{display:flex; width:100%}

/* ══ „ארגז הכלים" — כפתור החזרה לארגז הכלים. אחד, זהה בכל כלי ═══════════
   מצויר רק דרך app_toolbox_btn() (core/layout.php): ‎.k-btn.k-btn--primary.k-home.
   ‎.k-home--bar = בתוך סרגל עליון, ושם הוא בדיוק „כניסת משתמשים": טקסט בלבד
   במחשב (הסמל מוסתר — הסרגלים צפופים, ובתמחור הוא דחק את הניווט לשורה שנייה),
   ובטלפון צר (‎<560px) ריבוע צהוב עם סמל הארגז בלבד — התווית נשארת לקורא מסך.
   מחוץ לסרגל (מסך „אין גישה", תפריט) — טקסט וסמל. */
.k-btn.k-home{flex:none; gap:6px; position:relative}
.k-btn.k-home--bar{padding:0 16px; font-size:14px}
.k-btn.k-home .k-btn__ic{width:18px; height:18px}
@media (min-width:560px){ .k-btn.k-home--bar .k-btn__ic{display:none} }
/* ‎.k-home--text = סרגל שבטלפון יורד לשורה משלו ויש בו מקום (הסטודיו): נשאר טקסט */
@media (max-width:559px){
  .k-btn.k-home--bar:not(.k-home--text){width:var(--k-btn-h); padding:0; gap:0}
  .k-btn.k-home--bar.k-home--text .k-btn__ic{display:none}
  .k-btn.k-home--bar:not(.k-home--text) .k-btn__t{position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0}
}
@media print{ .k-btn.k-home{display:none} }

/* ── התאמת סרגלים צפופים בטלפון ──
   תמחור מטבח (km): לוגו + עסק + ניהול + יציאה כבר מילאו 390px, והריבוע הצהוב
   שבר את שם הכלי לשתי שורות. בטלפון בלבד: רווח קטן יותר, ושם העסק נחתך ב-…
   במקום לשבור שורה (השם המלא נשאר בבורר העסק שהקישור פותח). */
@media (max-width:559px){
  .km-top-in{gap:8px}
  .km-top-in > .km-brand{flex:none}
  .km-top-right{gap:6px; min-width:0}
  .km-top-right > .km-biz{min-width:0; flex:0 1 auto; max-width:34vw}
  .km-top-right > .km-biz > span{display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
}

/* ══ גשר — הכפתורים הקיימים של הכלים, מיושרים לכפתור המותג ═════════════════
   הכפתורים הראשיים בכלים כבר צהובים (‎--ks-accent-brand). מה שנשאר לא „מותג":
   ריחוף שמצייר קו כתום בתוך הצהוב, ו„הבא" בסיור ההדרכה של התמחור שהיה כתום
   עם דיו כהה (3.3:1 — נכשל ב-AA). כאן בלבד, כדי לא לפתוח כל גיליון של כלי.
   הספציפיות כאן גבוהה בדרגה אחת מזו שבגיליון הכלי (או מ-<style> שהסיור מזריק
   בזמן ריצה), ולכן היא גוברת בלי !important. */

/* ריחוף הכפתור הראשי: צהוב כהה יותר, כמו „כניסת משתמשים" — לא קו כתום */
.km-btn.km-btn-primary:not([disabled]):hover,
.cf-btn.p:not([disabled]):hover,
.rcp-main .btn-primary:not(.rcp-approve-dir):not(:disabled):hover,
.ord-main .btn:not(.btn-ghost):not(.ord-conflict-ok):not([class*="inv-"]):not(:disabled):hover{
  background:#F2BE00; border-color:#F2BE00; box-shadow:none;
}

/* „הבא" בסיורי ההדרכה (km/orders/recipes ‏tour.js) — כפתור המותג */
.ktour .ktour-next, .otour .otour-next, .rtour .rtour-next{
  background:var(--ks-yellow,#FFCC15); color:var(--ks-ink,#0F172A); border-radius:10px;
}
.ktour .ktour-next:hover, .otour .otour-next:hover, .rtour .rtour-next:hover{background:#F2BE00; filter:none}