/* ==========================================================================
   ASFIRE.CO.IL — עיצוב מותאם אישית (Custom CSS)
   גרסה 4 — פלטת אדום כיבוי-אש + שורת ראש מאוחדת + מוכן ל-RTL
   ==========================================================================
   השראה: lehavot.co.il — רקע לבן נקי, תפריט כהה עם הדגשה אדומה,
   כפתורי פיל (pill) עם מסגרת אדומה, כרטיסי תוכן נקיים.

   התקנה: זו החלפה מלאה לקובץ הקיים.
   public_html/media/templates/site/cassiopeia/css/asfire-custom.css
   → למחוק הכל → להדביק את כל התוכן הזה → לשמור.
   אחר כך: Joomla System → Clear Cache, ובדיקה בגלישה בסמויה (Ctrl+Shift+N).

   שינויים בגרסה זו:
   1. היפוך סדר שורת הראש הותנה ב-dir="ltr" — יבטל את עצמו אוטומטית
      ברגע שתותקן העברית והאתר יהפוך ל-RTL. (זה היה הבאג המרכזי.)
   2. צבע התפריט הראשי שונה לכהה עם הדגשה אדומה — תואם להערת התכנון
      ולמראה של להבות. להחזרה לתפריט אדום מלא: ראי הערה בסעיף "תפריט ניווט".
   3. הוסר קוד מת (רקע/צל להדר שממילא מוסתר).
   4. .asfire-contact-bar הותאם לשימוש בתוך שורת התפריט (בלי רקע ומסגרת).
   5. --hue קיבל !important, והגרדיאנט של ההירו הוסב לכיוון לוגי (to left).
   ========================================================================== */

:root {
  --asfire-red: #e2231a;
  --asfire-red-dark: #b91c14;
  --asfire-red-light: #fdeceb;
  --asfire-ink: #1f2937;
  --asfire-muted: #6b7280;
  --asfire-bg-soft: #f8f9fa;
  --asfire-border: #e5e7eb;
  --asfire-radius: 10px;
  --asfire-shadow: 0 2px 10px rgba(17, 24, 39, 0.06);
  --asfire-shadow-hover: 0 10px 24px rgba(226, 35, 26, 0.14);

  /* התבנית (Cassiopeia) בונה הרבה צבעים - כולל תפריט הנייד/Offcanvas -
     מתוך --hue (ברירת המחדל שלה: כחול). דורסים כאן לגוון אדום כדי שכל
     מה שהתבנית מייצרת אוטומטית ייצא אדום, בלי לצוד כל קלאס בנפרד.
     ה-!important מבטיח שהדריסה תעבוד גם אם הקובץ נטען לפני התבנית. */
  --hue: 4 !important;
  --template-bg-light: #ffffff;
  --template-text-dark: #1f2937;
  --template-text-light: #ffffff;
  --template-special-color: #e2231a;
}

/* ---------- טיפוגרפיה כללית ---------- */
body {
  color: var(--asfire-ink);
  line-height: 1.7;
  background: #ffffff;
}

h1, h2, h3, h4 {
  color: var(--asfire-ink);
  font-weight: 700;
}

a {
  color: var(--asfire-red);
}

/* ==========================================================================
   שורת ראש מאוחדת — לוגו בצד אחד, תפריט במרכז, טלפון בצד השני
   ==========================================================================
   שלושת המודולים (לוגו ראשי / Main Menu / פס טלפון עליון) יושבים כולם
   בפוזיציה menu, לפי הסדר הזה. אזור הלוגו המקורי של התבנית מוסתר.
   ========================================================================== */

/* 1. הסתרת אזור הלוגו הישן הגדול ושורת התיאור שמתחתיו */
.container-header .navbar-brand {
  display: none !important;
}



/* 2. שורת התפריט הופכת לשורת הראש המלאה */
.container-nav {
  background: #fff;
  border-bottom: 1px solid var(--asfire-border);
}

