/**
* Theme Name: Atr Starter Fse Child Parotk
* Description: Child theme of ATR Starter FSE.
* Author: Yehuda Tiram
* Author URI: https://atarimtr.com/
* Template: atr-starter-fse
* Version: 1.0.0
* Text Domain: atr-starter-fse-child-parotk
* Requires at least: 6.4
* Tested up to: 6.7
* Requires PHP: 7.4
*
* @format
*/
/* Child overrides below. The parent style.css loads first (see functions.php). */
/* =========================================================================
Parotk — Sahifa pixel port (Header + Footer)
Tokens sourced from Sahifa tie_options (DB) + sahifa/style.css defaults.
========================================================================= */
:root {
--atr-pk-accent: #4c6775; /* Sahifa global_color */
--atr-accent: #4c6775; /* generic accent consumed by parent Blog Features */
--atr-pk-nav-bg: #1a1a1a; /* main_nav_background */
--atr-pk-nav-link: #f5f5f5; /* nav_links_color */
--atr-pk-footer-bg: #2e2e2e; /* .footer-bottom default */
--atr-pk-width: 1045px; /* .container width (boxed) */
}
/* ---- Base (site-wide, from live skin) ------------------------------- */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
background-image: url(/wp-content/themes/sahifa/images/patterns/body-bg36.png);
background-position: top center;
}
/* Body links are black on the live site; nav links are overridden above. */
.wp-site-blocks a:not(.wp-element-button) {
color: #000000;
}
/* Keep oversized figures/images from overflowing the viewport (esp. mobile). */
figure { max-width: 100%; }
img { max-width: 100%; height: auto; }
/* Long unbreakable strings (URLs) in post content must wrap, not overflow. */
.wp-block-post-content,
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content a,
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
overflow-wrap: anywhere;
}
/* ---- Boxed layout (Sahifa #wrapper.boxed) --------------------------
The whole site is centered at 1045px on a white page. This also makes
the header top-border and the nav background render at 1045px (boxed)
instead of full-viewport. The soft "border" shadow belongs on the main
content box only (.atr-pk-main, like the live #main-content), NOT on this
page wrapper — otherwise the site shows two nested shadow boxes. */
.wp-site-blocks {
max-width: var(--atr-pk-width);
margin-inline: auto;
}
/* Keep full-bleed blocks inside the box (boxed layout clamps everything). */
.wp-site-blocks .alignfull,
.wp-site-blocks .alignwide {
max-width: 100% !important;
margin-inline: auto !important;
}
@media (max-width: 767px) {
/* No boxed top gap on mobile — header sits flush to the top. */
.atr-pk-header { margin-top: 0; }
/* The off-canvas mobile menu rests off-screen (translateX) when closed; clip
horizontal overflow so it can't be scrolled/dragged into view on reload. */
html,
body { overflow-x: hidden; }
}
/* ---- Header --------------------------------------------------------- */
.atr-pk-header {
background: #fff;
border-top: 3px solid var(--atr-pk-accent);
margin: 20px auto 25px;
padding: 0;
}
/* Let core's size-full handle the banner: it already fills the 1045 box.
Any width/display override on the block (the second child) and collapses through the
group — a 32px white band above the bar. Zero the inter-child margin here. */
.atr-pk-nav > * + * { margin-block-start: 0; }
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item__content {
color: var(--atr-pk-nav-link);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 47px;
padding: 0 12px;
border-right: 1px solid var(--atr-pk-nav-bg); /* separators invisible, per live skin */
}
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item__label {
font-size: inherit;
}
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item:first-child .wp-block-navigation-item__content {
border-right: 0;
}
/* hover: white text only, NO background (per live skin) */
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
color: #fff;
}
/* current/active item: raised accent tab (Sahifa: -5px up, 52px tall).
Target aria-current + !important to beat the navigation block's own
current-item styling (white bg / dark text), which loads after this file. */
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.atr-pk-nav .wp-block-navigation .wp-block-navigation-item__content[aria-current] {
background-color: var(--atr-pk-accent) !important;
color: #fff !important;
height: 52px;
line-height: 57px;
margin-top: -5px;
border-width: 0;
}
/* ---- Mobile menu trigger (ATR Advanced Mobile Menu plugin) ----------
The plugin renders the actual mobile menu (sourced from the Navigation
block) in the footer; here we just show/style its trigger and hide the
desktop block menu (incl. its own overlay button) on small screens. */
.atr-pk-menu-toggle { display: none; }
@media (max-width: 767px) {
/* Authored LTR (toggle to the right); rtlcss flips it to the left for the
RTL build — i.e. left on RTL, right on LTR. */
.atr-pk-nav { text-align: left; }
.atr-pk-nav .wp-block-navigation { display: none; }
.atr-pk-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 4px 0;
padding: 0;
border: 0;
background: transparent;
color: var(--atr-pk-nav-link);
cursor: pointer;
}
/* 3-bar hamburger drawn in CSS, so it doesn't depend on the inline icon. */
.atr-pk-menu-toggle svg,
.atr-pk-menu-toggle img { display: none; }
.atr-pk-menu-toggle::before {
content: "";
display: block;
width: 24px;
height: 18px;
background-image:
linear-gradient(currentColor, currentColor),
linear-gradient(currentColor, currentColor),
linear-gradient(currentColor, currentColor);
background-size: 24px 2px;
background-position: center top, center center, center bottom;
background-repeat: no-repeat;
}
}
/* ---- Mobile menu panel (ATR Advanced Mobile Menu) — site dark theme ------
The plugin ships a light panel; here we re-skin it to match the site's dark
nav: full-width rows, light text, subtle separators. (ID selectors beat the
plugin's class rules; the plugin already slides the panel in from the right
in RTL.) */
@media (max-width: 767px) {
#mobile-menu-container {
background: var(--atr-pk-nav-bg);
color: var(--atr-pk-nav-link);
font-family: Arial, Helvetica, sans-serif;
}
#mobile-menu-container .menu-header {
background: #161616;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mobile-menu-container .current-level {
color: var(--atr-pk-nav-link);
font-weight: 600;
}
#mobile-menu-container .close-menu,
#mobile-menu-container .back-button {
color: var(--atr-pk-nav-link);
}
#mobile-menu-container .menu-link {
color: var(--atr-pk-nav-link);
padding: 15px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#mobile-menu-container .menu-link:hover,
#mobile-menu-container .menu-link:focus {
background: rgba(255, 255, 255, 0.05);
color: #fff;
}
#mobile-menu-container .sub-menu {
background: #161616;
}
#mobile-menu-container .menu-header-actions {
display: inline-flex;
align-items: center;
gap: 8px;
}
#mobile-menu-container .home-link {
display: inline-flex;
align-items: center;
padding: 5px;
color: var(--atr-pk-nav-link);
}
#mobile-menu-container .home-link:hover { color: #fff; }
}
/* ---- Footer bottom bar ---------------------------------------------- */
.atr-pk-footer-bottom {
background: var(--atr-pk-footer-bg);
color: #ccc;
border-top: 1px solid #444;
padding: 15px 0;
line-height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.atr-pk-footer-row { width: 100%; }
.atr-pk-footer-credits,
.atr-pk-footer-copy { margin: 0; }
.atr-pk-footer-bottom a { color: #ccc; }
.atr-pk-footer-bottom a:hover { color: #fff; }
.wp-site-blocks .atr-pk-footer-credits a { color: #ccc; }
@media (max-width: 767px) {
.atr-pk-footer-row {
justify-content: center;
text-align: center;
line-height: 1.6;
}
.atr-pk-footer-credits,
.atr-pk-footer-copy {
flex: 0 0 100%;
text-align: center;
}
}
/* ---- Home / blog — Sahifa two-column port --------------------------
Production: #main-content (white, padding 24px 0), .content 660px on the
reading-start side, #sidebar 310px after it. The columns block does the
split (sidebar width set in the template); these rules size and skin it.
Authored LTR; rtlcss flips the physical paddings for the RTL build. */
/* #main-content in the live skin: a white 1045px box sitting 20px below the nav,
with a soft shadow "border" and 24px inner padding. Local was transparent with
no shadow and a 32px block-gap on top (the root layout default) — match prod. */
.atr-pk-main {
background: #fff;
margin: 20px auto 25px;
padding: 24px;
box-shadow: 0 0 3px #cacaca;
}
.atr-pk-row {
gap: 35px;
align-items: flex-start;
margin-bottom: 0;
}
/* Main content CARD = the live .post-listing (white, accent bottom border, soft
shadow). It wraps the posts (front-page: on the query block) / the article
(single), NOT the whole column — so the pagination can sit BELOW the card,
outside its border, like production. The .atr-pk-content column stays
transparent. The sidebar keeps its own per-widget cards. */
.atr-pk-content { padding: 0; }
.atr-pk-card {
background: #fff;
border-bottom: 4px solid var(--atr-pk-accent);
box-shadow: 0 0 3px #cacaca;
padding-right: 20px;
padding-left: 20px;
}
/* Desktop: keep the sidebar in view while the (usually taller) content column
scrolls past it. align-self:flex-start stops the flex column from stretching
to the row's full height, which is what lets position:sticky take effect. */
@media (min-width: 768px) {
.atr-pk-sidebar {
position: sticky;
top: 20px;
align-self: flex-start;
}
}
/* Posts (.post-inner): vertical padding (the card supplies the horizontal), with a
hairline separator between entries. Longhand top/bottom so it never clobbers the
card's left/right padding when both land on the single article. */
.atr-pk-post { padding-top: 20px; padding-bottom: 20px; }
.wp-block-post-template > li:last-child .atr-pk-post,
.atr-pk-query > .wp-block-post:last-child .atr-pk-post { border-bottom: 0; }
.wp-block-post-template > li + li .atr-pk-post,
.atr-pk-post + .atr-pk-post { border-top: 1px solid #f2f2f2; }
/* Sahifa numbered pagination (the atr-fse/pagination block) — sits BELOW the
content card, on the .atr-pk-main white. "Page X of Y" floats to the reading
side, the page links to the other, and the current page is an accent box.
Authored LTR; rtlcss flips the physical floats for the RTL build. */
.atr-pk-pagination .pagination,
.pagination { overflow: hidden; margin: 20px 0 0; }
.pagination a,
.pagination span.extend,
.pagination span.current {
float: right;
margin-left: 3px;
color: #777;
padding: 6px 10px 3px;
text-decoration: none;
}
.pagination a:hover { color: #000; }
.pagination span.current {
color: #fff;
background: var(--atr-pk-accent);
padding: 4px 10px 6px;
}
.pagination .pages {
float: left;
font-size: 85%;
padding: 7px 0 2px;
color: #777;
}
/* Post title (.post-title): BebasNeue is Latin-only — Hebrew falls back to arial. */
.atr-pk-post-title {
font-family: BebasNeueRegular, arial, Georgia, serif;
font-size: 28px;
line-height: 1.2;
margin: 0 0 10px;
}
.atr-pk-post-title a { color: #000; }
.atr-pk-post-title a:hover { color: var(--atr-pk-accent); }
/* Blog-listing title (h2.post-box-title): smaller than the single .post-title. */
.atr-pk-post-box-title {
font-size: 20px;
line-height: 26px;
margin: 0 0 10px;
}
.atr-pk-post-box-title a { color: #000; }
.atr-pk-post-box-title a:hover { color: var(--atr-pk-accent); }
/* Listing item (.item-list): clear the floated thumbnail so the separator and
the next item don't ride up beside it. */
.atr-pk-item::after { content: ""; display: block; clear: both; }
/* Listing thumbnail LAYOUT only (float + spacing). The image SIZING (natural
size capped at column width) is now the parent "Listing natural-size images"
feature; the read-more button is the parent "Excerpt read-more" feature — both
toggled in ATR Theme Options → Blog Features. Authored LTR; rtlcss flips for
the RTL build. */
.atr-pk-thumb {
float: right;
max-width: 100%;
margin: 0 0 10px 15px;
}
.atr-pk-thumb img { display: block; }
/* Post meta (p.post-meta): muted, 85%, hairline underline, spaced items. */
.atr-pk-post-meta {
color: #888;
font-size: 85%;
gap: 15px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 5px;
margin: 0 0 10px;
}
.atr-pk-post-meta a { color: #888; }
.atr-pk-post-meta a:hover { color: #000; }
.atr-pk-post-meta { align-items: center; }
/* The post-meta block wraps its items in .atr-meta; on single posts the share
buttons sit on the far side (parent group uses justify:space-between). */
.atr-meta { display: inline-flex; align-items: center; gap: 15px; flex-wrap: wrap; }
.atr-meta-date,
.atr-meta-cats,
.atr-meta-comments,
.atr-meta-views { display: inline-flex; align-items: center; gap: 5px; }
.atr-meta-date::before,
.atr-meta-cats::before,
.atr-meta-comments::before,
.atr-meta-views::before {
content: "";
width: 14px;
height: 14px;
background: center / contain no-repeat;
opacity: 0.7;
}
.atr-meta-date::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.8-13H11v6l5 3 .8-1.3-4-2.4V7z'/%3E%3C/svg%3E"); }
.atr-meta-cats::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M3 5h6l2 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1z'/%3E%3C/svg%3E"); }
.atr-meta-comments::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M4 4h16a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H8l-4 4V5a1 1 0 0 1 1-1z'/%3E%3C/svg%3E"); }
.atr-meta-views::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23888'%3E%3Cpath d='M12 5C5 5 1 12 1 12s4 7 11 7 11-7 11-7-4-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E"); }
/* Post content (.entry). */
.atr-pk-entry { line-height: 22px; }
.atr-pk-entry p { margin-bottom: 20px; }
.atr-pk-entry img { max-width: 100%; height: auto; }
.atr-pk-entry h1,
.atr-pk-entry h2,
.atr-pk-entry h3,
.atr-pk-entry h4,
.atr-pk-entry h5,
.atr-pk-entry h6 {
margin: 25px 0 10px;
line-height: 1;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
}
.atr-pk-entry h1 { font-size: 36px; }
.atr-pk-entry h2 { font-size: 30px; }
.atr-pk-entry h3 { font-size: 24px; }
.atr-pk-entry h4 { font-size: 18px; }
.atr-pk-entry h5 { font-size: 14px; }
.atr-pk-entry h6 { font-size: 12px; }
/* Content lists (.entry ul/ol/li). Authored LTR; rtlcss flips the margins. */
.atr-pk-entry ul,
.atr-pk-entry ol { margin: 0 15px 20px 0; }
.atr-pk-entry ul li { list-style: outside disc; }
.atr-pk-entry ol li { list-style: outside decimal; }
.atr-pk-entry li { margin: 0 0 5px; }
/* Display Posts plugin pagination ([display-posts] list, e.g. the "כל הפרקים" page)
— Sahifa pagination look: grey number buttons, current in the accent colour. */
.atr-pk-entry .display-posts-pagination { margin: 20px 0 5px; }
.atr-pk-entry .display-posts-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 3px;
}
.atr-pk-entry .page-numbers {
display: inline-block;
padding: 6px 11px 4px;
color: #777;
background: #f0f0f0;
border-radius: 2px;
text-decoration: none;
font-size: 13px;
line-height: 1.2;
}
.atr-pk-entry a.page-numbers:hover { background: #444; color: #fff; }
.atr-pk-entry .page-numbers.current { background: var(--atr-pk-accent); color: #fff; }
.atr-pk-entry .page-numbers.dots { background: none; color: #777; padding: 6px 4px 4px; }
/* Contact Form 7 (e.g. the "יצירת קשר" page) — Sahifa look: grey fields, accent submit. */
.atr-pk-entry .wpcf7-form input[type="text"],
.atr-pk-entry .wpcf7-form input[type="email"],
.atr-pk-entry .wpcf7-form input[type="tel"],
.atr-pk-entry .wpcf7-form input[type="url"],
.atr-pk-entry .wpcf7-form input[type="number"],
.atr-pk-entry .wpcf7-form textarea,
.atr-pk-entry .wpcf7-form select {
box-sizing: border-box;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 3px;
padding: 8px;
color: #515151;
font: 13px Arial, Helvetica, sans-serif;
}
.atr-pk-entry .wpcf7-form textarea { width: 100%; min-height: 180px; }
.atr-pk-entry .wpcf7-form input:focus,
.atr-pk-entry .wpcf7-form textarea:focus {
background: #fff;
outline: 0;
border-color: var(--atr-pk-accent);
}
.atr-pk-entry .wpcf7-form input[type="submit"] {
background: var(--atr-pk-accent);
color: #fff;
border: 0;
border-radius: 3px;
padding: 10px 28px;
font-size: 14px;
cursor: pointer;
width: auto;
}
.atr-pk-entry .wpcf7-form input[type="submit"]:hover { opacity: 0.9; }
/* ---- Single post bottom: share bar · tags · prev/next · comments ----
Ported from the live Sahifa skin. Authored LTR; rtlcss flips the physical
left/right for the RTL build. */
/* Bottom share bar (atr-fse/share variant:bar = Sahifa .share-post): spans the
card width and sits flush at its bottom, right above the 4px accent border. */
.atr-pk-card .atr-share-bar {
--atr-share-bar-accent: var(--atr-pk-accent);
margin: 15px -20px -20px;
}
/* Per-site bottom share bar: transparent buttons. White-on-transparent would be
invisible on the grey bar, so darken the text/icon (the SVG uses currentColor;
Facebook's custom-image icon keeps its own colours). */
.atr-pk-card .atr-share-btn--facebook,
.atr-pk-card .atr-share-btn--whatsapp,
.atr-pk-card .atr-share-btn--email {
background: transparent;
color: #555;
}
/* Tags (.post-tag): grey pills with an arrow notch + dot on the LEFT. The whole
pill geometry is kept LTR-oriented (rtl:ignore) so the point stays on the left in
the RTL build; the Hebrew text inside still renders RTL. */
.atr-pk-tags { margin: 15px 0 25px; color: #888; font-size: 13px; }
/* Drop the post-terms comma separator — the pill margins do the spacing. */
.atr-pk-tags .wp-block-post-terms__separator { display: none; }
.atr-pk-tags a {
background-color: #aaa;
border-radius: 0 2px 2px 0;
display: inline-block;
font-size: 11px;
line-height: 13px;
margin: 0 0 2px 10px;
padding: 4px 7px 3px;
position: relative;
text-decoration: none;
}
.atr-pk-tags a::before {
content: "";
position: absolute;
top: 0;
left: -8px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 8px solid #aaa;
border-bottom: 10px solid transparent;
}
.atr-pk-tags a::after {
content: "";
position: absolute;
top: 8px;
left: -2px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #fff;
}
.atr-pk-tags a:hover::before { border-right-color: #444; }
/* White text — beats the global .wp-site-blocks a:not(.wp-element-button) #000. */
.wp-site-blocks .atr-pk-tags a,
.wp-site-blocks .atr-pk-tags a:hover { color: #fff; }
.atr-pk-tags a:hover { background: #444; }
/* Prev / next (.post-navigation). Flex space-between → previous on the reading
side, next after it; CSS adds the הקודם/הבא labels + « » arrows. */
.atr-pk-postnav { margin: 0 0 25px; font-size: 14px; color: #999; flex-wrap: nowrap; }
.atr-pk-prev,
.atr-pk-next {
position: relative;
box-sizing: border-box;
flex: 0 1 48%;
min-width: 0;
}
.atr-pk-prev { padding-right: 40px; }
.atr-pk-next { padding-left: 40px; text-align: left; }
.atr-pk-prev::before { content: "הקודם"; }
.atr-pk-next::before { content: "הבא"; }
.atr-pk-prev::before,
.atr-pk-next::before { display: block; font-size: 80%; color: #999; }
.atr-pk-postnav a { color: #555; }
.atr-pk-postnav a:hover { color: #000; }
.atr-pk-prev::after,
.atr-pk-next::after {
position: absolute;
top: 50%;
margin-top: -22px;
font-size: 48px;
line-height: 1;
color: #ccc;
}
.atr-pk-prev::after { content: "\00ab"; right: 0; }
.atr-pk-next::after { content: "\00bb"; left: 0; }
/* Comments — Sahifa .commentlist look on the core blocks.
Authored LTR; rtlcss flips the physical sides for the RTL build. */
.atr-pk-comments { margin-top: 10px; }
.atr-pk-comments .wp-block-comments-title {
display: flex;
align-items: center;
gap: 10px;
font-family: BebasNeueRegular, arial, Georgia, serif;
font-size: 20px;
font-weight: normal;
margin: 0 0 15px;
}
.atr-pk-comments .wp-block-comments-title::after {
content: "";
flex: 1 1 auto;
height: 12px;
background: url("assets/img/stripe.png");
}
/* The comment list is a card like the other elements: white, soft shadow, thick
accent bottom border. */
.atr-pk-comments .wp-block-comment-template {
list-style: none;
margin: 0 0 30px;
padding: 20px 20px 0;
background: #fff;
box-shadow: 0 0 3px #cacaca;
border-bottom: 4px solid var(--atr-pk-accent);
}
.atr-pk-comments .wp-block-comment-template li { margin-bottom: 20px; }
/* Nested replies: indent and drop the card treatment. */
.atr-pk-comments .wp-block-comment-template .wp-block-comment-template {
margin: 15px 0 0;
padding: 0;
background: none;
box-shadow: none;
border-bottom: 0;
margin-inline-start: 50px;
}
/* Avatar floats to the reading side; the body clears it with a margin (inline,
not stacked). The comment carries a hairline bottom border; Reply is pinned to
the bottom on the far side, attached to that border. */
.atr-pk-comment { position: relative; }
.atr-pk-comment::after { content: ""; display: block; clear: both; }
.atr-pk-comment-avatar { float: right; margin: 0; }
.atr-pk-comment-avatar img { display: block; border-radius: 2px; }
.atr-pk-comment-body {
margin-right: 80px;
min-height: 60px;
padding-bottom: 26px;
border-bottom: 1px solid #e7e7e7;
}
.atr-pk-comment-head { margin-bottom: 5px; }
.atr-pk-comment-head .wp-block-comment-author-name,
.atr-pk-comment-head .wp-block-comment-author-name a { font-weight: bold; color: #3b3b3b; }
.atr-pk-comment-head .wp-block-comment-date,
.atr-pk-comment-head .wp-block-comment-date a { font-size: 85%; color: #888; }
.atr-pk-comments .wp-block-comment-content { line-height: 19px; }
.atr-pk-comments .wp-block-comment-content p { margin-bottom: 10px; }
.atr-pk-comment .wp-block-comment-reply-link {
position: absolute;
left: 0;
bottom: 0;
margin: 0;
}
.atr-pk-comment .wp-block-comment-reply-link a {
display: inline-block;
background: #e7e7e7;
padding: 3px 10px;
font-size: 11px;
color: #333;
text-decoration: none;
}
.atr-pk-comment .wp-block-comment-reply-link a:hover { background: #333; color: #fff; }
/* Comment form ("כתיבת תגובה"): stripe title above, the form itself a card with the
accent bottom border, and Sahifa-style grey inputs. */
.atr-pk-comments .comment-respond { margin-top: 10px; }
.atr-pk-comments .comment-reply-title {
display: flex;
align-items: center;
gap: 10px;
font-family: BebasNeueRegular, arial, Georgia, serif;
font-size: 20px;
font-weight: normal;
margin: 0 0 12px;
}
.atr-pk-comments .comment-reply-title::after {
content: "";
flex: 1 1 auto;
height: 12px;
background: url("assets/img/stripe.png");
}
.atr-pk-comments .comment-reply-title small { margin-inline-start: 10px; font-size: 60%; }
.atr-pk-comments .comment-form {
background: #fff;
box-shadow: 0 0 3px #cacaca;
border-bottom: 4px solid var(--atr-pk-accent);
padding: 20px 20px 12px;
margin-bottom: 30px;
}
.atr-pk-comments .comment-form label { display: block; color: #888; padding-bottom: 4px; }
.atr-pk-comments .comment-notes,
.atr-pk-comments .email-notes { color: #888; margin-bottom: 15px; font-size: 90%; }
.atr-pk-comments .comment-form input[type="text"],
.atr-pk-comments .comment-form input[type="email"],
.atr-pk-comments .comment-form input[type="url"],
.atr-pk-comments .comment-form textarea {
box-sizing: border-box;
width: 100%;
max-width: 100%;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 3px;
padding: 8px;
color: #515151;
font: 13px Arial, Helvetica, sans-serif;
}
.atr-pk-comments .comment-form textarea { min-height: 140px; }
.atr-pk-comments .comment-form input:focus,
.atr-pk-comments .comment-form textarea:focus {
background: #fff;
outline: 0;
border-color: var(--atr-pk-accent);
}
.atr-pk-comments .comment-form .form-submit { margin-bottom: 0; }
.atr-pk-comments .comment-form .form-submit input[type="submit"] {
background: var(--atr-pk-accent);
color: #fff;
border: 0;
border-radius: 3px;
padding: 10px 25px;
font-size: 14px;
cursor: pointer;
}
.atr-pk-comments .comment-form .form-submit input[type="submit"]:hover { opacity: 0.9; }
/* Sidebar widgets — ported from the live Sahifa "primary-widget-area".
Live structure: .widget-top (h4 + .stripe-line diagonal hatch filling the row)
over .widget-container (white card, accent bottom-border + soft shadow). Here
the heading IS the widget-top: its ::after renders the stripe; .atr-pk-widget-body
is the card. Assets copied locally to assets/img/ (stripe.png from the Sahifa
theme, btn_donate.gif from uploads) — the live img was http:// and broke under
the local https origin as mixed content. */
.atr-pk-sidebar { padding: 0 10px; }
.atr-pk-widget { margin-bottom: 25px; }
/* The widget groups carry no blockGap:0, so WP's default 2rem block-gap lands on
every child after the first (the body card, the search field). Zero it — the
title's own 10px margin-bottom / the stripe's margin supplies the small gap,
matching the live skin. (Same fix as .atr-pk-nav above.) */
.atr-pk-widget > * + * { margin-block-start: 0; }
/* widget-top: heading text with the diagonal stripe filling the rest of the row */
.atr-pk-widget-title {
display: flex;
align-items: center;
gap: 10px;
font-family: BebasNeueRegular, arial, Georgia, serif;
font-size: 20px;
font-weight: normal;
color: #333;
margin: 0 0 10px;
padding: 5px 0;
}
.atr-pk-widget-title::after {
content: "";
flex: 1 1 auto;
height: 12px;
background: url("assets/img/stripe.png");
}
/* Title-less widgets (e.g. search) get a standalone full-width stripe bar. */
.atr-pk-stripe {
height: 12px;
background: url("assets/img/stripe.png");
margin: 5px 0 10px;
}
/* widget-container: white card with accent bottom border + soft shadow */
.atr-pk-widget-body {
background: #fff;
border-bottom: 4px solid var(--atr-pk-accent);
box-shadow: 0 0 3px #cacaca;
padding: 10px;
}
.atr-pk-widget-body:empty { display: none; }
.atr-pk-widget-body p { padding-bottom: 1em; }
.atr-pk-widget-body img { margin: auto; display: block; }
/* Search: full-width field joined to an accent submit button (Sahifa skin) */
.atr-pk-widget .wp-block-search__input {
width: 100%;
border: 1px solid #ddd;
border-radius: 0 3px 3px 0;
padding: 8px;
background: #f9f9f9;
color: #515151;
}
.atr-pk-widget .wp-block-search__button {
margin: 0;
background: var(--atr-pk-accent);
color: #fff;
border: 0;
border-radius: 3px 0 0 3px;
padding: 8px 14px;
font: 12px Tahoma;
cursor: pointer;
}
.atr-pk-widget .wp-block-search__button:hover { opacity: 0.9; }
/* Mobile: the columns block already stacks (< 782px); drop side paddings so
content and sidebar use the full width. */
@media (max-width: 767px) {
.atr-pk-content,
.atr-pk-sidebar { padding: 0; }
.atr-pk-sidebar { margin-top: 25px; }
}
.wp-block-post-excerpt__more-text {
margin-top: 0;
}