/**
 * Asakim design layer — typography (phase 1 + 2).
 *
 * 1. One typeface everywhere Sahifa set a text font. Sahifa's Droid Sans and
 *    BebasNeue have no Hebrew glyphs, so Hebrew fell back to a system font.
 *    Selector list = every Sahifa / rtl.css rule that sets font-family, except
 *    icon fonts (FontAwesome, tiefont) and code. Plain selectors, no :is(), so
 *    older browsers do not drop the whole rule.
 * 2. Readable sizes: chrome 13px -> 15px, reading text 17px / 1.75.
 * 3. Former BebasNeue titles become bold Assistant (Bebas is a caps-only
 *    condensed face; at weight 400 a normal face looks weak in its place).
 * 4-6. Phase 2: heading scale inside content, box post titles, and block
 *    titles with a hairline instead of Sahifa's stripe.png.
 *
 * Every rule is scoped under body.wp-theme-sahifa (also wins over rtl.css).
 */

/* 1. Typeface ------------------------------------------------------------ */

body.wp-theme-sahifa,
body.wp-theme-sahifa input,
body.wp-theme-sahifa textarea,
body.wp-theme-sahifa select,
body.wp-theme-sahifa button,
body.wp-theme-sahifa h1,
body.wp-theme-sahifa h2,
body.wp-theme-sahifa h3,
body.wp-theme-sahifa h4,
body.wp-theme-sahifa h5,
body.wp-theme-sahifa h6,
body.wp-theme-sahifa .entry h1,
body.wp-theme-sahifa .entry h2,
body.wp-theme-sahifa .entry h3,
body.wp-theme-sahifa .entry h4,
body.wp-theme-sahifa .entry h5,
body.wp-theme-sahifa .entry h6,
body.wp-theme-sahifa .post-title,
body.wp-theme-sahifa .page-title,
body.wp-theme-sahifa .cat-box-title h2,
body.wp-theme-sahifa .block-head h3,
body.wp-theme-sahifa #respond h3,
body.wp-theme-sahifa .widget-top h4,
body.wp-theme-sahifa .footer-widget-top h4,
body.wp-theme-sahifa .sitemap-col h2,
body.wp-theme-sahifa .share-post span.share-text,
body.wp-theme-sahifa .breaking-news span.breaking-news-title,
body.wp-theme-sahifa .breaking-news ul a,
body.wp-theme-sahifa .cat-tabs-header li,
body.wp-theme-sahifa .slider-caption h2,
body.wp-theme-sahifa .ei-title h2,
body.wp-theme-sahifa ul.authors-wrap li h3,
body.wp-theme-sahifa blockquote p {
	font-family: var(--ad-font);
}

/* 2. Sizes ---------------------------------------------------------------- */

body.wp-theme-sahifa {
	font-size: var(--ad-fs-base);
	color: var(--ad-text);
}

body.wp-theme-sahifa .entry {
	font-size: var(--ad-fs-entry);
	line-height: var(--ad-lh-entry);
}

/* 3. Titles that were BebasNeue ----------------------------------------- */

body.wp-theme-sahifa .post-title,
body.wp-theme-sahifa .page-title,
body.wp-theme-sahifa .cat-box-title h2,
body.wp-theme-sahifa .block-head h3,
body.wp-theme-sahifa #respond h3,
body.wp-theme-sahifa .widget-top h4,
body.wp-theme-sahifa .footer-widget-top h4,
body.wp-theme-sahifa .sitemap-col h2 {
	font-weight: 700;
	line-height: var(--ad-lh-heading);
	letter-spacing: 0;
}

body.wp-theme-sahifa .post-title {
	font-size: var(--ad-fs-post-title);
}

body.wp-theme-sahifa .cat-box-title h2,
body.wp-theme-sahifa .block-head h3,
body.wp-theme-sahifa .widget-top h4,
body.wp-theme-sahifa .footer-widget-top h4 {
	font-size: var(--ad-fs-block-title);
}

/* Headings inside content: Sahifa sets weight normal (Helvetica). */
body.wp-theme-sahifa .entry h1,
body.wp-theme-sahifa .entry h2,
body.wp-theme-sahifa .entry h3,
body.wp-theme-sahifa .entry h4,
body.wp-theme-sahifa .entry h5,
body.wp-theme-sahifa .entry h6 {
	font-weight: 700;
	line-height: var(--ad-lh-heading);
}

/* 4. Heading hierarchy inside content (phase 2) -------------------------- */
/* Sahifa: h1 36 / h2 30 / h3 24 / h4 18 / h5 14 / h6 12, all with 25px above
   and 10px below. H2 equalled the page title and H5/H6 were smaller than the
   text. New scale from the tokens; more space above than below, so a heading
   belongs to the paragraph it introduces. */

body.wp-theme-sahifa .entry h1 {
	font-size: var(--ad-fs-post-title);
}

body.wp-theme-sahifa .entry h2 {
	font-size: var(--ad-fs-h2);
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

body.wp-theme-sahifa .entry h3 {
	font-size: var(--ad-fs-h3);
	margin-top: 1.5em;
	margin-bottom: 0.45em;
}

body.wp-theme-sahifa .entry h4 {
	font-size: var(--ad-fs-h4);
	margin-top: 1.4em;
	margin-bottom: 0.4em;
}

body.wp-theme-sahifa .entry h5 {
	font-size: var(--ad-fs-h5);
}

body.wp-theme-sahifa .entry h6 {
	font-size: var(--ad-fs-h6);
}

/* A heading that opens the content needs no space above it. */
body.wp-theme-sahifa .entry > h1:first-child,
body.wp-theme-sahifa .entry > h2:first-child,
body.wp-theme-sahifa .entry > h3:first-child,
body.wp-theme-sahifa .entry > h4:first-child {
	margin-top: 0;
}

/* 5. Post titles inside homepage / archive boxes (phase 2) -------------- */
/* h3.post-box-title was 14px regular, smaller than the 15px text around it. */

body.wp-theme-sahifa h3.post-box-title {
	font-size: var(--ad-fs-item-title);
	font-weight: 600;
	line-height: 1.4;
}

body.wp-theme-sahifa h2.post-box-title {
	font-weight: 700;
	line-height: var(--ad-lh-heading);
}

/* 6. Block titles: a hairline instead of the striped background ---------- */
/* Sahifa fills the space beside every box / widget / page title with
   images/stripe.png (12px of diagonal stripes). Same element, same layout:
   only the stripes become a 1px rule centred on the 26px title line. */

body.wp-theme-sahifa .stripe-line {
	background: none;
	height: 0;
	border-top: 1px solid var(--ad-rule);
	margin-top: 13px;
}