.container-nav .grid-child {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* 3. היפוך הסדר — פעיל אך ורק כל עוד האתר LTR.
      ברגע שתותקן חבילת השפה העברית והאתר יקבל dir="rtl",
      הכלל הזה יפסיק לחול מעצמו והסדר יסתדר נכון. אין מה למחוק.

/* 4. התפריט הראשי תופס את המרכז */
.container-nav .grid-child > ul.mod-menu,
.container-nav .grid-child > .mod-menu {
  flex: 1 1 auto;
  justify-content: center;
  margin: 0;
}

/* 5. הלוגו והטלפון נשארים בגודלם הטבעי בקצוות */
.container-nav .grid-child > .mod-custom {
  flex: 0 0 auto;
}

.asfire-header-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.asfire-header-logo img {
  height: 56px;
  width: auto;
  display: block;
}

.asfire-header-logo span {
  font-size: 13px;
  color: var(--asfire-muted);
  white-space: nowrap;
}

/* ---------- פס יצירת קשר (טלפון + WhatsApp) שבתוך שורת הראש ----------
   אופציונלי: אם תרצי, אפשר להחליף את התוכן של מודול "פס טלפון עליון"
   בגרסה שמשתמשת בקלאסים האלה במקום ב-style ישיר. */
.asfire-contact-bar {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-size: 14px;
}

.asfire-contact-bar a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--asfire-ink);
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

.asfire-contact-bar a:hover {
  color: var(--asfire-red);
}

.asfire-contact-bar .asfire-icon-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--asfire-red);
  color: #fff;
  font-size: 14px;
  flex-shrink: 0;
}

.asfire-contact-bar a.asfire-whatsapp .asfire-icon-circle {
  background: #25d366;
}

/* ---------- תפריט ניווט ----------
   המבנה האמיתי ב-Cassiopeia 6.1: ul#mod-menu1.mod-menu.nav
   עם <a> רגיל (בלי class nav-link) בתוך li.nav-item.

   הצבע כאן כהה, והאדום שמור להדגשת הפריט הפעיל / hover — כמו בלהבות.
   רוצה תפריט אדום מלא? להחליף בשורה המסומנת:
   var(--asfire-ink)  →  var(--asfire-red)
   ------------------------------------------------------------------------ */
#mod-menu1,
.mod-menu.nav {
  font-size: 15px;
  letter-spacing: 0.01em;
}

#mod-menu1 > li.nav-item > a,
.mod-menu.nav > li.nav-item > a {
  color: var(--asfire-ink) !important;   /* ← כאן משנים לאדום אם רוצים */
  padding: 10px 6px !important;
  margin: 0 8px;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  text-decoration: none !important;
  transition: color 0.15s ease, border-color 0.15s ease;
}

#mod-menu1 > li.nav-item > a:hover,
#mod-menu1 > li.nav-item.current > a,
#mod-menu1 > li.nav-item.active > a,
.mod-menu.nav > li.nav-item > a:hover,
.mod-menu.nav > li.nav-item.current > a,
.mod-menu.nav > li.nav-item.active > a {
  color: var(--asfire-red) !important;
  border-bottom-color: var(--asfire-red);
}

/* תפריטים נפתחים (dropdown) — הקלאס הוא .mod-menu__sub, לא .dropdown-menu */
#mod-menu1 .mod-menu__sub,
.mod-menu.nav .mod-menu__sub {
  background: #fff;
  border: 1px solid var(--asfire-border);
  border-radius: var(--asfire-radius);
  box-shadow: var(--asfire-shadow-hover);
  padding: 8px;
  list-style: none;
}

#mod-menu1 .mod-menu__sub a,
.mod-menu.nav .mod-menu__sub a {
  color: var(--asfire-ink) !important;
  display: block;
  padding: 6px 10px;
  border-radius: 8px;
  text-decoration: none !important;
}

#mod-menu1 .mod-menu__sub a:hover,
.mod-menu.nav .mod-menu__sub a:hover {
  background-color: var(--asfire-red-light);
  color: var(--asfire-red) !important;
}

/* ---------- תפריט נייד (Offcanvas) ----------
   התבנית משתמשת ב-Offcanvas של Bootstrap לתפריט הנייד. דורסים כאן
   במפורש (בנוסף ל---hue למעלה) כדי לוודא שגם הוא לבן/אדום ולא כחול. */
.offcanvas,
.offcanvas-header,
.offcanvas-body,
nav.offcanvas,
#offcanvas-drawer,
.site-header .offcanvas,
.header .offcanvas {
  background-color: #ffffff !important;
  color: var(--asfire-ink) !important;
}

.offcanvas .nav-link,
.offcanvas a,
.offcanvas .nav-item > .nav-link {
  color: var(--asfire-ink) !important;
}

.offcanvas .nav-link:hover,
.offcanvas .nav-item.current > .nav-link,
.offcanvas .nav-item.active > .nav-link {
  color: var(--asfire-red) !important;
}

.offcanvas .btn-close {
  filter: none;
}

/* ---------- Hero (עמוד הבית) ---------- */
.asfire-hero {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  background-size: cover;
  background-position: center;
  margin-bottom: 0;
}

