/* ===== TDR Layout (Standalone + Shell) – Full Canvas ===== */

/* בסיס ומשתנים */
:root{
  --bg-outer-from:#300060;
  --bg-outer-mid:#6a00a8;
  --bg-outer-to:#b300b3;
  --ink:#fff;
  --ink-soft:#dcd3ff;
  --radius:32px;
}
*{ box-sizing:border-box; }
html{ }
body{ 
    --e-global-color-primary: #a185da !important;
    margin:0; color:var(--ink) !important;
direction: rtl;       /* כיוון הטקסט */
text-align: right;    /* יישור לימין */
}

/* ===== SCOPE: שני סוגי התבניות + קלאסים ידניים =====
   נתמך כששם התבנית הוא אחד מ:
   - page-template-tdr-standalone / page-template-tdr-standalone-php / tdr-standalone
   - page-template-tdr-shell      / page-template-tdr-shell-php      / tdr-shell
*/
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell){
}

/* ביטול קונטיינרים/רוחבים/שוליים של תבנית־האם בעמוד הזה בלבד */
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell)
  :is(.site,.site-content,.content-area,#primary,#main,.container,.grid-container,
      .container-fluid,.content,.entry-content,.content-wrap,.wrap,.site-main,
      .ast-container,.kadence-container,.generatepress-container,.oceanwp-container){
  max-width:100%!important; width:100%!important;
  margin:0!important; padding:0!important; float:none!important;
  display:block!important; position:static!important;
}

/* הסתרת סיידברים */
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell)
  :is(.sidebar,.widget-area,.ast-sidebar,.sidebar-main,.kadence-sidebar,.gen-sidebar){
  display:none!important;
}

/* הדר/פוטר – התאמה ויזואלית */
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell) .site-header{
  background:transparent!important; box-shadow:none!important;
}
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell) .site-footer{
  background:#0a0f2a!important; color:#fff!important; border:0!important;
}
body:is(.page-template-tdr-standalone, .page-template-tdr-standalone-php, .tdr-standalone,
        .page-template-tdr-shell,      .page-template-tdr-shell-php,      .tdr-shell) .site-footer a{
  color:var(--ink-soft)!important;
}

/* ===== רקע חיצוני + “דף” כהה במרכז ===== */
.outer-wrapper{
  min-height:100svh;
  background:linear-gradient(135deg,var(--bg-outer-from),var(--bg-outer-mid),var(--bg-outer-to));
  background-attachment:fixed;
  padding:36px 0;
}


hr { background: #6231d6; }

@media (max-width:727px){ .outer-wrapper{ padding:0; } }

.main-wrapper{
  max-width:760px; margin:0 auto;
  background:#0a0f2a; border-radius:var(--radius); overflow:hidden;
  box-shadow:0 25px 60px rgba(15,7,40,.45), inset 0 0 0 1px rgba(255,255,255,.06);
  backdrop-filter:saturate(120%) blur(10px);
  -webkit-backdrop-filter:saturate(120%) blur(10px);
}
@media (max-width:600px){ .main-wrapper{ border-radius:0; } }

.profile-wrapper{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  direction:rtl; text-align:right;
}

/* ===== HERO ===== */
.hero{
  position:relative; width:100%;
  min-height:340px; max-height:440px;
  background-image:var(--hero-url);
  background-size:cover; background-position:center;
  overflow:hidden;
}
@media (max-width:727px){ .hero{ min-height: 240; max-height:320px; } }

.hero .hero-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; filter:brightness(.95);
}
.hero::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(100% 65% at 50% 35%, rgba(5,5,51,0) 55%, rgba(5,5,51,.28) 100%);
  pointer-events:none;
}
.hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:60%;
  background:linear-gradient(to bottom, rgba(5,5,51,0) 0%, rgba(5,5,51,.35) 35%, rgba(5,5,51,.78) 80%, rgba(5,5,51,.92) 100%);
  pointer-events:none;
}
.hero-content{ position:absolute; inset:auto 0 0 0; padding:8px 16px 16px; z-index:1; }
.hero-name{
  font-size:clamp(24px, 3vw + 12px, 36px);
  font-weight:900; margin:2px 0 6px; text-shadow:0 3px 10px rgba(5,5,51,.55);
  text-align: center;
}
.hero-sub{ font-size:16px; color:var(--ink-soft); margin:0 0 8px; text-shadow:0 2px 8px rgba(5,5,51,.5); }

