/* TikTok icons */ .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#ffffff} .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok + .wp-social-link-tiktok{color:#ff7a00} /* Social row alignment + website globe */ .kruvi-social-col{display:flex!important;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap} .kruvi-social-col > *{margin-block-start:0!important;margin-block-end:0!important} .kruvi-social-col .wp-block-social-links{margin:0} .kruvi-social-col .kruvi-web-link{display:inline-flex!important;align-items:center;line-height:0;color:#d9a521!important} .kruvi-social-col .kruvi-web-link:hover{color:#f0bd3d!important} .kruvi-social-col .kruvi-web-link svg{width:20px;height:20px;display:block} /* Footer full width */ footer.wp-block-template-part{max-width:none!important;width:auto!important;margin-inline:0!important} footer.wp-block-template-part > .wp-block-group > .wp-block-group{max-width:var(--wp--style--global--content-size);margin-inline:auto!important} /* Stray search form ejected from */ body > form.search-form{display:none} /* ===== START kruvi-mobile-compact (הוסף אוג' 2026) — סלולארי בלבד, אין השפעה על דסקטופ ===== */ @media (max-width: 782px) { /* מגזין: גריד 2 עמודות עם תמונות ממוזערות וכותרת בת 2 שורות */ .kruvi-mag ul.wp-block-post-template{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:14px 10px!important; margin:0!important; } .kruvi-mag ul.wp-block-post-template > li.wp-block-post{ margin:0!important; display:flex; flex-direction:column; gap:6px; } .kruvi-mag .wp-block-post-featured-image{margin:0!important} .kruvi-mag .wp-block-post-featured-image img{ aspect-ratio:3/2; object-fit:cover; width:100%; height:auto; display:block; border-radius:4px; } .kruvi-mag .wp-block-post-title{ font-size:14px!important; line-height:1.28!important; margin:0!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .kruvi-mag .wp-block-post-date, .kruvi-mag .wp-block-post-excerpt{display:none!important} .kruvi-lead .wp-block-post-excerpt{display:none!important} /* סטריפ "חדש באתר" */ .kruvi-new-strip{ padding:10px 12px; background:#f4f5f7; border-inline-start:4px solid #d9a521; border-radius:6px; margin:0 0 18px!important; } .kruvi-new-strip .kns-head{ display:flex; align-items:center; gap:7px; font-weight:800; font-size:13px; color:#1a1a1a; margin:0 0 7px!important; } .kruvi-new-strip .kns-head::before{ content:""; width:8px; height:8px; border-radius:50%; background:#e03127; display:inline-block; flex:0 0 auto; } .kruvi-new-strip ul.wp-block-post-template{ list-style:none; margin:0!important; padding:0; display:block!important; } .kruvi-new-strip ul.wp-block-post-template > li.wp-block-post{margin:0!important} .kruvi-new-strip .kns-item{ display:flex!important; gap:8px; align-items:baseline; padding:5px 0; margin:0!important; border-top:1px solid #e2e4e8; } .kruvi-new-strip li.wp-block-post:first-child .kns-item{border-top:0} .kruvi-new-strip .kns-date{ flex:0 0 auto; min-width:52px; font-size:11px!important; color:#5a6270; margin:0!important; } .kruvi-new-strip .kns-t{ font-size:14px!important; line-height:1.3!important; margin:0!important; min-width:0; display:-webkit-box!important; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .kruvi-new-strip .kns-t a{display:inline;text-decoration:none;color:#15181d} } /* הסטריפ מוסתר לחלוטין בדסקטופ ובטאבלט רחב */ @media (min-width: 783px){ .kruvi-new-strip{display:none!important} } /* ===== END kruvi-mobile-compact ===== */ /* === Fluid YouTube embeds (added 2026-08-27) ================= Jetpack's oEmbed outputs a fixed 640x360 iframe that overflows the content column on phones. This makes it fluid and keeps 16:9. Scoped to .embed-youtube only - nothing else on the site matches. Delete this block to revert. ============================================================ */ .embed-youtube { display: block; position: relative; width: 100%; padding-top: 56.25%; } .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* === End fluid YouTube embeds ================================ */ /* START kruvi-sticky-nav ================================ Desktop only (>=783px). The black header bar is flattened into a single sticky line: search pinned to the left edge, then the menu with the social icons right next to it, the pair centred in the bar. display:contents on the header, on the two rows and on the columns turns search, menu and icons into direct flex children of the bar, so the bar drops from 171px to about 71px and stays pinned while scrolling. Mobile (below 783px) is untouched. ======================================================== */ @media (min-width: 783px) { header.wp-block-template-part { display: contents; } header.wp-block-template-part > .wp-block-group.has-contrast-background-color { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: center; column-gap: 32px; min-height: 68px; padding: 12px 48px; } body.admin-bar header.wp-block-template-part > .wp-block-group.has-contrast-background-color { top: 32px; } /* flatten the two rows and the columns block into the bar */ header.wp-block-template-part > .wp-block-group.has-contrast-background-color > .wp-block-group, header.wp-block-template-part .wp-block-columns { display: contents; } header.wp-block-template-part .kruvi-social-col { display: contents !important; } /* the empty spacer column is no longer needed */ header.wp-block-template-part .wp-block-columns > .wp-block-column:first-child { display: none; } /* menu first (right side in RTL), icons right next to it */ header.wp-block-template-part .wp-block-navigation { order: -1; flex: 0 0 auto; margin-inline: 0 !important; max-width: none; width: auto; } header.wp-block-template-part .kruvi-social-col > .wp-block-social-links { flex: 0 0 auto; margin: 0 !important; } header.wp-block-template-part .kruvi-web-link { flex: 0 0 auto; margin-inline-start: -16px !important; } /* search pinned to the left edge, vertically centred */ header.wp-block-template-part .wp-block-columns > .wp-block-column:last-child { position: absolute; left: 48px; top: 50%; transform: translateY(-50%); width: 300px; margin: 0 !important; } } /* END kruvi-sticky-nav ================================== */