/*
Theme Name: Broadsheet WP
Theme URI: https://example.com/broadsheet-wp
Author: Broadsheet
Description: תבנית וורדפרס בעברית בסגנון עיתון מודפס — עמוד בית מסביר שמציג מה זה וורדפרס, מה ההבדל בין עמוד לפוסט ונתוני שימוש, עם קישור לממשק הניהול. תמיכה מלאה ב-RTL.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: broadsheet-wp
Tags: rtl-language-support, blog, one-column, custom-menu, custom-logo, translation-ready
*/

/* הטוקנים והקומפוננטות של מערכת העיצוב נטענים מ-assets/broadsheet.css.
   כאן יושבת שכבת העמוד בלבד — פריסה, מדורים וטיפוגרפיה עברית. */

:root {
  --font-heading: "Frank Ruhl Libre", "Source Serif 4", serif;
  --font-body: "Frank Ruhl Libre", "Source Serif 4", serif;
  --font-heading-weight: 700;
}

body {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
  background: var(--color-bg);
  color: var(--color-text);
}

a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-600); }

.bs-wrap { max-width: 1120px; margin: 0 auto; padding: 0 var(--space-6); }

/* — header — */
.bs-nav {
  max-width: 1120px;
  margin: 0 auto;
  padding: var(--space-4) var(--space-6);
  gap: var(--space-6);
  flex-wrap: wrap;
}
.bs-nav .nav-brand { margin-right: 0; margin-left: auto; font-size: 21px; }
.bs-nav .nav-brand a { color: inherit; text-decoration: none; }
.bs-menu { display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; }
.bs-menu ul { display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.bs-menu a { font-size: 15px; }
.bs-custom-logo img { max-height: 40px; width: auto; }

/* — sections — */
.bs-section { padding-bottom: calc(var(--space-8) * 1.6); }
.bs-kicker { color: var(--color-accent-700); margin-bottom: var(--space-4); }
.bs-h2 { font-size: clamp(28px, 3.4vw, 40px); }
.bs-lede { font-size: 21px; max-width: 32em; }
.bs-measure { max-width: 34em; }

.bs-grid { display: grid; gap: var(--space-8); }
.bs-grid-2 { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); }
.bs-grid-hero { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: end; }
.bs-grid-stats { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-8) var(--space-6); }
.bs-grid-steps { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--space-6); }

/* — hero — */
.bs-hero { padding: var(--space-8) 0 calc(var(--space-8) * 1.6); }
.bs-hero h1 {
  font-size: clamp(40px, 6vw, 68px);
  margin: var(--space-4) 0;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.bs-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; align-items: center; }
.bs-btn-lg { font-size: 16px; padding: var(--space-3) var(--space-6); }
.bs-hero-aside { display: flex; flex-direction: column; gap: var(--space-4); padding-bottom: var(--space-2); }

/* — plate numerals — */
.bs-num {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 64px;
}
.bs-num-xl { font-size: 76px; }
.bs-num-label { margin: var(--space-3) 0 0; font-size: 16px; }

/* — features & lists — */
.bs-features { display: flex; flex-direction: column; gap: var(--space-6); padding-top: var(--space-6); }
.bs-features h4 { margin-bottom: 6px; }
.bs-features p { margin: 0; font-size: 16px; }
.bs-list { margin: 0; padding-inline-start: 1.2em; font-size: 16px; display: grid; gap: 6px; }
.bs-rule-of-thumb { margin-top: var(--space-8); font-size: 19px; max-width: 36em; }

/* — steps — */
.bs-steps { list-style: none; margin: 0; padding: 0; }
.bs-step-num {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 34px;
  color: var(--color-accent);
  line-height: 1;
}
.bs-steps h4 { margin: var(--space-3) 0 6px; }
.bs-steps p { margin: 0; font-size: 16px; }

/* — faq — */
.bs-faq { display: grid; gap: var(--space-4); }
.bs-faq summary {
  cursor: pointer;
  list-style: none;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 19px;
}
.bs-faq summary::-webkit-details-marker { display: none; }
.bs-faq p { margin: var(--space-2) 0 0; font-size: 16px; }

/* — closing cta — */
.bs-cta {
  padding: calc(var(--space-8) * 1.2) 0 var(--space-8);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-6);
  align-items: center;
}
.bs-cta h2 { font-size: clamp(26px, 3vw, 36px); margin-bottom: var(--space-2); }
.bs-code { font-family: ui-monospace, monospace; font-size: 15px; }

/* — footer — */
.bs-footer {
  max-width: 1120px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-6) var(--space-8);
  display: flex;
  gap: var(--space-4);
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
}

/* — archive / single / page — */
.bs-entry { padding: var(--space-8) 0; }
.bs-entry-title { font-size: clamp(30px, 4vw, 48px); margin-bottom: var(--space-3); }
.bs-entry-meta { font-size: 14px; margin-bottom: var(--space-6); }
.bs-entry-content { max-width: 38em; }
.bs-entry-content h2 { font-size: 30px; margin-top: var(--space-6); }
.bs-entry-content h3 { font-size: 24px; margin-top: var(--space-4); }
.bs-entry-content img { margin: var(--space-4) 0; border-radius: var(--radius-md); }
.bs-archive-list { display: grid; gap: var(--space-8); padding-bottom: var(--space-8); }
.bs-archive-item h2 { font-size: clamp(24px, 3vw, 34px); margin-bottom: 6px; }
.bs-archive-item h2 a { color: inherit; text-decoration: none; }
.bs-archive-item h2 a:hover { color: var(--color-accent-700); }
.bs-pagination { display: flex; gap: var(--space-3); padding-bottom: var(--space-8); }
.bs-thumb { margin-bottom: var(--space-3); max-width: 520px; }

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.skip-link:focus { position: static; width: auto; height: auto; clip: auto; padding: var(--space-2); }