/* ===== אזור התוכן ===== */
.profile-container{ background:#020064; padding:18px 20px 28px; }
.section-label{ margin:18px 20px 10px; color:#a185da; font-size:18px; font-weight:700; }

/* ===== כרטיסים ===== */
.card-link{
  position:relative; display:block; width:100%; max-width:680px; height:240px;
  margin:10px auto; border-radius:16px; overflow:hidden; text-decoration:none;
  transition:transform .18s ease, box-shadow .25s ease, filter .2s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.card-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.card-link::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to bottom, rgba(5,5,51,.55) 0%, rgba(5,5,51,.20) 18%, rgba(5,5,51,0) 38%);
}
.card-link::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to bottom, rgba(5,5,51,0) 65%, rgba(5,5,51,.35) 82%, rgba(5,5,51,.85) 100%);
}
.card-text{
  position:absolute; inset:auto 0 0 0; z-index:2; padding:16px 18px 18px;
  font-size:22px; font-weight:800; color:#fff; text-shadow:0 2px 6px rgba(5,5,51,.45);
}
.card-link:hover{
  transform:translateY(-2px) scale(1.02); filter:saturate(1.06);
  box-shadow:0 14px 36px rgba(0,0,0,.55);
}

/* ===== Link Button עם מדיה מימין (אופציונלי) ===== */
.link-button-with-icon{
    color: white !important;
  height:88px; display:flex; align-items:center; justify-content:flex-start;
  width:100%; max-width:680px; margin:12px auto 0; border-radius:12px; text-decoration:none;
  background:#0e1b3e; color:#fff; font-size:18px; box-shadow:0 6px 18px rgba(0,0,0,.35);
  position:relative; overflow:hidden; padding-inline-start:16px; padding-inline-end:calc(var(--media-w,25%) + 16px);
}
.link-button-with-icon.media-right{ --media-w:25%; }
.link-button-with-icon.media-right .button-icon{
  position:absolute; inset-block:0; inset-inline-end:0; width:var(--media-w); height:100%; object-fit:cover; border-radius:0; z-index:0;
}
.link-button-with-icon.media-right::before{
  content:""; position:absolute; inset-block:0; inset-inline-end:0; width:var(--media-w);
  pointer-events:none; z-index:1; background:linear-gradient(to left, rgba(5,5,51,.25) 0%, rgba(5,5,51,.25) 32%, rgba(5,5,51,0) 60%);
}
.link-button-with-icon.media-right::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:2;
  --topbot-alpha:.28; --topbot-spread:28%;
  background:
    linear-gradient(to bottom, rgba(5,5,51,var(--topbot-alpha)) 0%, rgba(5,5,51,0) var(--topbot-spread)),
    linear-gradient(to top,    rgba(5,5,51,var(--topbot-alpha)) 0%, rgba(5,5,51,0) var(--topbot-spread));
}


@media (max-width:600px){ .card-link{ height:180px !important; } }


