/* עיצוב אינדקס העסקים – מוגבל ל-body.business-directory-body */
body.business-directory-body .re-i { width: 1.15em; height: 1.15em; flex: none; }
.business-directory-body { --dir-accent: #f5b83d; }

/* כותרת קומפקטית בלי רקע */
.business-directory-page { padding-top: 38px; }
.business-directory-page .news-archive-header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-bottom: 26px; }
.business-directory-page .news-archive-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.business-directory-page .news-archive-breadcrumb li:last-child { flex-basis: auto; margin: 0; }
.business-directory-page .news-archive-breadcrumb li:first-child a { display: inline-flex; align-items: center; min-height: 30px; padding: 0 14px; border-radius: 999px; background: var(--brand-50); border: 1px solid var(--brand-200); color: var(--brand-700); font-size: .875rem; font-weight: 700; text-decoration: none; transition: background-color .15s, color .15s; }
.business-directory-page .news-archive-breadcrumb li:first-child a:hover { background: var(--brand-600); border-color: var(--brand-600); color: #fff; }
.business-directory-page .news-archive-breadcrumb li[aria-hidden="true"] { font-size: 0; display: inline-flex; }
.business-directory-page .news-archive-breadcrumb li[aria-hidden="true"]::before { content: ""; width: 8px; height: 8px; border-inline-start: 2px solid var(--ink-300); border-bottom: 2px solid var(--ink-300); transform: rotate(45deg); }
.business-directory-page .news-archive-breadcrumb h1 { color: var(--brand-800); font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.4rem); font-weight: 900; line-height: 1.1; }
.dir-tagline { padding-inline-start: 18px; border-inline-start: 2px solid var(--ink-200); margin: 0; color: var(--ink-500); font-size: 1.0625rem; font-weight: 500; }
.business-directory-page .news-archive-header p { flex-basis: 100%; margin: 0; }
@media (max-width: 640px) { .dir-tagline { flex-basis: 100%; padding-inline-start: 0; border-inline-start: 0; } }

/* סינון */
.business-directory-filters { grid-template-columns: 1fr 1fr; align-items: end; gap: 8px 10px; margin-bottom: 12px; padding: 12px 14px; border-radius: 16px; box-shadow: 0 2px 10px rgb(14 21 18 / .05); }
.business-directory-filters .business-directory-search-field { grid-column: 1 / -1; }
.business-directory-filters > label { gap: 3px; }
.dir-label { display: flex; align-items: center; gap: 5px; color: var(--ink-600); font-size: .8125rem; font-weight: 700; }
.dir-label .re-i { width: 1em; height: 1em; color: var(--brand-500); }
.business-directory-filters :where(input, select) { min-height: 38px; border-radius: 10px; font-size: .875rem; background-color: var(--ink-50); }
.business-directory-filters :where(input, select):focus { border-color: var(--brand-500); background-color: #fff; box-shadow: 0 0 0 3px rgb(19 138 85 / .15); outline: none; }
.business-directory-filter-prompt { grid-column: 1 / -1; font-size: .8125rem; }
.business-directory-filter-actions { grid-column: 1 / -1; }
.business-directory-filter-actions a { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; padding: 0 12px; border-radius: 10px; background: var(--accent-50); color: var(--accent-700); font-weight: 700; text-decoration: none; }
.business-directory-filter-actions a:hover { background: var(--accent-100); }
@media (min-width: 900px) {
  .business-directory-filters { grid-template-columns: 1.6fr 1fr 1fr auto; }
  .business-directory-filters .business-directory-search-field { grid-column: auto; }
  .business-directory-filter-prompt { grid-column: 1 / -1; margin-top: -2px; }
  .business-directory-filter-actions { grid-column: auto; }
}

.business-directory-results-status { margin-bottom: 10px; }
.business-directory-results-status:not(:empty) { display: inline-block; padding: 3px 12px; border-radius: 999px; background: var(--brand-100); color: var(--brand-800); font-weight: 700; }

/* כרטיסים */
.business-directory-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 18px; }
.directory-business-card { grid-template-columns: 84px minmax(0, 1fr); align-items: start; padding: 18px; border-radius: 20px; border-top: 4px solid var(--brand-500); box-shadow: 0 4px 16px rgb(14 21 18 / .06); overflow: hidden; }
.directory-business-card:nth-child(4n+2) { border-top-color: #ea7a10; }
.directory-business-card:nth-child(4n+3) { border-top-color: #2563eb; }
.directory-business-card:nth-child(4n+4) { border-top-color: #7c3aed; }
.directory-business-card:hover { transform: translateY(-5px); border-color: var(--brand-200); box-shadow: 0 16px 34px rgb(14 21 18 / .13); }
.directory-business-logo { width: 84px; border-radius: 18px; background: linear-gradient(135deg, var(--brand-50), var(--brand-100)); color: var(--brand-700); font: 700 2rem var(--font-display); box-shadow: inset 0 0 0 1px rgb(11 113 69 / .08); }
.directory-business-card:hover .directory-business-logo img { transform: scale(1.06); }
.directory-business-logo img { transition: transform .3s ease; }
.directory-business-category { padding: 3px 11px; border-radius: 999px; background: var(--brand-50); color: var(--brand-700); font-size: .8125rem; font-weight: 700; }
.directory-business-copy { gap: 4px; }
.directory-business-copy h2 { margin: 6px 0 2px; font-size: 1.25rem; }
.directory-business-subcategories { position: relative; padding-inline-start: 22px; }
.directory-business-copy p { position: relative; }
.directory-business-subcategories::before, .directory-business-copy p:not(.directory-business-subcategories)::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .2em; width: 15px; height: 15px; background: var(--brand-500);
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat;
}
.directory-business-subcategories::before { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3C/svg%3E"); }
.directory-business-copy p:not(.directory-business-subcategories) { padding-inline-start: 22px; }
.directory-business-copy p:not(.directory-business-subcategories)::before { background: var(--accent-600); --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.directory-business-link { margin-top: 10px; padding: 6px 14px; border-radius: 999px; background: linear-gradient(135deg, var(--brand-700), var(--brand-500)); color: #fff; font-weight: 700; transition: transform .15s, box-shadow .15s; }
.directory-business-card:hover .directory-business-link { transform: translateX(-3px); box-shadow: 0 6px 14px rgb(11 113 69 / .3); }

/* מצב ריק */
.business-directory-page .archive-empty-state { border: 2px dashed var(--ink-200); border-radius: 20px; background: var(--surface); }
@media (prefers-reduced-motion: reduce) { .business-directory-body * { transition: none !important; } }

.dir-title { display: inline-flex; align-items: center; gap: 12px; margin: 0; color: var(--brand-800); font: 700 clamp(1.75rem, 1.4rem + 1.6vw, 2.4rem)/1.1 var(--font-display); }
.dir-title .re-i { width: 1em; height: 1em; padding: 7px; box-sizing: content-box; border-radius: 14px; background: var(--brand-100); color: var(--brand-600); }