/* גרסה עם טקסט מעל התמונה — נשתמש בה בשלב הבא (כותרת + כפתור) */
.asfire-hero.asfire-hero--with-text {
  display: flex;
  align-items: center;
  min-height: 420px;
}

/* "to left" ולא "90deg": הכיוון מתהפך אוטומטית ב-RTL,
   כך שהצד הכהה תמיד יהיה מתחת לטקסט */
.asfire-hero.asfire-hero--with-text::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to left,
              rgba(20, 20, 20, 0.72) 0%,
              rgba(20, 20, 20, 0.4) 55%,
              rgba(20, 20, 20, 0.05) 100%);
}

.asfire-hero-content {
  position: relative;
  z-index: 2;
  max-width: 640px;
  padding: 0 48px;
  color: #fff;
}

.asfire-hero-content h1 {
  color: #fff;
  font-size: 38px;
  margin-bottom: 16px;
}

.asfire-hero-content p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 28px;
}

/* ---------- כפתור פיל (pill) עם מסגרת אדומה ---------- */
.asfire-hero-cta,
.readmore a,
.btn-readmore,
.asfire-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #fff;
  color: var(--asfire-red) !important;
  border: 1.5px solid var(--asfire-red);
  padding: 10px 26px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.asfire-hero-cta:hover,
.readmore a:hover,
.btn-readmore:hover,
.asfire-btn-outline:hover {
  background-color: var(--asfire-red);
  color: #fff !important;
  transform: translateY(-1px);
}

/* כפתור מלא (אדום מלא, לשימוש בולט יותר) */
.asfire-btn-solid {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--asfire-red);
  color: #fff !important;
  border: 1.5px solid var(--asfire-red);
  padding: 10px 26px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.asfire-btn-solid:hover {
  background-color: var(--asfire-red-dark);
  transform: translateY(-1px);
}

/* ---------- תגית אייקון (ריבוע אדום עם סמל) ---------- */
.asfire-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: var(--asfire-red);
  color: #fff;
  margin-bottom: 18px;
}

.asfire-icon-badge svg {
  width: 26px;
  height: 26px;
  fill: #fff;
}

/* ---------- כרטיסי שירות ---------- */
.asfire-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  margin: 32px 0;
}

.asfire-card {
  background: #fff;
  border: 1px solid var(--asfire-border);
  border-radius: var(--asfire-radius);
  padding: 28px 24px;
  box-shadow: var(--asfire-shadow);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  text-align: center;
}

.asfire-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--asfire-shadow-hover);
}

.asfire-card .asfire-card-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--asfire-red-light);
  color: var(--asfire-red);
  font-size: 24px;
}

.asfire-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.asfire-card p {
  color: var(--asfire-muted);
  font-size: 14px;
}

/* ---------- קטע "אודות" — טקסט מול תמונה ---------- */
.asfire-about-row {
  display: flex;
  align-items: center;
  gap: 48px;
  margin: 56px 0;
  flex-wrap: wrap;
}

.asfire-about-row > .asfire-about-text {
  flex: 1 1 380px;
}

.asfire-about-row > .asfire-about-image {
  flex: 1 1 380px;
}

.asfire-about-row > .asfire-about-image img {
  width: 100%;
  border-radius: var(--asfire-radius);
  box-shadow: var(--asfire-shadow);
  display: block;
}

.asfire-about-text h2 {
  font-size: 26px;
  margin-bottom: 14px;
}

.asfire-about-text p {
  color: var(--asfire-muted);
  margin-bottom: 24px;
}

/* ---------- רשימת מאמרים (Category Blog) ---------- */
.blog .items-row,
.category-blog .items-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}