.cta-primary{ background:#2c0b74; }
.cta-primary-blue{ background:#0c0b74; }


.wp-block-heading {
    text-align: center;
    margin-bottom: 12px;
}

/* פסקה מעוצבת */
p {
  background: rgba(255,255,255,0.05);    /* רקע עדין */
  border-left: 4px solid #7a5af5;        /* פס צד צבעוני */
  padding: 1em 1.2em;
  border-radius: 12px;
  margin: 1.5em auto;
  max-width: 680px;                      /* מגביל רוחב באמצע */
  font-size: 1.1em;
  line-height: 1.7;
  color: #e9e3ff;                        /* טקסט בהיר */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: background 0.3s, transform 0.2s;
}

/* אפקט מעבר */
p:hover {
  background: rgba(122,90,245,0.15);
  transform: translateX(5px);
}

/* וריאציה קומפקטית */
p.is-compact {
  padding: 0.75em 1em;
  font-size: 1em;
}


/* ===== Gutenberg Table – direct target: table.has-fixed-layout ===== */

:root{
  --tbl-bg:#0d0f17;
  --tbl-ink:#e9ecf1;
  --tbl-ink-soft:#b9c1cc;
  --tbl-accent:#7a5af5;
  --tbl-stripe:#121521;
  --tbl-hover:#171a26;
  --tbl-border:#2a2f3d;
  --tbl-radius:14px;
  --tbl-font:clamp(14px,1.6vw,16px);
  --tbl-sticky-offset:0px; /* שנה אם יש Header fixed */
}

/* הטבלה עצמה */
table.has-fixed-layout{
  width:100%;
  table-layout: fixed;         /* כדי למנוע גלישות ו”קפיצות” */
  border-collapse: separate;   /* מאפשר radius תקין */
  border-spacing:0;
  font-size:var(--tbl-font);
  line-height:1.5;
  color:var(--tbl-ink);
  background:
    linear-gradient(180deg, rgba(122,90,245,.06), rgba(122,90,245,.02)),
    var(--tbl-bg);
  border:1px solid var(--tbl-border);
  border-radius:var(--tbl-radius);
  direction:rtl;
  /* אם התבנית נותנת סגנון חזק יותר, בטל מימנה: */
  /* all: unset;  ואז להחזיר ידנית – לרוב לא צריך */
}

/* תאים כלליים */
table.has-fixed-layout th,
table.has-fixed-layout td{
  padding:.9rem 1rem;
  border-bottom:1px solid var(--tbl-border);
  vertical-align: top;
  text-align:right;
  white-space: normal;         /* << מונע דריסה/חפיפות */
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

/* שורות מפוספסות + ריחוף */
table.has-fixed-layout tbody tr:nth-child(odd){ background:var(--tbl-stripe); }
table.has-fixed-layout tbody tr:hover{ background:var(--tbl-hover); }

/* כותרות */
table.has-fixed-layout thead th{
  font-weight:700;
  text-align:center;
  color:var(--tbl-ink);
  background:linear-gradient(180deg, rgba(122,90,245,.18), rgba(122,90,245,.08));
  border-bottom:2px solid var(--tbl-accent);
}

/* פינות עגולות (כשאין figure שעוטף) */
table.has-fixed-layout thead th:first-child{ border-top-right-radius:var(--tbl-radius); }
table.has-fixed-layout thead th:last-child { border-top-left-radius:var(--tbl-radius);  }
table.has-fixed-layout tbody tr:last-child td:first-child{ border-bottom-right-radius:var(--tbl-radius); }
table.has-fixed-layout tbody tr:last-child  td:last-child { border-bottom-left-radius:var(--tbl-radius);  }

/* עמודה ראשונה – הדגשה */
table.has-fixed-layout tbody td:first-child{ font-weight:600; color:var(--tbl-ink); }

/* מספרים למרכז (תן לתאים קלאס is-numeric או data-num) */
table.has-fixed-layout td.is-numeric,
table.has-fixed-layout td[data-num]{
  text-align:center;
  font-variant-numeric:tabular-nums;
}

/* קווי הפרדה אנכיים עדינים – בדסקטופ */
@media (min-width:900px){
  table.has-fixed-layout td + td,
  table.has-fixed-layout th + th{
    box-shadow:-1px 0 0 0 var(--tbl-border) inset;
  }
}

/* מובייל – ריווח טיפה קטן יותר */
@media (max-width:899px){
  table.has-fixed-layout th,
  table.has-fixed-layout td{ padding:.7rem .8rem; }
}

/* ===== אופציונלי: כותרת דביקה בטוחה =====
   הפעל רק אם תוסיף לטבלה גם class="has-fixed-layout is-sticky"  */
table.has-fixed-layout.is-sticky thead th{
  position: sticky;
  top: var(--tbl-sticky-offset);
  z-index: 2;
  /* חשוב: רקע מוצק/גרדיאנט כדי שלא “ידרוס” טקסטים מתחת בזמן גלילה */
  background:linear-gradient(180deg, rgba(13,15,23,0.95), rgba(13,15,23,0.92));
  backdrop-filter: blur(6px);
}

/* בסיס לרשימות של גוטנברג – בלי הזחה ברירת מחדל */
ul.wp-block-list,
ol.wp-block-list{
  margin: 0 auto;
  padding-inline-start: 0;     /* מונע גלישה/הזחה */
  line-height: 1.65;
  width: 88%;
}

/* פריט רשימה – "קלף" עדין, בלי תזוזה אופקית */
ul.wp-block-list > li,
ol.wp-block-list > li{
  box-sizing: border-box;       /* שלא יגלוש בגלל padding/border */
  width: 100%;
  list-style-position: outside; /* שומר על מספרים ב-ol אם אין אייקון */
  background: #042a76;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  border-inline-start: 4px solid #7a5af5; /* RTL/LTR אוטומטי */
  padding: 1rem 1.1rem;
  margin: .7rem 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  overflow: hidden;             /* מונע חריגת תוכן */
}

/* לא משנים צבע קישורים! רק מוודאים שהם לא נשברים */
ul.wp-block-list > li a,
ol.wp-block-list > li a{
  text-decoration: none;
  word-break: break-word;
}
ul.wp-block-list > li a:hover,
ol.wp-block-list > li a:hover{
  text-decoration: underline;
}

/* אייקון אופציונלי דרך data-icon על ה-li – אם יש, מסתירים בולט/מספר */
ul.wp-block-list > li[data-icon],
ol.wp-block-list > li[data-icon]{
  list-style: none;
  position: relative;
  padding-inline-start: 2.2em;    /* מקום לאייקון */
}
ul.wp-block-list > li[data-icon]::before,
ol.wp-block-list > li[data-icon]::before{
  content: attr(data-icon);
  position: absolute;
  inset-inline-start: .8em;       /* מכבד RTL/LTR */
  top: .9em;
  font-size: 1.35em;
  line-height: 1;
}

/* רספונסיביות – כרטיסים מעט קומפקטיים במסכים צרים */
@media (max-width: 600px){
  ul.wp-block-list > li,
  ol.wp-block-list > li{
    border-radius: 14px;
    padding: .9rem 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.12);
  }
  ul.wp-block-list > li[data-icon],
  ol.wp-block-list > li[data-icon]{
    padding-inline-start: 2em;
  }
  ul.wp-block-list > li[data-icon]::before,
  ol.wp-block-list > li[data-icon]::before{
    inset-inline-start: .7em;
    top: .85em;
  }
}

button {
  display: inline-block;
  padding: 1em 2em;
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #6a00a8, #300060);
  border: none;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

button:hover {
  background: linear-gradient(135deg, #b300b3, #6a00a8);
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

button:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}


/* ===== CTA – כפתורי גוטנברג משודרגים ===== */
.wp-block-button {
    width: 100%;
    margin: 2px 20px !important;
}

/* בסיס */
.wp-block-button .wp-block-button__link,
.wp-element-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .95em 1.6em;
  min-height: 54px;
  line-height: 1.1;
  white-space: nowrap;

  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .02em;
  color:#fff !important;
  text-decoration:none;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);

  background: linear-gradient(135deg,#7a1fd0 0%, #4b0b8f 48%, #300060 100%);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;

  /* עומק וניקיון */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 24px rgba(39,0,79,.45),
    0 2px 6px rgba(0,0,0,.28);
  transition: transform .2s ease, box-shadow .2s ease, background .25s ease, border-color .2s ease;
  cursor:pointer;
}

/* Hover – הבהרה קלה וזוהר */
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover{
  background: linear-gradient(135deg,#b300b3 0%, #7a1fd0 50%, #4b0b8f 100%);
  transform: translateY(-2px) scale(1.01);
  border-color: rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 30px rgba(106,0,168,.50),
    0 4px 10px rgba(0,0,0,.35);
}

/* Active – לחץ */
.wp-block-button .wp-block-button__link:active,
.wp-element-button:active{
  transform: translateY(0) scale(.99);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 6px 16px rgba(0,0,0,.32);
}

/* Focus – נגישות ברורה */
.wp-block-button .wp-block-button__link:focus-visible,
.wp-element-button:focus-visible{
  outline: 3px solid #b300b3;
  outline-offset: 2px;
}

/* מצב מושבת (אם תשתמש) */
.wp-block-button .wp-block-button__link[aria-disabled="true"],
.wp-element-button[aria-disabled="true"]{
  opacity:.55;
  pointer-events:none;
}

/* מובייל – קליק נוח */
@media (max-width:640px){
  .wp-block-button .wp-block-button__link,
  .wp-element-button{
    width:100%;
    min-height:56px;
    font-size:1.1rem;
  }
}

/* ===== כפתור ראשי (ברירת המחדל של גוטנברג) ===== */
.wp-block-button .wp-block-button__link,
.wp-element-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.95em 1.6em;
  min-height:54px;
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.02em;
  color:#fff !important;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  background:linear-gradient(135deg,#7a1fd0 0%, #4b0b8f 48%, #300060 100%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(39,0,79,.45), 0 2px 6px rgba(0,0,0,.28);
  transition:transform .2s ease, box-shadow .2s ease, background .25s ease, border-color .2s ease;
  cursor:pointer;
}
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover{
  background:linear-gradient(135deg,#b300b3 0%, #7a1fd0 50%, #4b0b8f 100%);
  transform:translateY(-2px) scale(1.01);
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 14px 30px rgba(106,0,168,.50), 0 4px 10px rgba(0,0,0,.35);
}
.wp-block-button .wp-block-button__link:active{ transform:translateY(0) scale(.99); }

/* ===== כפתור משני – כשה-class על העטיפה (כמו אצלך) ===== */
.wp-block-button.secondary-btn .wp-block-button__link{
  background:transparent !important;
  color:#7a1fd0 !important;
  border:2px solid #7a1fd0 !important;
  border-radius:14px;
  box-shadow:none;
  text-shadow:none;
}
.wp-block-button.secondary-btn .wp-block-button__link:hover{
  background:#7a1fd0 !important;
  color:#fff !important;
  transform:translateY(-2px);
}

/* ריווח יפה כשמשתמשים בבלוק Buttons (שורה של כפתורים) */
.wp-block-buttons.is-layout-flex{ gap:.8rem; }

/* מובייל – אפשר למתוח לרוחב מלא אם רוצים */
@media (max-width:640px){
  .wp-block-buttons.is-layout-flex{ flex-wrap:wrap; }
  .wp-block-button .wp-block-button__link{ width:100%; }
}


/* ===== Yama Steps – clean build for a single Group (H2 + P pairs) ===== */
:root{
  --ys-ink:#e8e6ff;
  --ys-ink-soft:#c9c5ff;
  --ys-ink-strong:#ffffff;
  --ys-panel:#151a34;        /* צבע הכרטיס */
  --ys-accent:#7a5cff;       /* פס הצד וההדגשה */
  --ys-accent-2:#2ad3ff;     /* גוון שני לתגית המספר */
  --ys-radius:20px;
  --ys-gap:14px;
}

/* קונטיינר השלבים – ה-Group היחיד שמכיל H2,P,H2,P... */
.wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"]{
  counter-reset: ystep;
  display:grid;
  grid-template-columns:1fr;     /* טור אחד; תרצה 2×2? ראה למטה */
  gap:var(--ys-gap);
  direction: rtl;
}

/* חלק עליון של הכרטיס (H2) */
.wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"] > h2{
  counter-increment: ystep;
  position:relative;
  margin:0;                          /* ביטול מרווחי ברירת מחדל */
  padding:16px 68px 10px 16px;       /* מקום לתגית המספר מימין */
  background:var(--ys-panel);
  color:var(--ys-ink-strong);
  text-align:right;                  /* יישור לימין */
  border:1px solid rgba(122,92,255,.28);
  border-right:4px solid var(--ys-accent);
  border-left:none;
  border-radius:var(--ys-radius) var(--ys-radius) 0 0;  /* פינות עליונות */
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  line-height:1.35;
}

/* תגית המספר (בצד ימין למעלה) */
.wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"] > h2::after{
  content: counter(ystep);
  position:absolute;
  right:12px; top:12px;
  width:40px; height:40px;
  border-radius:10px;
  display:grid; place-items:center;
  font-weight:800; font-size:.95rem; color:#0b0f1a;
  background:linear-gradient(145deg,var(--ys-accent),var(--ys-accent-2));
  box-shadow:0 6px 14px rgba(0,0,0,.22);
  pointer-events:none;
}

/* חלק תחתון של הכרטיס (P שאחרי H2) – מחובר רציף */
.wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"] > h2 + p{
    max-width: 100%;
  margin:0;                          /* אין רווחים חיצוניים */
  margin-top:-15px;                   /* “תופר” את שני החלקים יחד */
  padding:10px 16px 16px 16px;
  text-align:right;
  background:var(--ys-panel);
  color:var(--ys-ink);
  line-height:1.6;
  border:1px solid rgba(122,92,255,.28);
  border-top:none;                    /* המשכיות המסגרת */
  border-right:4px solid var(--ys-accent);
  border-left:none;
  border-radius:0 0 var(--ys-radius) var(--ys-radius);  /* פינות תחתונות */
}

