/* =====================================================================================================
   dd-blog.css — "ידע" (/blog/, 16.10.2026): the blog page in the new design (WordPress only — Elementor's markup).
   The page keeps its content: the same title, the latest articles (Posts widget, 21), the same 10 videos, the same
   reviews (Trustindex + the global testimonials widget). Its opening = the opening of "המלצות" (breadcrumbs + a big
   balanced headline on the dark surface), the article cards = the article page's cards (dd-article.css · .dd-art-cards),
   the videos = the recommendation videos' frame, in the videos' own wide shape (16:9).
   Everything here is the designed default — every choice made in the panel wins (editable-css.mjs).
   ===================================================================================================== */

/* ---------- the opening: breadcrumbs + the headline ---------- */
:where(.elementor .e-con.dd-blog-hero):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: block; }
:where(.elementor .e-con.dd-blog-hero):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --position: relative; --padding-top: clamp(100px, 6vw + 56px, 136px); --padding-bottom: clamp(34px, 3.6vw, 56px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-blog-hero):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.elementor .e-con.dd-blog-hero):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { position: relative; padding-block: clamp(100px, 6vw + 56px, 136px) clamp(34px, 3.6vw, 56px); }
:where(.dd-blog-hero > .elementor-widget):not(.dd-z.dd-z):not(z) { position: relative; z-index: 1; }
:where(.dd-blog-crumbs .dd-crumbs ol):not(.dd-z.dd-z):not(z):not(z) { margin: 0 0 clamp(14px, 1.6vw, 24px); }
:where(.elementor .elementor-element.dd-blog-h1):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { font-size: clamp(2.1rem, 1.1rem + 3.2vw, 4.6rem); line-height: 1.02; letter-spacing: -.02em; font-weight: 800; color: var(--dd-cream); text-wrap: balance; }

/* ---------- the articles: the article page's cards, three in a row ---------- */
:where(.elementor .e-con.dd-blog-posts):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: block; }
:where(.elementor .e-con.dd-blog-posts):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --padding-top: clamp(40px, 4.6vw, 72px); --padding-bottom: clamp(80px, 9vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-blog-posts):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.elementor .e-con.dd-blog-posts):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { padding-block: clamp(40px, 4.6vw, 72px) clamp(80px, 9vw, 140px); }

/* ---------- the videos: a wide frame with the cover, the play button over a soft shade; opens in a lightbox ---------- */
:where(.elementor .e-con.dd-blog-videos):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: block; }
:where(.elementor .e-con.dd-blog-videos):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --padding-top: clamp(70px, 8vw, 130px); --padding-bottom: clamp(70px, 8vw, 130px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-blog-videos):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.elementor .e-con.dd-blog-videos):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 130px); }
:where(.elementor .e-con.dd-blog-videos > .elementor-widget-heading):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { margin-bottom: clamp(26px, 3vw, 48px); }
:where(.elementor .e-con.dd-blog-video):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: flex; }
:where(.elementor .e-con.dd-blog-video):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --flex-direction: column; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-blog-video):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.elementor .e-con.dd-blog-video):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { flex-direction: column; }
:where(.dd-blog-video__player .elementor-wrapper):not(.dd-z.dd-z):not(z) { position: relative; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; background: var(--dd-deep);
  box-shadow: 0 26px 50px -30px rgb(0 0 0 / .8); transition: transform .6s var(--dd-ease-out), box-shadow .6s; }
:where(.dd-blog-video:hover .dd-blog-video__player .elementor-wrapper):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-5px); box-shadow: 0 36px 60px -30px rgb(0 0 0 / .9); }
:where(.dd-blog-video__player .elementor-custom-embed-image-overlay):not(.dd-z.dd-z):not(z) { position: absolute; inset: 0; background-size: cover; background-position: center; cursor: pointer; }
:where(.dd-blog-video__player .elementor-custom-embed-image-overlay img):not(.dd-z.dd-z):not(z):not(z) { width: 100%; height: 100%; object-fit: cover; object-position: center; }
:where(.dd-blog-video__player iframe):not(.dd-z):not(z):not(z) { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
:where(.dd-blog-video__player .elementor-custom-embed-image-overlay):not(.dd-z.dd-z):not(z):not(z)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, color-mix(in srgb, var(--dd-deep) 55%, transparent), color-mix(in srgb, var(--dd-deep) 0%, transparent) 55%); pointer-events: none; }
:where(.dd-blog-video__player .elementor-custom-embed-play):not(.dd-z.dd-z):not(z) { z-index: 1; }
:where(.dd-blog-video__player .elementor-custom-embed-play svg):not(.dd-z.dd-z):not(z):not(z), :where(.dd-blog-video__player .elementor-custom-embed-play i):not(.dd-z.dd-z):not(z):not(z) { fill: #fff; color: #fff; filter: drop-shadow(0 6px 18px rgb(0 0 0 / .45)); transition: transform .5s var(--dd-ease-out); }
:where(.dd-blog-video:hover .elementor-custom-embed-play svg):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z), :where(.dd-blog-video:hover .elementor-custom-embed-play i):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: scale(1.12); }
/* the pair in a row comes in one after the other */
:where(.dd-blog-vgrid > .dd-blog-video:nth-child(even)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { --dd-delay: 140ms; }

/* ---------- the reviews ---------- */
:where(.elementor .e-con.dd-blog-reviews):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: block; }
:where(.elementor .e-con.dd-blog-reviews):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --padding-top: clamp(70px, 8vw, 130px); --padding-bottom: clamp(70px, 8vw, 130px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-blog-reviews):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.elementor .e-con.dd-blog-reviews):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { padding-block: clamp(70px, 8vw, 130px); }
:where(.elementor .e-con.dd-blog-reviews > .elementor-widget + .elementor-widget):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { margin-top: clamp(22px, 2.6vw, 40px); }

@media (prefers-reduced-motion: reduce) {
  :where(.dd-blog-video__player .elementor-wrapper):not(.dd-z.dd-z):not(z), :where(.dd-blog-video__player .elementor-custom-embed-play svg):not(.dd-z.dd-z):not(z):not(z), :where(.dd-blog-video__player .elementor-custom-embed-play i):not(.dd-z.dd-z):not(z):not(z) { transition: none; }
  :where(.dd-blog-video:hover .dd-blog-video__player .elementor-wrapper):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.dd-blog-video:hover .elementor-custom-embed-play svg):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z), :where(.dd-blog-video:hover .elementor-custom-embed-play i):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: none; }
}