/* ============================================================
   התוסף של Claude לעסקים קטנים, עיצוב מדריך זה בלבד.

   כל השאר מגיע מ-guides/guide-base.css, שנטען לפני הקובץ הזה.
   כאן רק מה שהעמוד הזה צריך מעבר לבסיס:

     rtl-prompt    לחמשת מקטעי הפרומפט בעברית. חמשת המקטעים
                   האחרים הם פקודות לוכסן, נשארים ltr ומקבלים
                   את עיצוב הבסיס
     ol.plain-list מספרים לארבעת שלבי ההתקנה. בבסיס plain-list
                   מצייר נקודה ליד כל פריט, וברשימה ממוספרת
                   המספר הוא חלק מהתוכן

   הערת הסיום, .page-note, אינה כאן: היא כבר מוגדרת ב-guide-base.css.

   כללי rtl-prompt הועתקו מ-guides/gemini-skills.css כמו שהם, רק
   עם החלפת שם ההיקף. לא נוסף כאן שום ערך צבע, גופן, רדיוס או צל.
   ============================================================ */

/* ---------- Hebrew prompt block, ported verbatim from guides/hyperframes.css.
   Same dark .code-block shell, but the content is Hebrew prose rather than a
   terminal command, so the direction flips back to rtl and the text wraps
   instead of scrolling. Nothing here introduces a new token value. ---------- */
.guide-claude-small-business-plugin .code-block.rtl-prompt pre{
  direction:rtl;
  text-align:start;
  white-space:pre-wrap;
  overflow-x:hidden;
}
.guide-claude-small-business-plugin .code-block.rtl-prompt::after{
  /* wrapped text never overflows horizontally, so the LTR blocks' edge-fade
     (which signals more content off-screen) doesn't apply here */
  display:none;
}
.guide-claude-small-business-plugin .code-block.rtl-prompt .copy-btn{
  inset-inline-start:auto;
  inset-inline-end:8px;
}
.guide-claude-small-business-plugin .code-block.rtl-prompt code{
  min-width:0;
  display:block;
}

/* ---------- The install steps are numbered in the source, and the order is
   the point: base .plain-list draws a dot for every item, so an <ol> there
   loses its numbers. Same position as the dot, the counter in its place.
   Accent and mono are existing tokens. ---------- */
.guide-claude-small-business-plugin ol.plain-list{ counter-reset:step; }
.guide-claude-small-business-plugin ol.plain-list li{
  counter-increment:step;
  padding-inline-start:22px;
}
.guide-claude-small-business-plugin ol.plain-list li::before{
  content:counter(step) ".";
  top:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  color:var(--accent-deep);
  font-family:var(--font-mono);
  font-weight:600;
}