.blog .item,
.blog-item,
.category-blog .item {
  background: #fff;
  border: 1px solid var(--asfire-border);
  border-radius: var(--asfire-radius);
  padding: 20px;
  box-shadow: var(--asfire-shadow);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.blog .item:hover,
.category-blog .item:hover {
  box-shadow: var(--asfire-shadow-hover);
  transform: translateY(-2px);
}

.blog .item img,
.category-blog .item img {
  border-radius: 8px;
  margin-bottom: 12px;
}

/* ---------- תיבת צד ---------- */
.asfire-sidebar-box {
  background: var(--asfire-bg-soft);
  border-radius: var(--asfire-radius);
  padding: 20px;
  border: 1px solid var(--asfire-border);
}

/* ==========================================================================
   מובייל
   ========================================================================== */
@media (max-width: 991px) {
  .container-nav .grid-child {
    justify-content: center;
  }

  .asfire-header-logo img {
    height: 44px;
  }
}

@media (max-width: 767px) {
  .asfire-hero {
    min-height: 220px;
  }

  .asfire-hero.asfire-hero--with-text {
    min-height: 300px;
  }

  .asfire-hero-content {
    padding: 0 24px;
  }

  .asfire-hero-content h1 {
    font-size: 24px;
  }

  .asfire-cards {
    grid-template-columns: 1fr;
  }

  .asfire-about-row {
    gap: 24px;
  }

  .asfire-contact-bar {
    font-size: 13px;
    gap: 12px;
  }
}
/* רקע לבן להדר במקום הכחול של ברירת המחדל של Cassiopeia */
.container-header,
header.header {
  background: #ffffff !important;
  background-image: none !important;
}
html, body {
  direction: rtl;
}
/* ==========================================================
   רשימת מוצרים/שירותים נפתחת עם אייקונים מצוירים
   ASFIRE.CO.IL — לחיצה על שורה פותחת תיאור
   ========================================================== */
.asfire-list {
  direction: rtl;
  margin: 24px 0;
}

/* --- הכותרת הראשית הנפתחת ---
   בוטל המילוי האדום (החץ הלבן לא היה נראה עליו) — עכשיו רקע בהיר
   עם מסגרת, וחץ אדום, באותו סגנון כמו השורות המקוננות למטה. */
.asfire-list > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  font-size: 19px;
  font-weight: 700;
  color: var(--asfire-ink);
  background: #fff;
  border: 1px solid var(--asfire-border);
  border-radius: 8px;
  list-style: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.asfire-list > summary::-webkit-details-marker { display: none; }

.asfire-list > summary:hover {
  background: var(--asfire-red-light);
  border-color: var(--asfire-red);
}

.asfire-list > summary::before { content: none; }

.asfire-list > summary::after {
  content: "";
  margin-right: auto;
  width: 11px;
  height: 11px;
  border-left: 2.5px solid var(--asfire-red);
  border-bottom: 2.5px solid var(--asfire-red);
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.asfire-list[open] > summary::after {
  transform: rotate(135deg);
}

.asfire-list[open] > summary {
  border-radius: 8px 8px 0 0;
  background: var(--asfire-red-light);
  border-color: var(--asfire-red);
}

/* כותרת קבוצה */
.asfire-list h3 {
  margin: 0;
  padding: 11px 14px;
  font-size: 16px;
  font-weight: 700;
  color: var(--asfire-red);
  background: var(--asfire-red-light);
  border-right: 4px solid var(--asfire-red);
}

/* שורה נפתחת */
.asfire-list details {
  border-bottom: 1px solid var(--asfire-border);
  background: #fff;
}

.asfire-list summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: var(--asfire-ink);
  list-style: none;
  transition: background 0.15s ease;
}

.asfire-list summary::-webkit-details-marker { display: none; }

.asfire-list summary:hover {
  background: #fdf6f5;
}

/* האייקון */
.asfire-list summary::before {
  content: "";
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* חץ הפתיחה */
.asfire-list summary::after {
  content: "";
  flex: 0 0 auto;
  margin-right: auto;
  width: 9px;
  height: 9px;
  border-left: 2px solid var(--asfire-red);
  border-bottom: 2px solid var(--asfire-red);
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.asfire-list details[open] > summary::after {
  transform: rotate(135deg);
}

.asfire-list details[open] > summary {
  background: #fdf6f5;
  color: var(--asfire-red);
}

/* התיאור */
.asfire-list details > p {
  margin: 0;
  padding: 2px 56px 16px;
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--asfire-muted);
  background: #fdf6f5;
}

@media (max-width: 575px) {
  .asfire-list summary { font-size: 14px; padding: 10px; gap: 9px; }
  .asfire-list summary::before { width: 24px; height: 24px; }
  .asfire-list details > p { padding: 2px 12px 14px; font-size: 14px; }
  .asfire-list h3 { font-size: 15px; padding: 10px; }
}

/* --- האייקונים --- */
.asfire-list summary.ai-alarm::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2016V11a6%206%200%200%200-12%200v5l-2%202.5h16z%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3Cpath%20d%3D%22M12%203V1.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-book::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204.5A1.5%201.5%200%200%201%205.5%203H18a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H5.5A1.5%201.5%200%200%200%204%2020.5z%22%2F%3E%3Cpath%20d%3D%22M4%2017.5A1.5%201.5%200%200%201%205.5%2016H19%22%2F%3E%3Cpath%20d%3D%22M8%207h7M8%2010h5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-build::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18%22%2F%3E%3Cpath%20d%3D%22M5%2021V9l7-4v16%22%2F%3E%3Cpath%20d%3D%22M12%2010l7%203v8%22%2F%3E%3Cpath%20d%3D%22M8%2012h1.5M8%2015.5h1.5M15%2015h1.5M15%2018h1.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-bulb::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200-3.5%2010.9c.6.5.9%201.2.9%201.9v.2h5.2v-.2c0-.7.3-1.4.9-1.9A6%206%200%200%200%2012%203z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-calendar::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%225%22%20width%3D%2217%22%20height%3D%2215.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3.5%209.5h17%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4%22%2F%3E%3Cpath%20d%3D%22M7.5%2013h3M13.5%2013h3M7.5%2016.5h3M13.5%2016.5h3%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-chart::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204v16h16%22%2F%3E%3Cpath%20d%3D%22M7.5%2016l3.2-4.6%203%202.6L19%207.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-check::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M8%2012.3l2.7%202.7L16.3%209.4%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-doc::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5%22%2F%3E%3Cpath%20d%3D%22M8.5%2013h7M8.5%2016.5h4.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-droplet::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.2c3.6%203.9%206%207.3%206%2010.1A6%206%200%200%201%206%2013.3c0-2.8%202.4-6.2%206-10.1z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-extinguisher::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%208h5a1%201%200%200%201%201%201v10a2%202%200%200%201-2%202h-3a2%202%200%200%201-2-2V9a1%201%200%200%201%201-1z%22%2F%3E%3Cpath%20d%3D%22M10.5%208V5.5h3V8%22%2F%3E%3Cpath%20d%3D%22M13.5%206.2h3.2l1.8-2%22%2F%3E%3Cpath%20d%3D%22M9%2012h6%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-fan::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2010c0-3.5-.8-6-2.5-6S6.5%206%208.5%208.5c1%201.2%202.3%201.5%203.5%201.5z%22%2F%3E%3Cpath%20d%3D%22M14%2012c3.5%200%206-.8%206-2.5S17.5%206.5%2015%208.5c-1.2%201-1.5%202.3-1%203.5z%22%2F%3E%3Cpath%20d%3D%22M12%2014c0%203.5.8%206%202.5%206s3-2.5%201-5c-1-1.2-2.3-1.5-3.5-1z%22%2F%3E%3Cpath%20d%3D%22M10%2012c-3.5%200-6%20.8-6%202.5s2.5%203%205%201c1.2-1%201.5-2.3%201-3.5z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-flask::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.5%203h5%22%2F%3E%3Cpath%20d%3D%22M10.5%203v6.2L5.8%2018a2.2%202.2%200%200%200%201.9%203.3h8.6a2.2%202.2%200%200%200%201.9-3.3L13.5%209.2V3%22%2F%3E%3Cpath%20d%3D%22M8%2015h8%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-folder::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h4l2%202.5h8a2%202%200%200%201%202%202V18a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M3%2010.5h18%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-fuel::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V5a2%202%200%200%201%202-2h5a2%202%200%200%201%202%202v16%22%2F%3E%3Cpath%20d%3D%22M3%2021h11%22%2F%3E%3Cpath%20d%3D%22M6.5%207h4v3.5h-4z%22%2F%3E%3Cpath%20d%3D%22M13%209h3.5a1.5%201.5%200%200%201%201.5%201.5V17a1.5%201.5%200%200%200%203%200v-6l-2.5-3%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-medal::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%225.5%22%2F%3E%3Cpath%20d%3D%22M9.7%2014.3%208.5%2021l3.5-2%203.5%202-1.2-6.7%22%2F%3E%3Cpath%20d%3D%22M12%207.2l.9%201.8%202%20.3-1.45%201.4.35%202-1.8-.95-1.8.95.35-2L9.1%209.3l2-.3z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-pump::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2212.5%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2212.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M10%207.5V4h5%22%2F%3E%3Cpath%20d%3D%22M15%202.6v2.8%22%2F%3E%3Cpath%20d%3D%22M5%2012.5H2.4%22%2F%3E%3Cpath%20d%3D%22M3.5%2020.5h13%22%2F%3E%3Cpath%20d%3D%22M7%2017.2v3.3M13%2017.2v3.3%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-reel::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%203.5V9M20.5%2012H15M12%2020.5V15M3.5%2012H9%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-ruler::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%228.5%22%20width%3D%2219%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6.5%208.5v3M10%208.5v4.5M13.5%208.5v3M17%208.5v4.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-search::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M15.3%2015.3%2021%2021%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-speaker::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%209.5h3.5L13%205v14l-5.5-4.5H4z%22%2F%3E%3Cpath%20d%3D%22M16.5%209a4.5%204.5%200%200%201%200%206%22%2F%3E%3Cpath%20d%3D%22M19%206.5a8%208%200%200%201%200%2011%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-sprinkler::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18%22%2F%3E%3Cpath%20d%3D%22M12%205v3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.6%22%20r%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M7.5%2013.5c.9%201.5%201.3%202.4%201.3%203a1.3%201.3%200%201%201-2.6%200c0-.6.4-1.5%201.3-3z%22%2F%3E%3Cpath%20d%3D%22M12%2014.5c.9%201.5%201.3%202.4%201.3%203a1.3%201.3%200%201%201-2.6%200c0-.6.4-1.5%201.3-3z%22%2F%3E%3Cpath%20d%3D%22M16.5%2013.5c.9%201.5%201.3%202.4%201.3%203a1.3%201.3%200%201%201-2.6%200c0-.6.4-1.5%201.3-3z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-tap::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206.5h9.5V12%22%2F%3E%3Cpath%20d%3D%22M8%206.5V3.2M6%203.2h4%22%2F%3E%3Cpath%20d%3D%22M10.5%2012h4%22%2F%3E%3Cpath%20d%3D%22M12.5%2014.8c1.2%201.8%201.8%203%201.8%203.7a1.8%201.8%200%201%201-3.6%200c0-.7.6-1.9%201.8-3.7z%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-truck::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2016.5V9a1%201%200%200%201%201-1h9v8.5%22%2F%3E%3Cpath%20d%3D%22M12%2011h4l3.5%203.5v2H12z%22%2F%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2217.5%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2217.5%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2012.5h10%22%2F%3E%3Cpath%20d%3D%22M8.5%205h3v3%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-valve::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4M17%2012h4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%208V4M9.5%204h5%22%2F%3E%3Cpath%20d%3D%22M9.6%2013.8%2014.4%2010.2%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-list summary.ai-wrench::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.4%205.2%2017%208.6l-2.6-.4-.4-2.6%203.4-3.4a5.2%205.2%200%200%200-6.6%206.4l-7%207a2%202%200%201%200%202.8%202.8l7-7a5.2%205.2%200%200%200%206.8-6.2z%22%2F%3E%3C%2Fsvg%3E"); }
/* --- חיזוק קריאות הטקסט על ההירו --- */
.asfire-hero.asfire-hero--with-text::before {
  background: linear-gradient(to left,
              rgba(15, 15, 20, 0.88) 0%,
              rgba(15, 15, 20, 0.66) 45%,
              rgba(15, 15, 20, 0.12) 100%);
}

.asfire-hero-content h1,
.asfire-hero-content p {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.asfire-hero-content p {
  color: rgba(255, 255, 255, 0.95);
}


/* ==========================================================
   עמוד מרכז - שירותי כבאות 102 (טפסים, נהלים ורגולציה)
   ========================================================== */
.asfire-links {
  direction: rtl;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
  margin: 28px 0;
}

.asfire-links .rl-card {
  display: block;
  background: #fff;
  border: 1px solid var(--asfire-border);
  border-radius: var(--asfire-radius);
  padding: 22px 22px 18px;
  box-shadow: var(--asfire-shadow);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.asfire-links .rl-card:hover {
  transform: translateY(-3px);
  border-color: var(--asfire-red);
  box-shadow: var(--asfire-shadow-hover);
}

.asfire-links .rl-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.asfire-links .rl-head::before {
  content: "";
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background-color: var(--asfire-red-light);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
}

.asfire-links h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  color: var(--asfire-ink);
  line-height: 1.35;
}

.asfire-links p {
  margin: 0 0 16px;
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--asfire-muted);
}

.asfire-links .rl-go {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  color: var(--asfire-red);
  text-decoration: none;
}

.asfire-links .rl-go::after {
  content: "\2190";
  font-size: 16px;
  line-height: 1;
}

.asfire-links .rl-go:hover { text-decoration: underline; }

@media (max-width: 575px) {
  .asfire-links { grid-template-columns: 1fr; gap: 14px; }
  .asfire-links .rl-card { padding: 18px 16px 16px; }
  .asfire-links h3 { font-size: 16px; }
}

/* --- האייקונים --- */
.asfire-links .rl-book .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204.5A1.5%201.5%200%200%201%205.5%203H18a1%201%200%200%201%201%201v14a1%201%200%200%201-1%201H5.5A1.5%201.5%200%200%200%204%2020.5z%22%2F%3E%3Cpath%20d%3D%22M4%2017.5A1.5%201.5%200%200%201%205.5%2016H19%22%2F%3E%3Cpath%20d%3D%22M8%207h7M8%2010h5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-links .rl-build .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18%22%2F%3E%3Cpath%20d%3D%22M5%2021V9l7-4v16%22%2F%3E%3Cpath%20d%3D%22M12%2010l7%203v8%22%2F%3E%3Cpath%20d%3D%22M8%2012h1.5M8%2015.5h1.5M15%2015h1.5M15%2018h1.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-links .rl-check .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M8%2012.3l2.7%202.7L16.3%209.4%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-links .rl-doc .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5%22%2F%3E%3Cpath%20d%3D%22M8.5%2013h7M8.5%2016.5h4.5%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-links .rl-folder .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h4l2%202.5h8a2%202%200%200%201%202%202V18a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M3%2010.5h18%22%2F%3E%3C%2Fsvg%3E"); }
.asfire-links .rl-search .rl-head::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e2231a%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M15.3%2015.3%2021%2021%22%2F%3E%3C%2Fsvg%3E"); }

/* ==========================================================
   תיקון תפריטים נפתחים (dropdown) בשורת הראש
   ========================================================== */
@media (min-width: 992px) {
  .container-nav .mod-menu > li.nav-item {
    position: relative;
  }

  .container-nav .mod-menu .mod-menu__sub {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 260px;
    max-height: 70vh;
    overflow-y: auto;
    margin: 0;
    z-index: 1000;
    text-align: right;
  }

  .container-nav .mod-menu > li.nav-item:hover > .mod-menu__sub,
  .container-nav .mod-menu > li.nav-item:focus-within > .mod-menu__sub {
    display: block;
  }

  .container-nav .mod-menu .mod-menu__sub li {
    list-style: none;
  }

  .container-nav .mod-menu .mod-menu__sub a {
    white-space: normal;
    line-height: 1.45;
  }
}


/* ==========================================================
   רכיב שלבים ממוספרים + תיבת הדגשה
   ========================================================== */
.asfire-steps {
  direction: rtl;
  counter-reset: asfire-step;
  margin: 28px 0;
}

.asfire-steps .step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid var(--asfire-border);
}

.asfire-steps .step:last-child { border-bottom: none; }

.asfire-steps .step::before {
  counter-increment: asfire-step;
  content: counter(asfire-step);
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--asfire-red);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.asfire-steps .step h3 {
  margin: 6px 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--asfire-ink);
}

