/* ====== HEADER / BRAND BAR – KEEP AS IS ====== */
.commonStyle__zt3BrandBg {
  background-color: #B7C833; /* שומר על הירוק שלך */
}

/* ====== GLOBAL RTL & TYPO ====== */
html, body {
  direction: rtl !important;
  unicode-bidi: embed !important;
  font-family: Calibri, Tahoma, Arial, "Segoe UI", "Rubik", "Noto Sans Hebrew", sans-serif !important;
  color: #0f172a;
}

/* לא ליישר לימין בפס העליון עצמו */
.commonStyle__zt3BrandBg * { text-align: inherit !important; }

/* ברירת מחדל כללית לימין בכל האתר מתחת לבר העליון */
body * { text-align: right; }

/* ====== LAYOUT CONTAINER (מתחת ללוגו) ====== */
body .content, 
body .container, 
body .mainContent, 
body .kb-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 20px;
}

/* ====== BREADCRUMBS ====== */
nav[aria-label="breadcrumb"], 
.breadcrumbs, 
.zd-breadcrumbs {
  font-size: 14px;
  color: #6b7280;
  margin: 8px 0 12px;
}
nav[aria-label="breadcrumb"] a,
.breadcrumbs a,
.zd-breadcrumbs a {
  color: #6b7280;
  text-decoration: none;
}
nav[aria-label="breadcrumb"] a:hover,
.breadcrumbs a:hover,
.zd-breadcrumbs a:hover { text-decoration: underline; }

/* ====== SEARCH BAR (העליון והביתי) ====== */
input[type="search"],
input.search-input,
.form-control[type="search"],
.header-search input,
.home-search input {
  width: 100%;
  max-width: 520px;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}
input[type="search"]:focus,
input.search-input:focus,
.form-control[type="search"]:focus,
.header-search input:focus,
.home-search input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 6px rgba(56,189,248,.25);
}

/* כפתור חיפוש אם יש אייקון/כפתור צמוד */
.search-button, .btn-search {
  border-radius: 999px;
}

/* ====== SECTION TITLES / קטגוריות ראשיות ====== */
h1, .page-title { 
  font-size: clamp(22px, 3.6vw, 30px);
  font-weight: 800;
  margin: 8px 0 20px;
}
h2, .category-title, .section-title {
  font-size: clamp(18px, 2.6vw, 22px);
  font-weight: 700;
  margin: 6px 0 14px;
}

/* ====== גריד של קטגוריות/מוצרים (כמו בצילום מסך) ====== */
/* נתפוס מגוון שמות נפוצים, זה יתלבש על הגריד שיש אצלך */
.kb-grid, .category-grid, .solution-grid, .topics-grid, .cards-grid,
[class*="grid"] [class*="column"], /* fallback */
.category-list, .topics-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

/* מסכים צרים */
@media (max-width: 1100px){
  .kb-grid, .category-grid, .solution-grid, .topics-grid, .cards-grid,
  .category-list, .topics-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px){
  .kb-grid, .category-grid, .solution-grid, .topics-grid, .cards-grid,
  .category-list, .topics-list {
    grid-template-columns: 1fr !important;
  }
}

/* ====== כרטיס לקטגוריה / מוצר ====== */
.category-card, .topic-card, .solution-card, .kb-card,
[class*="category"] .card, [class*="topic"] .card, [class*="solution"] .card,
[class*="category"] .panel, [class*="topic"] .panel, [class*="solution"] .panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px 18px 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  min-height: 220px;
}

.category-card:hover, .topic-card:hover, .solution-card:hover, .kb-card:hover,
[class*="category"] .card:hover, [class*="topic"] .card:hover, [class*="solution"] .card:hover,
[class*="category"] .panel:hover, [class*="topic"] .panel:hover, [class*="solution"] .panel:hover {
  transform: translateY(-2px);
  border-color: #d1d5db;
  box-shadow: 0 10px 26px rgba(0,0,0,.08);
}

/* כותרת בתוך כרטיס */
.category-card h3, .topic-card h3, .solution-card h3, .kb-card h3,
[class*="card"] h3, [class*="panel"] h3 {
  font-size: 20px;
  font-weight: 800;
  margin: 2px 0 4px;
}

/* תת-כותרת אפורה */
.category-card .subtitle, .topic-card .subtitle, .solution-card .subtitle, .kb-card .subtitle,
[class*="card"] .subtitle, [class*="panel"] .subtitle,
.category-card .desc, .topic-card .desc { 
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 8px;
}

/* ====== רשימת מאמרים קצרה בתוך כרטיס ====== */
.category-card ul, .topic-card ul, .solution-card ul, .kb-card ul,
[class*="card"] ul, [class*="panel"] ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.category-card li, .topic-card li, .solution-card li, .kb-card li,
[class*="card"] li, [class*="panel"] li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px dashed #f0f2f5;
}
.category-card li:last-child,
.topic-card li:last-child,
.solution-card li:last-child,
.kb-card li:last-child { border-bottom: none; }

.category-card li a, .topic-card li a, .solution-card li a, .kb-card li a,
[class*="card"] li a, [class*="panel"] li a {
  color: #111827;
  text-decoration: none;
  line-height: 1.45;
}
.category-card li a:hover,
.topic-card li a:hover,
.solution-card li a:hover,
.kb-card li a:hover { text-decoration: underline; }

/* אייקון “עוד”/שלוש נקודות – יישור לימין ב-RTL */
.category-card .more, .topic-card .more, .solution-card .more, .kb-card .more,
[class*="card"] .more, [class*="panel"] .more {
  margin-inline-start: auto;
}

/* ====== לינק “עוד” בתחתית כרטיס ====== */
a.more-link, .see-more, .show-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #2563eb;
  text-decoration: none;
}
a.more-link:hover, .see-more:hover, .show-more:hover { text-decoration: underline; }

/* ====== מרווחים אנכיים כלליים ====== */
section, .section, .kb-section { margin: 18px 0 26px; }

/* ====== טבלאות/רשימות ניטרליות (אם מופיעות) ====== */
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #e5e7eb; padding: 10px 12px; }
th { background: #f8fafc; font-weight: 700; }

/* ====== קישורים כלליים ====== */
a { color: #0f172a; }
a:hover { color: #1d4ed8; }

/* ====== אלמנטים קטנים של UI שהיו אפרפרים מדי ====== */
.badge, .label, .tag {
  background: #f1f5f9;
  color: #0f172a;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
}