@charset "UTF-8";
/* דקה 99 - page 15613. Lifted out of the Elementor custom-HTML
   widget, where it was inline on every request. Brand primaries now
   resolve to tokens.css; neutrals were left as authored.
   Loaded only on this page. */

    /* הגדרות מיכל ראשי */
    .press-section-container {
        display: flex;
        flex-direction: row; /* סידור אופקי */
        align-items: center; /* מרכוז אנכי */
        justify-content: space-between; /* רווח בין הצדדים */
        gap: 40px; /* רווח בין הטקסט לתמונה */
        direction: rtl; /* מבטיח שהטקסט מימין והתמונה משמאל */
        max-width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    /* צד ימין - אזור הטקסט */
    .press-text-side {
        flex: 1; /* לוקח את המקום הפנוי */
        text-align: right;
    }

    /* צד שמאל - אזור התמונה */
    .press-image-side {
        flex: 1;
        display: flex;
        justify-content: flex-end; /* מצמיד את התמונה לשמאל */
    }

    /* עיצוב התמונה */
    .press-img-style {
        width: 100%;
        max-width: 600px; /* הגודל המקסימלי */
        height: auto; /* שומר על פרופורציה */
        border-radius: 15px; /* פינות עגולות */
        box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* צל עדין */
    }

    /* כותרת H1 */
    .press-text-side h1 {
        font-family: inherit; /* יורש את הפונט של האתר */
        font-size: 3rem; /* גודל גדול ומרשים */
        font-weight: 800;
        color: #1a1a1a;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    /* כותרת H2 */
    .press-text-side h2 {
        font-family: inherit;
        font-size: 1.5rem;
        font-weight: 400;
        color: #555;
        margin-bottom: 0;
        line-height: 1.5;
    }

    /* התאמה למובייל */
    @media (max-width: 900px) {
        .press-section-container {
            flex-direction: column; /* הופך לטור */
            text-align: center;
        }

        .press-text-side {
            text-align: center;
            margin-bottom: 30px;
        }

        .press-image-side {
            justify-content: center;
        }
        
        .press-text-side h1 {
            font-size: 2.2rem;
        }
        
        .press-text-side h2 {
            font-size: 1.2rem;
        }
    }



    /* כותרת H3 מקצועית */
    .press-list-header {
        font-family: inherit;
        font-size: 1.8rem;
        color: #333;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 30px;
        font-weight: 700;
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .press-list-header::after {
        content: '';
        display: block;
        width: 60px;
        height: 3px;
        background: var(--dk-trust);
        margin: 10px auto 0;
    }

    /* הגדרת הגריד (רשת) */
    .press-grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); /* מסדר אוטומטית */
        gap: 20px;
        direction: rtl;
        max-width: 100%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    /* עיצוב כרטיס כתבה */
    .press-card {
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 12px;
        padding: 20px;
        transition: transform 0.2s, box-shadow 0.2s;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .press-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        border-color: var(--dk-trust);
    }

    /* שם האתר המפרסם */
    .press-source-name {
        font-size: 1.1rem;
        font-weight: 800;
        color: #1a1a1a;
        margin-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 10px;
    }

    /* נושא הכתבה (העוגן) */
    .press-topic {
        font-size: 0.95rem;
        color: #555;
        margin-bottom: 20px;
        flex-grow: 1;
        line-height: 1.4;
    }

    /* תחתית הכרטיס */
    .press-card-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: auto;
    }

    /* תאריך */
    .press-date {
        font-size: 0.85rem;
        color: #999;
    }

    /* כפתור קריאה */
    .press-link-btn {
        background-color: #f4f8fb;
        color: var(--dk-trust);
        text-decoration: none;
        padding: 6px 15px;
        border-radius: 20px;
        font-size: 0.9rem;
        font-weight: 600;
        transition: 0.2s;
    }

    .press-link-btn:hover {
        background-color: var(--dk-trust);
        color: #fff;
    }

/* Reserve the press illustration's box, 2026-09-20 --------------------------------------------------
   `.press-image-side` started each paint 2px tall and jumped to its real square once the image was
   laid out, pushing the whole page down ~348px: CLS 0.2033 at 390px. The image is square at every
   breakpoint (350 / 602 / 527 measured at 390 / 768 / 1440), so an explicit ratio reserves exactly the
   right box before the pixels arrive. */
.press-image-side{aspect-ratio:1/1}
.press-img-style{aspect-ratio:1/1;height:auto}

/* …and the image needs a definite width for that ratio to mean anything. Without `width:100%` the
   ratio had nothing to multiply at first paint, so `.press-image-side` still measured 2px tall on
   some loads — CLS at 768px came out 0, 0.357, 0 across three runs, which is a race, not a fix. */
.press-img-style{width:100%}