.asfire-steps .step p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--asfire-muted);
}

/* תיבת הדגשה לציטוט רגולטורי */
.asfire-note {
  direction: rtl;
  background: var(--asfire-red-light);
  border-right: 4px solid var(--asfire-red);
  border-radius: 8px;
  padding: 18px 20px;
  margin: 28px 0;
}

.asfire-note h3 {
  margin: 0 0 10px;
  font-size: 17px;
  color: var(--asfire-red);
}

.asfire-note p,
.asfire-note li {
  font-size: 15px;
  line-height: 1.8;
  color: var(--asfire-ink);
}

.asfire-note p:last-child { margin-bottom: 0; }
.asfire-note .src {
  font-size: 13px;
  color: var(--asfire-muted);
  margin-top: 10px;
}

/* טבלת נתונים פשוטה */
.asfire-spec {
  direction: rtl;
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 15px;
}

.asfire-spec th,
.asfire-spec td {
  border: 1px solid var(--asfire-border);
  padding: 11px 14px;
  text-align: right;
}

.asfire-spec th {
  background: var(--asfire-red-light);
  color: var(--asfire-red);
  font-weight: 700;
}

@media (max-width: 575px) {
  .asfire-steps .step { gap: 12px; padding: 16px 0; }
  .asfire-steps .step::before { width: 36px; height: 36px; font-size: 16px; }
  .asfire-steps .step h3 { font-size: 16px; }
  .asfire-spec { font-size: 14px; }
  .asfire-spec th, .asfire-spec td { padding: 9px 10px; }
}


