/*
 * חלק בקוד: theme/assets/css/services.css
 * קטלוג השירותים (ארכיון + עמודי קהל + קטגוריה) עם פילטרים, ועמוד שירות בודד: כותרת, שתי עמודות (תוכן | תיבת מחיר דביקה),
 * "מה כלול", מסמכים, שאלות, FAQ, טופס הצעת מחיר. כרטיסי השירות עצמם מגיעים מהתוסף (.ls-card).
 */

.ls-services-archive { padding-block: var(--ls-space-12); }
.ls-services-archive__header { max-width: 72ch; margin: 0 0 var(--ls-space-8); }
.ls-services-archive__title { font-family: var(--ls-font-display); font-size: var(--ls-fs-h1); margin: 0 0 var(--ls-space-2); }
.ls-services-archive__subtitle { color: var(--ls-color-muted); font-size: 18px; }
.ls-services-archive__subtitle p { margin: 0; }

/* Filters */
.ls-filters { display: flex; gap: var(--ls-space-2); flex-wrap: wrap; align-items: center; margin: 0 0 var(--ls-space-8); }
.ls-filters__chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: var(--ls-radius-pill); border: 1px solid var(--ls-color-line); background: var(--ls-color-panel); color: var(--ls-color-ink); font-size: 14px; font-weight: 600; text-decoration: none; transition: background .15s, color .15s; }
.ls-filters__chip:hover { border-color: var(--ls-color-gold); color: var(--ls-color-gold-dark); }
.ls-filters__chip.is-active { background: var(--ls-color-gold); border-color: var(--ls-color-gold); color: var(--ls-color-panel); }
.ls-filters__chip span { opacity: .7; font-weight: 400; }
.ls-filters__search { margin-inline-start: auto; display: flex; gap: 6px; }
.ls-filters__search input { border: 1px solid var(--ls-color-line); border-radius: var(--ls-radius-ledger); padding: 8px 12px; background: var(--ls-color-panel); font: 15px var(--ls-font-body); min-width: 220px; }

/* Legacy card class kept for compatibility */
.ls-service-card { display: contents; }

/* Single service */
.ls-service-detail { padding-block: var(--ls-space-12); }
.ls-service-detail__header { max-width: 72ch; margin-block-end: var(--ls-space-8); }
.ls-service-detail__kicker { font-size: var(--ls-fs-label); font-weight: 700; letter-spacing: var(--ls-ls-label); text-transform: uppercase; color: var(--ls-color-gold-dark); margin: 0 0 var(--ls-space-2); }
.ls-service-detail__kicker a { color: inherit; text-decoration: none; }
.ls-service-detail__title { font-family: var(--ls-font-display); font-size: var(--ls-fs-h1); margin: 0 0 var(--ls-space-3); line-height: var(--ls-lh-tight); }
.ls-service-detail__short { font-size: 19px; color: var(--ls-color-muted); margin: 0 0 var(--ls-space-4); }
.ls-service-detail__meta { display: flex; gap: var(--ls-space-4) var(--ls-space-6); flex-wrap: wrap; font-size: var(--ls-fs-small); color: var(--ls-color-muted); }
.ls-service-detail__meta strong { color: var(--ls-color-ink); }
.ls-service-detail__layout { display: grid; grid-template-columns: 1fr; gap: var(--ls-space-8); align-items: start; }
@media (min-width: 900px) { .ls-service-detail__layout { grid-template-columns: minmax(0, 1fr) 360px; } }
.ls-service-detail__main { min-width: 0; }
.ls-service-detail__longdesc { font-size: 17px; }
.ls-service-detail__longdesc > :first-child { margin-top: 0; }
.ls-service-detail__section { margin-block-start: var(--ls-space-8); }
.ls-service-detail__section h2 { font-family: var(--ls-font-display); font-size: 24px; margin: 0 0 var(--ls-space-4); }
.ls-service-detail__included, .ls-service-detail__docs, .ls-service-detail__intake { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ls-space-2); }
.ls-service-detail__included li { position: relative; padding-inline-start: 34px; }
.ls-service-detail__included li::before { content: "✓"; position: absolute; inset-inline-start: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; background: var(--ls-color-status-active-bg); color: var(--ls-color-status-active); display: grid; place-items: center; font-size: 13px; font-weight: 700; }
.ls-service-detail__docs li, .ls-service-detail__intake li { padding: var(--ls-space-3) var(--ls-space-4); background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); border: 1px solid var(--ls-color-line-soft); }
.ls-service-detail__docs li p { margin: 4px 0 0; color: var(--ls-color-muted); font-size: 15px; }
.ls-service-detail__badge { display: inline-block; margin-inline-start: 6px; padding: 1px 8px; border-radius: var(--ls-radius-pill); background: var(--ls-color-status-pending-bg); color: var(--ls-color-status-pending); font-size: 12px; font-weight: 700; vertical-align: middle; }
.ls-service-detail__badge--soft { background: var(--ls-color-bg-2); color: var(--ls-color-muted); }
.ls-faq { display: grid; gap: var(--ls-space-2); }
.ls-faq details { background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); border: 1px solid var(--ls-color-line-soft); padding: var(--ls-space-3) var(--ls-space-4); }
.ls-faq summary { font-weight: 700; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.ls-faq summary::after { content: "+"; color: var(--ls-color-gold-dark); font-size: 20px; line-height: 1; }
.ls-faq details[open] summary::after { content: "−"; }
.ls-faq details p { margin: var(--ls-space-2) 0 0; color: var(--ls-color-muted); }

/* Sticky price box */
.ls-service-detail__sidebar { position: sticky; top: 96px; }
.ls-service-detail__price-box { background: var(--ls-color-panel); border-block-start: var(--ls-border-card-top); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-6); }
.ls-service-detail__price-label { font-size: var(--ls-fs-label); font-weight: 700; letter-spacing: var(--ls-ls-label); text-transform: uppercase; color: var(--ls-color-muted); margin: 0 0 var(--ls-space-1); }
.ls-service-detail__price { font-family: var(--ls-font-display); font-size: 38px; font-weight: 700; color: var(--ls-color-gold-dark); margin: 0 0 var(--ls-space-2); line-height: 1.1; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.ls-service-detail__price--quote { font-size: 26px; }
.ls-service-detail__price-vat { font-family: var(--ls-font-body); font-size: 13px; font-weight: 500; color: var(--ls-color-muted); }
.ls-service-detail__price-note { color: var(--ls-color-muted); font-size: 15px; margin: 0 0 var(--ls-space-4); }
.ls-service-detail__cta { width: 100%; }
.ls-service-detail__price-meta { font-size: var(--ls-fs-small); color: var(--ls-color-muted); margin: var(--ls-space-4) 0 0; }
.ls-service-detail__trust { list-style: none; margin: var(--ls-space-4) 0 0; padding: var(--ls-space-4) 0 0; border-block-start: 1px solid var(--ls-color-line-soft); font-size: 14px; color: var(--ls-color-muted); display: grid; gap: 6px; }
.ls-service-detail__trust li::before { content: "🔒 "; }
.ls-service-detail__trust li:nth-child(2)::before { content: "💬 "; }
.ls-service-detail__trust li:nth-child(3)::before { content: "📄 "; }
.ls-service-detail__price-box .ls-quote-form { margin-top: var(--ls-space-2); }
.ls-service-detail__price-box .ls-intake { padding: var(--ls-space-3); }

/* Category archive header */
.ls-cat-desc { color: var(--ls-color-muted); max-width: 72ch; }