/* פסקאות שאינן בדיוק אחרי H2 – לא מקבלות סטייל כרטיס */
.wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"] > p:not(h2 + p){
  background:none; border:none; padding:0; margin:0;
}

/* ——— אופציה: שני טורים במסכים רחבים ———
@media (min-width: 1024px){
  .wp-block-group.is-vertical.is-layout-flex[class*="wp-container-core-group-is-layout-"]{
    grid-template-columns:1fr 1fr;
  }
}
*/


/* עטיפה חיצונית של כל המקטע */
.video-section-wrap {
  margin-inline: auto;       /* מרכוז אופקי */
  display: grid;
  gap: 16px;                 /* רווחים בין סרטונים */
  justify-items: stretch;    /* כל כרטיס יתפוס את מלוא רוחב המקטע */
  margin-block: 24px 16px;
  margin: 20px;
}

/* כרטיס הווידאו עצמו */
.video-card {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #0f1a33; /* רקע כהה עד לטעינה */
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  cursor: pointer;
  isolation: isolate;
  margin: 0;
  box-sizing: border-box;
}

/* מיכל פנימי לשמירת יחס ממדים */
.video-card-inner {
  position: relative;
  aspect-ratio: 16 / 9;
}

/* תמונת תצוגה מקדימה */
.video-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.02);
}

/* שכבת כהות */
.video-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.35) 65%, rgba(0,0,0,.55));
}

/* כפתור הפליי */
.video-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.video-play::before {
  content: "";
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
.video-play::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 18px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 6px;
}

/* כותרת הסרטון */
.video-title {
  position: absolute;
  right: 16px;
  bottom: 14px;
  color: #fff;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
  font-size: clamp(16px, 2.5vw, 22px);
  z-index: 2;
}

/* ה־iframe עצמו לאחר הלחיצה */
.video-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 18px;
}

/* אפקט hover ונגישות */
.video-card:focus-visible {
  outline: 2px solid #7aa2ff;
  outline-offset: 2px;
}
.video-card:hover .video-thumb {
  transform: scale(1.03);
  transition: transform .28s ease;
}