/* ===== PRESS — מהתקשורת — Figma 4952:3583 (desktop) / 4984:17102 (mobile) ===== */
:root {
  --press-bg: #f6f6f6;
  --press-blk: #030a11;
  --press-gray: #6c6c6c;
  --press-gold-badge: #b58d41;
}

.press-page { background: var(--press-bg); }
.press-page .hdr.hdr--solid { background: #fff; box-shadow: 0 2px 18px rgba(0, 0, 0, .07); }

.press {
  max-width: 1300px;
  margin: 0 auto;
  padding: calc(100vw * 150 / 1920) 20px 60px;   /* clear the fixed header */
}

/* ---------- HERO ---------- */
.press-hero {
  position: relative;
  padding: 50px 0 28px;
  text-align: center;
}
.press-hero__crumb {
  display: flex;
  direction: rtl;
  align-items: center;
  justify-content: flex-start;   /* RTL: flex-start = visual RIGHT (home icon far-right) */
  gap: 8px;
  font-size: 16px;
  color: #000;
  margin-bottom: 26px;
}
.press-hero__crumb a { color: #000; display: inline-flex; align-items: center; }
.press-hero__crumb-home { width: 16px; height: 16px; display: block; }
.press-hero__crumb .sep { color: #000; }
.press-hero__crumb b { font-weight: 700; }
.press-hero__title {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 62px;
  line-height: 72px;
  color: #000;
  margin: 0;
}

/* ---------- CARD GRID (3 columns) ---------- */
.press-grid {
  display: grid;
  direction: ltr;            /* DOM L->R matches Figma x: רשת13(left) · ישראל היום(mid) · News1(right) */
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 56px;             /* clear separation between the two rows of 3 */
  margin-top: 24px;
}
.press-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--r-card);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  min-height: calc(100vw * 390 / 1920);   /* uniform card height (Figma 390) */
}
.press-card__media {
  width: 100%;
  height: 159px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-bottom: 1px solid #efefef;
  padding: 0 20px;
}
.press-card__media img {
  max-width: 207px;
  max-height: 89px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.press-card__body {
  direction: rtl;
  text-align: center;
  padding: 16px 21px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
}
.press-card__title {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  color: var(--press-blk);
  margin: 0;
}
.press-card__title a { color: inherit; text-decoration: none; }
/* Figma button-2: rectangular outlined, arrow segment on LEFT split by a divider line */
.press-card__more {
  align-self: center;
  display: flex;
  direction: ltr;
  align-items: stretch;
  width: 184px;
  height: 48px;
  border: 1px solid var(--green-900);
  border-radius: 2px;
  overflow: hidden;
  margin-top: 22px;
  padding: 0;
}
.press-card__more-label {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  color: var(--green-900);
}
.press-card__more-circle {
  flex: 0 0 48px;
  width: 48px;
  height: 100%;
  border: 0;
  border-right: 1px solid rgba(13, 44, 33, 0.4);
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.press-card__more-circle img { width: 24px; height: 24px; display: block; }

/* ================= MOBILE ================= */
@media (max-width: 1024px) {
  .press { padding: 72px 18px 0; }   /* clear 72px mobile header */

  /* hero */
  .press-hero { padding: 26px 0 6px; text-align: center; }
  .press-hero__crumb { justify-content: flex-start; margin-bottom: 12px; font-size: 14px; }
  .press-hero__title { font-size: 40px; line-height: 50px; text-align: center; }

  /* grid -> single column stack: רשת13, ישראל היום, News1 (Figma mobile order) */
  .press-grid {
    display: flex;
    direction: ltr;
    flex-direction: column;     /* DOM order = top->bottom = רשת13, ישראל היום, News1 */
    gap: 18px;
    margin-top: 8px;
  }
  .press-card { box-shadow: 0 0 24px rgba(0, 0, 0, 0.05); }
  .press-card__media { height: 133px; padding: 0 16px; }
  .press-card__media img { max-width: 195px; max-height: 75px; }
  .press-card__body { padding: 16px 18px 22px; }
  .press-card__title { font-size: 22px; line-height: 28px; }
  .press-card__more {
    width: 154px;
    height: 40px;
    margin-top: 18px;
  }
  .press-card__more-label { font-size: 16px; }
  .press-card__more-circle { flex-basis: 40px; width: 40px; height: 40px; }
  .press-card__more-circle img { width: 20px; height: 20px; }
}