/*
 * חלק בקוד: theme/assets/css/page.css
 * עמודים סטטיים (אודות, צור קשר, FAQ, נגישות, פרטיות, תנאים, קישורים) + בלוג (ארכיון ומאמר בודד):
 * עמודה צרה וקריאה, טיפוגרפיית פרוזה בסגנון Ledger, כרטיס פרטי קשר, ניווט בין מאמרים.
 */

.ls-page, .ls-article { padding-block: var(--ls-space-12); }
.ls-page__inner, .ls-article__inner { max-width: 820px; margin-inline: auto; padding-inline: var(--ls-space-4); }
.ls-page__header, .ls-article__header { margin-block-end: var(--ls-space-8); }
.ls-page__title, .ls-article__title { font-family: var(--ls-font-display); font-size: var(--ls-fs-h1); line-height: var(--ls-lh-tight); margin: 0 0 var(--ls-space-3); }
.ls-page__title::after, .ls-article__title::after { content: ""; display: block; width: 56px; height: 3px; background: var(--ls-color-gold); margin-top: var(--ls-space-4); border-radius: 2px; }
.ls-article__meta { color: var(--ls-color-faint); font-size: var(--ls-fs-small); display: flex; gap: var(--ls-space-3); flex-wrap: wrap; }
.ls-article__meta a { color: var(--ls-color-gold-dark); text-decoration: none; }
.ls-article__thumb { width: 100%; border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); margin: 0 0 var(--ls-space-8); display: block; }

/* Prose */
.ls-prose { font-size: 17px; }
.ls-prose > * + * { margin-block-start: var(--ls-space-4); }
.ls-prose h2 { font-family: var(--ls-font-display); font-size: 26px; margin-block-start: var(--ls-space-8); }
.ls-prose h3 { font-family: var(--ls-font-display); font-size: 21px; margin-block-start: var(--ls-space-6); }
.ls-prose a { color: var(--ls-color-gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.ls-prose ul, .ls-prose ol { padding-inline-start: var(--ls-space-6); }
.ls-prose li { margin-block: var(--ls-space-1); }
.ls-prose ul li::marker { color: var(--ls-color-gold); }
.ls-prose blockquote { margin: var(--ls-space-6) 0; padding: var(--ls-space-3) var(--ls-space-6); border-inline-start: 3px solid var(--ls-color-gold); background: var(--ls-color-panel-2); border-radius: 0 var(--ls-radius-ledger) var(--ls-radius-ledger) 0; color: var(--ls-color-muted); font-style: normal; }
.ls-prose hr { border: 0; border-block-start: 1px solid var(--ls-color-line); margin: var(--ls-space-8) 0; }
.ls-prose table { width: 100%; border-collapse: collapse; }
.ls-prose th, .ls-prose td { padding: 8px 12px; border-block-end: 1px solid var(--ls-color-line-soft); text-align: start; }
.ls-prose th { background: var(--ls-color-panel-2); }
.ls-prose img { max-width: 100%; height: auto; border-radius: var(--ls-radius-ledger); }
.ls-prose .wp-block-group, .ls-prose .wp-block-columns { margin-block: var(--ls-space-6); }
.ls-prose figcaption { color: var(--ls-color-faint); font-size: 13px; }
.ls-prose .wp-block-details, .ls-prose 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-prose summary { font-weight: 700; cursor: pointer; }

/* Contact page */
.ls-page__header--contact { max-width: 64ch; margin-block-end: var(--ls-space-8); }
.ls-page__header--contact .ls-eyebrow { margin: 0 0 var(--ls-space-2); }
.ls-page__lead { color: var(--ls-color-muted); font-size: 18px; margin: 0; }
.ls-page__contact-grid { display: grid; grid-template-columns: 1fr; gap: var(--ls-space-8); align-items: start; }
@media (min-width: 900px) { .ls-page__contact-grid { grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr); gap: 40px; } }
.ls-page__contact-heading { font-family: var(--ls-font-display); font-size: 24px; margin: 0 0 var(--ls-space-4); display: flex; align-items: center; gap: var(--ls-space-3); }
.ls-page__contact-heading::after { content: ""; flex: 1; height: 1px; background: var(--ls-color-line); }

/* details card — dark espresso so it reads as "the office", distinct from the white form */
.ls-page__contact-card { background: var(--ls-gradient-band); color: var(--ls-color-band-text); border-block-start: 4px solid var(--ls-color-gold); border-radius: var(--ls-radius-ledger); box-shadow: var(--ls-shadow-ledger); padding: var(--ls-space-6) var(--ls-space-6) 28px; position: sticky; top: 96px; }
.ls-page__contact-card-title { font-family: var(--ls-font-display); font-size: 22px; margin: 0 0 var(--ls-space-5); color: #fff; }
.ls-page__contact-card a { color: inherit; text-decoration: none; font-weight: 600; }
.ls-page__contact-card a:hover { color: var(--ls-color-brand-title); text-decoration: underline; text-underline-offset: 3px; }
.ls-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ls-space-4); }
.ls-contact-list__item { display: flex; gap: var(--ls-space-3); align-items: flex-start; padding-block-end: var(--ls-space-4); border-block-end: 1px solid rgba(255, 255, 255, .1); }
.ls-contact-list__item:last-child { border-block-end: 0; padding-block-end: 0; }
.ls-contact-list__icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: rgba(143, 108, 39, .22); color: var(--ls-color-brand-title); }
.ls-contact-list__body { display: grid; gap: 2px; min-width: 0; flex: 1; }
.ls-contact-list__label { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(243, 236, 221, .6); font-weight: 600; }
.ls-contact-hours { list-style: none; margin: 4px 0 0; padding: 0; width: 100%; }
.ls-contact-hours li { display: flex; justify-content: space-between; gap: var(--ls-space-3); padding: 3px 0; font-size: 15px; }
.ls-contact-hours li span:last-child { color: rgba(243, 236, 221, .8); font-variant-numeric: tabular-nums; }
.ls-page__contact-card-actions { display: grid; gap: var(--ls-space-2); margin-block-start: var(--ls-space-6); }
.ls-page__contact-card-actions .ls-btn { width: 100%; }
.ls-page__contact-card-actions .ls-btn:not(.ls-btn--whatsapp) { background: transparent; border-color: rgba(255, 255, 255, .35); color: #fff; }
.ls-page__contact-card-actions .ls-btn:not(.ls-btn--whatsapp):hover { background: rgba(255, 255, 255, .08); color: #fff; text-decoration: none; }
@media (max-width: 899px) { .ls-page__contact-card { position: static; } }
.ls-page__map { margin-top: var(--ls-space-4); border-radius: var(--ls-radius-ledger); overflow: hidden; border: 1px solid var(--ls-color-line-soft); }
.ls-page__map iframe { display: block; width: 100%; height: 220px; border: 0; }

/* Blog archive */
.ls-blog { padding-block: var(--ls-space-12); }
.ls-blog__header { max-width: 72ch; margin-block-end: var(--ls-space-8); }
.ls-blog__title { font-family: var(--ls-font-display); font-size: var(--ls-fs-h1); margin: 0 0 var(--ls-space-2); }
.ls-blog__desc { color: var(--ls-color-muted); font-size: 18px; }
.ls-blog__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ls-space-6); grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
.ls-blog__cats { display: flex; gap: var(--ls-space-2); flex-wrap: wrap; margin-block-end: var(--ls-space-6); }
.ls-pagination { display: flex; justify-content: center; gap: 6px; margin-block-start: var(--ls-space-8); }
.ls-pagination .page-numbers { padding: 8px 14px; border-radius: 8px; border: 1px solid var(--ls-color-line); background: var(--ls-color-panel); text-decoration: none; color: var(--ls-color-ink); font-weight: 600; }
.ls-pagination .page-numbers.current { background: var(--ls-color-gold); border-color: var(--ls-color-gold); color: var(--ls-color-panel); }

/* Single post extras */
.ls-article__nav { display: flex; justify-content: space-between; gap: var(--ls-space-4); margin-block-start: var(--ls-space-8); padding-block-start: var(--ls-space-6); border-block-start: 1px solid var(--ls-color-line); font-weight: 600; }
.ls-article__nav a { text-decoration: none; color: var(--ls-color-gold-dark); max-width: 48%; }
.ls-article__cta { margin-block-start: var(--ls-space-8); 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); display: flex; justify-content: space-between; align-items: center; gap: var(--ls-space-4); flex-wrap: wrap; }
.ls-article__cta h3 { font-family: var(--ls-font-display); margin: 0 0 4px; font-size: 20px; }
.ls-article__cta p { margin: 0; color: var(--ls-color-muted); }