/* הסתרת פריט Home מהתפריט - הלוגו ממילא מקשר לדף הבית */
.container-nav .mod-menu > li.item-101 {
  display: none;
}

/* ===== רשימת מאמרים — רשת כרטיסים (במקום שורה ארוכה אחת) ===== */
.asfire-articles {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 24px 0 8px;
  padding: 0;
}
.asfire-articles li {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--asfire-border);
  border-radius: var(--asfire-radius);
  background: #fff;
  box-shadow: var(--asfire-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.asfire-articles li:hover {
  transform: translateY(-3px);
  box-shadow: var(--asfire-shadow-hover);
  border-color: var(--asfire-red);
}
.asfire-articles li::marker { content: ""; }

.asfire-articles a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  height: 100%;
  padding: 18px 14px;
  text-decoration: none;
  color: var(--asfire-ink);
}
.asfire-articles a:hover,
.asfire-articles a:focus-visible {
  text-decoration: none;
}
.asfire-articles a:focus-visible {
  outline: 2px solid var(--asfire-red);
  outline-offset: -2px;
  border-radius: var(--asfire-radius);
}

.asfire-articles img {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background: var(--asfire-red-light);
  object-fit: contain;
  padding: 6px;
}

.asfire-articles .t {
  font-size: .95rem;
  font-weight: 600;
  line-height: 1.4;
}
.asfire-articles li:hover .t,
.asfire-articles a:focus-visible .t { color: var(--asfire-red); }

