/* ==========================================================
   כשר סייל - פופאפים (אלמנטור 1776 מועדון, 3318 תודה).
   ערכים מ-_research/elementor_library-1776.css / -3318.css ומהמדידה
   החיה (tools/ks/popcmp.js) ב-1440 / 1024 / 375.
   ========================================================== */
.ks-pop {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    background: rgba(0, 0, 0, .8);
    direction: rtl;
    font-family: 'Ploni', var(--ks-f-text);
    font-size: 18px;
    line-height: 1.6;
    color: var(--ks-black);
}
.ks-pop[hidden] { display: none !important; }
.ks-pop__box {
    position: relative;
    max-width: 100%;
    margin: auto;
    box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
}
.ks-pop h2, .ks-pop p { margin: 0; }
.ks-pop img { display: block; max-width: 100%; height: auto; }

/* כפתור הסגירה של אלמנטור: 20px מהפינה (בצד שמאל ב-RTL) */
.ks-pop__x {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 15px;
    line-height: 1;
    color: #1f2124;
    cursor: pointer;
}
.ks-pop__x svg { display: block; width: 1em; height: 1em; }

/* ---------- 1776 מועדון לקוחות ---------- */
.ks-pop--club .ks-pop__box {
    width: 73vw;
    border-radius: 54px;               /* 3em בגופן 18 */
    background: var(--ks-orange);
}
.ks-pop--club .ks-pop__x {
    font-size: 44px;
    background: var(--ks-black);
    color: #fff;
    transition: background .3s, color .3s;
}
.ks-pop--club .ks-pop__x:hover { background: var(--ks-green); color: var(--ks-black); }
.ks-pc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4vw;
    border-radius: 54px;
}
.ks-pc__main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 68%;
}
.ks-pc__title {
    padding-top: 6%;
    font-family: var(--ks-f-head);
    font-weight: 400;
    font-size: var(--ks-fs-h2);        /* 2.8vw / 33 / 26 */
    line-height: 1.5;
    text-align: center;
    color: var(--ks-black);
}
.ks-pc__badge {
    align-self: center;
    width: 100%;
    padding: 5px 40px;
    border-radius: 100px;
    background: var(--ks-black);
    text-align: center;
    box-sizing: border-box;
}
.ks-pc__badge span {
    display: block;
    font-family: var(--ks-f-head);
    font-weight: 400;
    font-size: var(--ks-fs-hero);      /* 100 / 80 / 55 */
    line-height: 1;
    color: #fff;
}
.ks-pc__text {
    font-family: 'Ploni', var(--ks-f-text);
    font-weight: 400;
    font-size: var(--ks-fs-sub);       /* 1.5vw / 23 / 18 */
    line-height: 1;
    text-align: center;
    color: var(--ks-black);
}
.ks-pc__img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    width: 31%;
}
.ks-pc__img img { width: 28vw; max-width: 100%; }
/* הטופס עצמו מעוצב ב-footer.css (.ks-club__form) - כאן רק הרוחב בפופאפ */
.ks-pc .ks-pc__form { align-self: auto; width: 100%; margin: 1% 0 0; }
/* במקור .elementor-field-subgroup{margin-top:10px} - 2.4px יותר מהפוטר, בלי לשנות את גובה הכרטיס */
.ks-pc .ks-form__consent { margin-top: 10.4px; margin-bottom: -8.4px; }
.ks-pc .ks-form__consent input { position: relative; top: -2px; }

@media (max-width: 1024px) {
    .ks-pc { padding: 3%; }
    .ks-pc__main { width: 100%; }
    .ks-pc__img { order: -1; padding: 3%; box-sizing: border-box; }   /* נשאר 31% - אין ערך טאבלט */
    .ks-pc__img img { align-self: center; }
}
@media (max-width: 767px) {
    .ks-pop--club .ks-pop__box { width: 95vw; }
    .ks-pop--club .ks-pop__x { font-size: 29px; }
    .ks-pc__title { padding-top: 0; line-height: 1.1; }
    .ks-pc__img { width: 100%; align-items: center; }
    .ks-pc__img img { width: 38%; }
    .ks-pc .ks-pc__form { width: 95%; margin: 3% 0 4%; }
    .ks-pc .ks-form__consent { margin-top: 12px; margin-bottom: -8.4px; }
}

/* ---------- 3318 תודה על פנייתך ---------- */
.ks-pop--thanks .ks-pop__box {
    width: 640px;
    border-radius: 29px;
    background: var(--ks-orange);
}
.ks-pt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 294px;
    padding: 59px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
}
.ks-pt__img { align-self: center; width: 27%; }
.ks-pt__img img { width: 100%; }
.ks-pt__t1 {
    font-family: var(--ks-f-head);
    font-weight: 400;
    font-size: var(--ks-fs-h2);
    line-height: 1.5;
    color: #fff;
}
.ks-pt__t2 {
    font-family: 'Ploni', var(--ks-f-text);
    font-weight: 400;
    font-size: var(--ks-fs-sub);
    line-height: 1;
    color: #fff;
}
@media (max-width: 767px) {
    .ks-pt__t1 { line-height: 1.1; }
}

html.ks-pop-lock, html.ks-pop-lock body { overflow: hidden; }