/* 404 / search */
.ls-404 { text-align: center; padding-block: var(--ls-space-16); }
.ls-404 h1 { font-family: var(--ls-font-display); font-size: var(--ls-fs-display); margin: 0 0 var(--ls-space-3); }
.ls-404 p { color: var(--ls-color-muted); }

/* ---------- Legal pages (תקנון / ביטול עסקה) — נוסף 15.10.2026 ---------- */
.ls-legal { max-width: 78ch; }
.ls-legal__updated { color: var(--ls-color-muted); font-size: var(--ls-fs-small); }
.ls-legal__summary { margin: var(--ls-space-6) 0 var(--ls-space-8); padding: var(--ls-space-6); background: var(--ls-color-panel); border-radius: var(--ls-radius-ledger); border-inline-start: 4px solid var(--ls-color-gold); box-shadow: var(--ls-shadow-soft); }
.ls-legal__summary h2 { margin-top: 0; font-size: var(--ls-fs-h3); }
.ls-legal__summary ul { margin-bottom: 0; }
.ls-legal__details { list-style: none; padding: 0; display: grid; gap: 4px; }
.ls-legal h2[id] { scroll-margin-top: 120px; }
.ls-legal h2 { margin-top: var(--ls-space-8); }
.logged-in .ls-legal .todo { background: var(--ls-color-status-pending-bg); outline: 1px dashed var(--ls-color-status-pending); border-radius: 3px; } /* סימון לבדיקה — נראה רק למשתמש מחובר */

/* יישור לשני הצדדים (justify) בעמודים המשפטיים — התקנון ועמוד ביטול העסקה */
.ls-legal p, .ls-legal li { text-align: justify; text-justify: inter-word; hyphens: none; }
.ls-legal .ls-legal__details li, .ls-legal__updated { text-align: start; }