/* asakim-design bundle v6 — generated by 04-design/he-mu-plugin/build-css.js.
* Do not edit: edit the area files and rebuild. Order: tokens.css, typography.css, header-nav.css, content.css, cards.css, hero.css, page-title.css, cta.css, sidebar-widgets.css, buttons-forms.css, footer.css, a11y.css, mobile.css */
/* ===== tokens.v6.css ===== */
/**
* Asakim design layer — tokens (phases 1, 2, 5-7).
*
* The single place for the layer's colours, type scale and spacing. Every other
* file reads these variables; change a value here, not in the area files.
* Scope: body.wp-theme-sahifa only (the public site on Sahifa).
*
* Accent #00acbc is Sahifa's existing accent (from the theme options), which is
* also the logo teal. It is kept as is: the upgrade refines, it does not rebrand.
*/
body.wp-theme-sahifa {
/* Typeface: Assistant (Hebrew + Latin), with system fallbacks of similar width. */
--ad-font: 'Assistant Variable', 'Assistant', 'Segoe UI', Arial, sans-serif;
/* Colours */
--ad-text: #333;
--ad-accent: #00acbc;
--ad-rule: #e2e2e2; /* hairline under block titles (replaces stripe.png) */
/* Type scale — chrome and reading text */
--ad-fs-base: 15px; /* chrome: widgets, meta, footer (was 13px) */
--ad-fs-entry: 17px; /* reading text in pages and posts */
--ad-lh-entry: 1.75;
--ad-lh-heading: 1.3;
/* Type scale — headings (phase 2). Ratio ~1.22 from the 17px reading size,
so each level is clearly smaller than the one above and H4 still reads
as a heading next to body text. */
--ad-fs-post-title: 32px; /* page / post H1 (Sahifa .post-title) */
--ad-fs-h2: 26px; /* was 30px, the same as the page H1 */
--ad-fs-h3: 21px; /* was 24px */
--ad-fs-h4: 18px;
--ad-fs-h5: 17px; /* was 14px, smaller than the text */
--ad-fs-h6: 15px; /* was 12px */
--ad-fs-block-title: 20px; /* box and widget titles */
--ad-fs-item-title: 16px; /* post titles inside boxes (was 14px) */
/* Cards and controls (REV 3: phases 5-7) */
--ad-accent-text: #00808c; /* teal for text and button fills: ~4.8:1 with
white (#00acbc is ~2.9:1, below WCAG AA) */
--ad-accent-hover: #005f68;
--ad-radius: 4px;
--ad-card-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.06);
--ad-card-accent: 3px; /* teal line under boxes (Sahifa: 4px) */
--ad-field-border: #d4d4d4;
/* Light, modern look (REV 4: full upgrade) */
--ad-ink: #1f2a30; /* headings and menu text */
--ad-muted: #5b676c; /* secondary text, ~5.9:1 on white */
--ad-page: #f4f7f8; /* page background behind the cards */
--ad-surface: #f4f7f8; /* light bands (hero, "let's talk") */
--ad-border: #e3e8ea;
--ad-radius-lg: 10px;
--ad-container: 1045px; /* Sahifa's content width */
}
/* Page background: a calm light grey instead of Sahifa's pattern image,
so the white cards read as cards. */
body.wp-theme-sahifa,
body.wp-theme-sahifa #wrapper {
background-color: var(--ad-page);
background-image: none;
}
/* ===== typography.v6.css ===== */
/**
* 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;
}
/* ===== header-nav.v6.css ===== */
/**
* Asakim design layer — header and main menu (REV 4: light header).
*
* Desktop (901px and up; below that Sahifa shows its own mobile header):
* - White header, logo and menu in one row. Sahifa prints three siblings in
* #theme-header: .top-nav, .header-content (logo), nav#main-nav. The header
* becomes a wrapping flex row, padded so its content lines up with the
* 1045px page column. If the menu does not fit beside the logo (the
* 9-item English menu), the whole menu moves to its own row under the logo
* instead of breaking item by item.
* - Menu items: dark text, current page underlined in teal, hover on a light
* background. "צור קשר" (menu-item-92) is styled as the teal button; the
* language switch (last item) as a small pill. Menu items and order are not
* changed (D9).
* - Sticky: the header stays at the top while scrolling.
* - Top bar: slim, light grey, full width.
*
* Every rule is scoped under body.wp-theme-sahifa.
*/
/* Top bar (all widths where Sahifa shows it) ------------------------------ */
body.wp-theme-sahifa .top-nav {
background: var(--ad-surface);
border-bottom: 1px solid var(--ad-border);
}
body.wp-theme-sahifa .top-nav ul li {
font-size: 13px;
}
body.wp-theme-sahifa .top-nav ul li a {
color: var(--ad-muted);
}
/* Header: white, no Sahifa frame ------------------------------------------ */
body.wp-theme-sahifa #theme-header {
background: #fff;
border-top: 0;
box-shadow: 0 1px 0 var(--ad-border);
margin: 0 auto 32px;
}
@media only screen and (min-width: 901px) {
body.wp-theme-sahifa #theme-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 24px;
box-sizing: border-box;
/* Left side: at least 64px, to stay clear of the accessibility
plugin's fixed button (left edge, 0-52px) below ~1173px wide —
it covered the English logo on an iPad in landscape (1024px). */
padding-left: max(64px, calc((100% - var(--ad-container)) / 2));
padding-right: max(15px, calc((100% - var(--ad-container)) / 2));
position: sticky;
top: 0;
z-index: 900;
}
body.admin-bar.wp-theme-sahifa #theme-header {
top: 32px;
}
/* The top bar spans the full width: its own background reaches the edges. */
body.wp-theme-sahifa .top-nav {
flex: 0 0 100%;
box-shadow: 0 0 0 100vmax var(--ad-surface);
clip-path: inset(0 -100vmax);
}
/* #theme-header in the selector: Sahifa fixes .header-content at 1010px
with #wrapper.wide-layout .header-content. */
body.wp-theme-sahifa #theme-header .header-content {
flex: 0 0 auto;
width: auto;
margin: 0;
padding: 14px 0;
}
body.wp-theme-sahifa .logo {
float: none;
margin: 0;
}
body.wp-theme-sahifa .logo img {
display: block;
width: auto;
max-height: 60px;
}
/* Menu ---------------------------------------------------------------- */
body.wp-theme-sahifa #main-nav {
flex: 1 1 auto;
display: flex;
justify-content: flex-end;
width: auto;
min-height: 0;
margin: 0;
background: transparent;
border: 0;
box-shadow: none;
}
/* English pages: the 9-item menu never fits beside the logo at 1045px,
so it always takes its own row, starting under the logo. */
html[dir="ltr"] body.wp-theme-sahifa #main-nav {
flex-basis: 100%;
justify-content: flex-start;
padding-bottom: 8px;
}
body.wp-theme-sahifa #main-nav .container {
width: auto;
margin: 0;
padding: 0;
}
body.wp-theme-sahifa #main-nav .main-menu {
float: none;
margin: 0;
}
body.wp-theme-sahifa #main-nav .main-menu > ul {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 2px;
float: none;
}
body.wp-theme-sahifa #main-nav .main-menu > ul > li {
float: none;
height: auto;
border: 0;
font-size: 15px;
font-weight: 600;
}
body.wp-theme-sahifa #main-nav .main-menu > ul > li > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-menu-item > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-menu-parent > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current_page_parent > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-page-ancestor > a {
height: auto;
line-height: 1.2;
padding: 10px 12px;
color: var(--ad-ink);
background: transparent;
border: 0;
border-radius: 6px;
transition: background-color 0.15s ease, color 0.15s ease;
}
body.wp-theme-sahifa #main-nav .main-menu > ul > li > a:hover {
color: var(--ad-accent-text);
background: var(--ad-surface);
}
/* Current page: teal text with a teal underline. */
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-menu-item > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-menu-parent > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current_page_parent > a,
body.wp-theme-sahifa #main-nav .main-menu > ul > li.current-page-ancestor > a {
color: var(--ad-accent-text);
box-shadow: inset 0 -2px 0 var(--ad-accent);
border-radius: 0;
}
/* Home item: Sahifa shows a white house image (for its dark bar) and
hides the text; on the white header the item shows its text instead
("דף הבית" / "Home"). */
body.wp-theme-sahifa #main-nav .main-menu > ul > li.menu-item-home > a {
background-image: none;
text-indent: 0;
width: auto;
}
/* "צור קשר": the teal button. */
body.wp-theme-sahifa #main-nav .main-menu > ul > li#menu-item-92 > a {
background: var(--ad-accent-text);
color: #fff;
padding: 10px 18px;
border-radius: 6px;
box-shadow: none;
margin-inline-start: 6px;
}
body.wp-theme-sahifa #main-nav .main-menu > ul > li#menu-item-92 > a:hover {
background: var(--ad-accent-hover);
color: #fff;
}
/* Language switch (last item): a small pill. */
body.wp-theme-sahifa #main-nav .main-menu > ul > li:last-child > a {
font-size: 13px;
font-weight: 600;
color: var(--ad-muted);
padding: 6px 12px;
border: 1px solid var(--ad-border);
border-radius: 999px;
margin-inline-start: 8px;
}
/* Dropdown caret next to "אודות" and the hover arrow. */
body.wp-theme-sahifa #main-nav ul li.menu-item-has-children:after {
border-top-color: var(--ad-muted);
}
body.wp-theme-sahifa #main-nav .main-menu > ul > li:hover > a:after {
display: none;
}
/* Dropdown panel ------------------------------------------------------ */
body.wp-theme-sahifa #main-nav .menu-sub-content,
body.wp-theme-sahifa #main-nav ul ul.sub-menu {
top: 100%;
background: #fff;
border-top: 2px solid var(--ad-accent);
border-radius: 0 0 6px 6px;
box-shadow: 0 10px 24px rgba(31, 42, 48, 0.1);
}
body.wp-theme-sahifa #main-nav ul ul a,
body.wp-theme-sahifa #main-nav ul ul li.current-menu-item a {
font-size: 14px;
color: var(--ad-ink);
background: #fff;
border-color: var(--ad-border);
}
body.wp-theme-sahifa #main-nav ul ul a:hover {
color: var(--ad-accent-text);
background: var(--ad-surface);
}
}
/* ===== content.v6.css ===== */
/**
* Asakim design layer — page and post content (phase 4).
*
* Audit (2026-11-07, live): reading column 620px at 17px / 1.75 (phase 1) is a
* good measure and stays. What was wrong:
* 1. Links inside text were #444 with no underline: next to #333 text they
* could not be told apart from text (WCAG 1.4.1).
* 2. Image captions were 17px italic, left-aligned in Hebrew, line-height
* 18px (lines touching). Italic Hebrew is a slanted Latin style that Hebrew
* type does not have.
* 3. List bullets and numbers were the text colour, items 5px apart.
*
* Not touched on purpose: tables in content are layout tables (one row of
* images and text), so no borders are added; there are no blockquotes or
*
in the content today.
*
* Link colour #00808c is the brand teal (#00acbc) darkened to reach ~4.8:1 on
* white; #00acbc itself is ~2.9:1, too light for text.
*/
/* 1. Links in running text ------------------------------------------------ */
body.wp-theme-sahifa .entry p a,
body.wp-theme-sahifa .entry li a {
color: #00808c;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
body.wp-theme-sahifa .entry p a:hover,
body.wp-theme-sahifa .entry li a:hover,
body.wp-theme-sahifa .entry p a:focus,
body.wp-theme-sahifa .entry li a:focus {
color: #005f68;
}
/* Social-share and button links that sit inside lists keep their own look. */
body.wp-theme-sahifa .entry .share-post li a,
body.wp-theme-sahifa .entry ul.normal-social li a,
body.wp-theme-sahifa .entry a.more-link,
body.wp-theme-sahifa .entry a.shortc-button {
text-decoration: none;
}
/* 2. Image captions -------------------------------------------------------- */
body.wp-theme-sahifa .entry .wp-caption-text,
body.wp-theme-sahifa .entry figcaption {
font-size: 14px;
line-height: 1.5;
font-style: normal;
color: #666;
text-align: center;
margin-top: 6px;
}
/* 3. Lists ----------------------------------------------------------------- */
body.wp-theme-sahifa .entry > ul > li,
body.wp-theme-sahifa .entry > ol > li {
margin-bottom: 6px;
}
body.wp-theme-sahifa .entry > ul > li::marker,
body.wp-theme-sahifa .entry > ol > li::marker {
color: #00808c;
}
body.wp-theme-sahifa .entry > ol > li::marker {
font-weight: 700;
}
/* ===== cards.v6.css ===== */
/**
* Asakim design layer — cards: homepage and archive boxes, page and post
* cards (REV 4; was home.css).
*
* Light, modern cards on the grey page: white, rounded, a hairline edge and a
* soft shadow; Sahifa's 4px teal line under each box is dropped (the teal now
* lives in buttons, links and the current menu item). The box layout itself
* (Sahifa's float grid and fixed item heights) is not touched.
* - Section titles above boxes: larger and darker, with the hairline (phase 2).
* - Thumbnails: rounded, a slow zoom on hover (off with reduced motion).
* - Post titles in boxes: dark, teal on hover.
*/
/* Cards ----------------------------------------------------------------------- */
body.wp-theme-sahifa .cat-box-content,
body.wp-theme-sahifa .post-listing,
body.wp-theme-sahifa #commentform {
background: #fff;
border: 0;
border-radius: var(--ad-radius-lg);
box-shadow: var(--ad-card-shadow);
}
/* Section titles ----------------------------------------------------------- */
body.wp-theme-sahifa .cat-box-title h2,
body.wp-theme-sahifa .cat-box-title h2 a {
font-size: 22px;
font-weight: 800;
color: var(--ad-ink);
}
body.wp-theme-sahifa .cat-box {
margin-bottom: 40px;
}
/* Thumbnails ---------------------------------------------------------------- */
body.wp-theme-sahifa .cat-box .post-thumbnail,
body.wp-theme-sahifa .post-listing .post-thumbnail {
border-radius: var(--ad-radius);
overflow: hidden;
}
body.wp-theme-sahifa .cat-box .post-thumbnail img {
transition: transform 0.4s ease;
}
body.wp-theme-sahifa .cat-box .post-thumbnail:hover img {
transform: scale(1.04);
}
/* Post titles in boxes ------------------------------------------------------ */
body.wp-theme-sahifa .post-box-title a {
color: var(--ad-ink);
}
body.wp-theme-sahifa .post-box-title a:hover {
color: var(--ad-accent-text);
}
body.wp-theme-sahifa .cat-box p.post-meta,
body.wp-theme-sahifa .cat-box p.post-meta a {
color: var(--ad-muted);
}
/* ===== hero.v6.css ===== */
/**
* Asakim design layer — homepage hero (REV 4).
*
* Markup: templates/hero.php, placed by inc/blocks.php right after the header
* on the Hebrew and English home pages. Full width white band; its content
* lines up with the 1045px page column. The header's 32px bottom margin is
* pulled back so the band sits directly under the header.
*/
body.wp-theme-sahifa .ad-hero {
background: #fff;
border-bottom: 1px solid var(--ad-border);
margin: -32px 0 32px;
padding: 56px 15px 52px;
}
body.wp-theme-sahifa .ad-hero__inner {
max-width: var(--ad-container);
margin: 0 auto;
}
body.wp-theme-sahifa .ad-hero__title {
font-family: var(--ad-font);
font-size: clamp(28px, 4.2vw, 44px);
font-weight: 800;
line-height: 1.15;
color: var(--ad-ink);
max-width: 20em;
margin: 0 0 16px;
text-wrap: balance;
}
body.wp-theme-sahifa .ad-hero__text {
font-size: 18px;
line-height: 1.65;
color: var(--ad-muted);
max-width: 38em;
margin: 0 0 28px;
}
body.wp-theme-sahifa .ad-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 24px;
}
body.wp-theme-sahifa .ad-hero__link {
font-weight: 600;
color: var(--ad-accent-text);
text-decoration: underline;
text-underline-offset: 4px;
}
@media only screen and (max-width: 900px) {
body.wp-theme-sahifa .ad-hero {
padding: 36px 16px 32px;
}
body.wp-theme-sahifa .ad-hero__text {
font-size: 17px;
}
}
/* ===== page-title.v6.css ===== */
/**
* Asakim design layer — inner pages: title and breadcrumbs (REV 4).
*
* The page title sits at the top of the white page card; it gets a larger,
* darker type and a hairline under it, so the card opens like a page header.
* Breadcrumbs above the card: small and muted. Reading text keeps phase 1.
*/
body.wp-theme-sahifa .post-inner {
padding: 32px;
}
body.wp-theme-sahifa .post-inner > .post-title,
body.wp-theme-sahifa .post-inner > h1.name {
font-size: 36px;
font-weight: 800;
line-height: 1.2;
color: var(--ad-ink);
padding-bottom: 16px;
margin-bottom: 24px;
border-bottom: 1px solid var(--ad-border);
}
body.wp-theme-sahifa #crumbs {
font-size: 13px;
color: var(--ad-muted);
margin-bottom: 14px;
}
body.wp-theme-sahifa #crumbs a {
color: var(--ad-muted);
}
body.wp-theme-sahifa #crumbs a:hover {
color: var(--ad-accent-text);
}
@media only screen and (max-width: 900px) {
body.wp-theme-sahifa .post-inner {
padding: 20px;
}
body.wp-theme-sahifa .post-inner > .post-title,
body.wp-theme-sahifa .post-inner > h1.name {
font-size: 28px;
}
}
/* ===== cta.v6.css ===== */
/**
* Asakim design layer — "let's talk" block at the end of service pages
* (REV 4). Markup: templates/cta.php, added by inc/blocks.php.
* Light band with the text on one side and the button on the other; stacks
* on narrow screens. Margins inside are reset because it sits in .entry,
* where Sahifa spaces every paragraph.
*/
body.wp-theme-sahifa .ad-cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px 24px;
margin: 40px 0 8px;
padding: 24px 28px;
background: var(--ad-surface);
border: 1px solid var(--ad-border);
border-radius: var(--ad-radius-lg);
}
body.wp-theme-sahifa .entry .ad-cta p {
margin: 0;
}
body.wp-theme-sahifa .ad-cta__title {
font-size: 20px;
font-weight: 800;
line-height: 1.3;
color: var(--ad-ink);
}
body.wp-theme-sahifa .entry .ad-cta .ad-cta__text {
margin-top: 4px;
font-size: 16px;
color: var(--ad-muted);
}
@media only screen and (max-width: 600px) {
body.wp-theme-sahifa .ad-cta {
flex-direction: column;
align-items: flex-start;
padding: 20px;
}
}
/* ===== sidebar-widgets.v6.css ===== */
/**
* Asakim design layer — sidebar and widgets (REV 4).
*
* Widgets use the same card as the boxes (cards.css): white, rounded,
* hairline edge, soft shadow, no teal line. Widget titles match the section
* titles. Widget content (Facebook box, social buttons) is not touched.
*/
/* #sidebar in the selector: Sahifa draws the 4px line with
#sidebar .widget-container (style.css and the theme-options colour). */
body.wp-theme-sahifa .widget-container,
body.wp-theme-sahifa #sidebar .widget-container {
background: #fff;
border: 0;
border-radius: var(--ad-radius-lg);
box-shadow: var(--ad-card-shadow);
}
body.wp-theme-sahifa .widget-top h4,
body.wp-theme-sahifa .widget-top h4 a {
font-size: 20px;
font-weight: 800;
color: var(--ad-ink);
}
/* ===== buttons-forms.v6.css ===== */
/**
* Asakim design layer — buttons, forms and focus (phases 7 and 9).
*
* Appearance only: no field, label, validation or sending behaviour of
* Contact Form 7 is changed (D9).
*
* Audit (live, 2026-11-07):
* 1. "עוד..." / "More" buttons: 12px, 2px corners, white on #00acbc
* (~2.9:1, below WCAG AA for text).
* 2. Contact form (desktop): 12px fields, 33px tall, #ddd border; send
* button 12px white on #00acbc. Phones and touch screens already get
* 16px / 44px from mobile.css, which loads last and wins there.
* 3. No visible keyboard focus anywhere (Sahifa removes outlines).
*
* Button fill #00808c (--ad-accent-text) keeps the brand teal but reaches
* ~4.8:1 with white text.
*/
/* 0. The layer's own button (hero, "let's talk", footer strip; REV 4) ------- */
body.wp-theme-sahifa .ad-button,
body.wp-theme-sahifa .entry a.ad-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 22px;
box-sizing: border-box;
background: var(--ad-accent-text);
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
border-radius: 6px;
transition: background-color 0.15s ease;
}
body.wp-theme-sahifa .ad-button:hover,
body.wp-theme-sahifa .ad-button:focus {
background: var(--ad-accent-hover);
color: #fff;
}
/* 1. "More" buttons --------------------------------------------------------- */
body.wp-theme-sahifa a.more-link {
background-color: var(--ad-accent-text);
font-size: 13px;
font-weight: 600;
padding: 4px 14px;
border-radius: var(--ad-radius);
transition: background-color 0.15s ease;
}
body.wp-theme-sahifa a.more-link:hover,
body.wp-theme-sahifa a.more-link:focus {
background-color: var(--ad-accent-hover);
color: #fff;
}
/* 2. Contact Form 7 --------------------------------------------------------- */
body.wp-theme-sahifa .wpcf7 input[type="text"],
body.wp-theme-sahifa .wpcf7 input[type="email"],
body.wp-theme-sahifa .wpcf7 input[type="tel"],
body.wp-theme-sahifa .wpcf7 input[type="url"],
body.wp-theme-sahifa .wpcf7 input[type="number"],
body.wp-theme-sahifa .wpcf7 select,
body.wp-theme-sahifa .wpcf7 textarea {
font-size: 15px;
padding: 9px 12px;
border: 1px solid var(--ad-field-border);
border-radius: var(--ad-radius);
background-color: #fff;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.wp-theme-sahifa .wpcf7 input:focus,
body.wp-theme-sahifa .wpcf7 select:focus,
body.wp-theme-sahifa .wpcf7 textarea:focus {
border-color: var(--ad-accent-text);
box-shadow: 0 0 0 3px rgba(0, 128, 140, 0.18);
outline: none;
}
/* Sahifa sizes the button with #main-content input[type="submit"] (an id).
The comment form's "Post Comment" button gets the same look (REV 6: it
was white on #00acbc, ~2.9:1). */
body.wp-theme-sahifa .wpcf7 input[type="submit"],
body.wp-theme-sahifa #main-content .wpcf7 input[type="submit"],
body.wp-theme-sahifa #respond #submit,
body.wp-theme-sahifa #main-content #respond input[type="submit"] {
background-color: var(--ad-accent-text);
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 10px 26px;
border-radius: var(--ad-radius);
cursor: pointer;
transition: background-color 0.15s ease;
}
body.wp-theme-sahifa .wpcf7 input[type="submit"]:hover,
body.wp-theme-sahifa #main-content .wpcf7 input[type="submit"]:hover,
body.wp-theme-sahifa #respond #submit:hover,
body.wp-theme-sahifa #main-content #respond input[type="submit"]:hover {
background-color: var(--ad-accent-hover);
}
/* 3. Keyboard focus (phase 9) ------------------------------------------------ */
/* :focus-visible shows the ring for keyboard users only, not on mouse click. */
body.wp-theme-sahifa a:focus-visible,
body.wp-theme-sahifa button:focus-visible,
body.wp-theme-sahifa input[type="submit"]:focus-visible,
body.wp-theme-sahifa [tabindex]:focus-visible {
outline: 2px solid var(--ad-accent-text);
outline-offset: 2px;
}
/* ===== footer.v6.css ===== */
/**
* Asakim design layer — footer (REV 4).
*
* 1. Contact strip (templates/footer-contact.php, added by inc/blocks.php on
* get_sidebar('footer'), which Sahifa calls just BEFORE