/* RONROV Premium Posts Grid v1.1.2 - Hero media full height + hero link CTA */
:root {
  --rrpg-card: #ffffff;
  --rrpg-text: #0f172a;
  --rrpg-muted: #475569;
  --rrpg-accent: #1e40af;
  --rrpg-radius: 18px;
  --rrpg-gap: 18px;
  --rrpg-shadow: 0 6px 24px rgba(2, 6, 23, 0.12);
  --rrpg-hero-shadow: 0 12px 36px rgba(2,6,23,.18);
  --rrpg-focus: 0 0 0 3px rgba(30, 64, 175, 0.35);
}

.rrpg-wrap { margin-inline:auto; max-width:1200px; padding:12px; color:var(--rrpg-text); }

/* HERO */
.rrpg-hero {
  background: var(--rrpg-card);
  border-radius: calc(var(--rrpg-radius) + 6px);
  box-shadow: var(--rrpg-hero-shadow);
  overflow: hidden;
  border: 1px solid rgba(2,6,23,.06);
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: stretch; /* גורם לילדים להימתח לגובה מלא */
  margin-bottom: 22px;
}

/* במקום aspect-ratio בדסקטופ – גובה מלא של הקונטיינר */
.rrpg-hero-media { display:block; height: 100%; }
.rrpg-hero-media img { width:100%; height:100%; object-fit: cover; display:block; }

.rrpg-hero-body { padding:22px; display:flex; flex-direction:column; gap:12px; }
.rrpg-hero-eyebrow { font-size:.9rem; font-weight:700; color:var(--rrpg-accent); letter-spacing:.3px; }
.rrpg-hero-title { font-size:clamp(1.6rem,2.4vw,2.1rem); line-height:1.25; margin:0; }
.rrpg-hero-title a { color:var(--rrpg-text); text-decoration:none; }
.rrpg-hero-title a:hover { text-decoration:underline; text-underline-offset:4px; }
.rrpg-hero-meta { font-size:.95rem; color:var(--rrpg-muted); }
.rrpg-hero-excerpt { font-size:1.02rem; margin:0; opacity:.95; }

/* לינק במקום כפתור */
.rrpg-hero-link {
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; text-decoration:none; color:var(--rrpg-accent);
}
.rrpg-hero-link::after { content: "↗"; font-size: .95em; line-height: 1; }
.rrpg-hero-link:hover { text-decoration: underline; text-underline-offset: 4px; }

/* במובייל נשמור יחס תמונה יפה */
@media (max-width: 900px) {
  .rrpg-hero { grid-template-columns: 1fr; }
  .rrpg-hero-media { height: auto; aspect-ratio: 16/9; }
}

/* GRID */
.rrpg-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:var(--rrpg-gap); }
.rrpg-card{ background:var(--rrpg-card); color:var(--rrpg-text); border-radius:var(--rrpg-radius); box-shadow:var(--rrpg-shadow); overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; border:1px solid rgba(2,6,23,.06); }
.rrpg-card:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(2,6,23,.16); }
.rrpg-thumb{ display:block; aspect-ratio:16/9; overflow:hidden; background:#e5e7eb; }
.rrpg-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.rrpg-card-body{ padding:16px; display:flex; flex-direction:column; gap:10px; flex:1; }
.rrpg-title{ font-size:1.08rem; line-height:1.35; margin:0; letter-spacing:.2px; }
.rrpg-title a{ color:var(--rrpg-text); text-decoration:none; }
.rrpg-title a:hover{ text-decoration:underline; text-underline-offset:3px; }
.rrpg-meta{ font-size:.86rem; color:var(--rrpg-muted); }
.rrpg-excerpt{ margin:0; color:var(--rrpg-text); opacity:.95; }
.rrpg-actions{ margin-top:auto; }
.rrpg-button{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; font-weight:600; border-radius:12px; background:var(--rrpg-accent); color:#fff; text-decoration:none; box-shadow:0 6px 16px rgba(30,64,175,.28); transition:transform .15s, box-shadow .15s; }
.rrpg-button:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(30,64,175,.34); }

@media (max-width:480px){ .rrpg-wrap{ padding:8px; } .rrpg-title{ font-size:1rem; } }