@media (max-width: 991px) {
  .asfire-articles { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
  .asfire-articles { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .asfire-articles a { padding: 14px 10px; gap: 8px; }
  .asfire-articles img { width: 52px; height: 52px; }
  .asfire-articles .t { font-size: .85rem; }
}

/* רשת ביטחון: הסתרת פלט בלוג ריק בעמוד מאמרים */
.com-content-category-blog .com-content-category-blog__items:empty,
.com-content-category-blog .blog-items:empty,
.com-content-category-blog .pagination-wrapper:empty { display: none; }



/* תיבת חיפוש Smart Search - בגודל טבעי כמו שאר פריטי שורת הראש (לוגו/טלפון) */
.container-nav .grid-child > .container-search {
  flex: 0 0 auto;
}
.container-search {
  display: flex;
  align-items: center;
  margin: 0;
}
.container-search search,
.container-search form.mod-finder {
  display: flex;
  align-items: center;
  margin: 0;
}
.container-search input.js-finder-search-query {
  margin: 0;
  line-height: normal;
}


/* ==========================================================
   תפריט נייד — כפתור המבורגר וקיפול התפריט מתחת ל-991px
   נוסף: תיקון חוסר-hamburger בנייד (התפריט המלא היה נפתח תמיד)
   ========================================================== */
#asfire-nav-toggle {
  display: none;
}

@media (max-width: 991px) {
  #mod-menu1,
  #mod-custom125,
  .container-nav .container-search {
    display: none;
  }

  #asfire-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    flex: 0 0 auto;
  }

  #asfire-nav-toggle span {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    background: var(--asfire-ink);
    border-radius: 2px;
  }

  #asfire-nav-toggle span::before,
  #asfire-nav-toggle span::after {
    content: "";
    position: absolute;
    right: 0;
    width: 24px;
    height: 2px;
    background: var(--asfire-ink);
    border-radius: 2px;
    transition: transform 0.2s ease;
  }

  #asfire-nav-toggle span::before { top: -7px; }
  #asfire-nav-toggle span::after  { top: 7px; }

  body.asfire-nav-open #asfire-nav-toggle span {
    background: transparent;
  }

  body.asfire-nav-open #asfire-nav-toggle span::before {
    transform: translateY(7px) rotate(45deg);
  }

  body.asfire-nav-open #asfire-nav-toggle span::after {
    transform: translateY(-7px) rotate(-45deg);
  }

  body.asfire-nav-open #mod-menu1 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-height: 65vh;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid var(--asfire-border);
    padding-top: 6px;
    margin-top: 8px;
  }

  body.asfire-nav-open #mod-custom125 {
    display: block;
    width: 100%;
    padding: 14px 6px;
    border-top: 1px solid var(--asfire-border);
  }

  body.asfire-nav-open .container-nav .container-search {
    display: flex;
    width: 100%;
    padding: 10px 6px 14px;
  }
}

@media (min-width: 992px) {
  #asfire-nav-toggle {
    display: none !important;
  }
}


/* ==========================================================
   כפתור וואטסאפ צף
   ========================================================== */
.asfire-whatsapp-float {
  position: fixed;
  bottom: 22px;
  right: 22px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  z-index: 999;
  transition: transform 0.15s ease;
}

.asfire-whatsapp-float:hover {
  transform: scale(1.06);
}

.asfire-whatsapp-float svg {
  width: 30px;
  height: 30px;
}

@media (max-width: 575px) {
  .asfire-whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 16px;
    right: 16px;
  }

  .asfire-whatsapp-float svg {
    width: 26px;
    height: 26px;
  }
}

header.container-header {
    display: flex !important;
    width: 100% !important;
}
header.container-header > .grid-child:not(.container-nav) {
    display: none !important;
}
header.container-header > .grid-child.container-nav {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}