/**
 * Recenzii video — completări peste Blog (.gp-posts-grid, .gp-post-card).
 * Grid-ul și cardul de bază vin din style.css (Blog).
 */

.gp-vr {
  margin: 0;
  padding: 0;
}

.gp-blog-archive .gp-vr-cards {
  margin-bottom: 0;
}

.gp-vr-empty {
  text-align: center;
  max-width: 32rem;
  margin: 0.5rem auto 0;
  color: #64748b;
  font-family: Roboto, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.55;
}

/* Conținut WP între hero și grid (opțional) */
.gp-blog-archive .gp-vr-archive-wp-content {
  max-width: 720px;
  margin: 0 auto clamp(2rem, 4vw, 2.75rem);
  color: #475569;
  font-size: 1.0625rem;
  line-height: 1.6;
  text-align: center;
}

.gp-blog-archive .gp-vr-archive-wp-content > *:first-child {
  margin-top: 0;
}

.gp-blog-archive .gp-vr-archive-wp-content > *:last-child {
  margin-bottom: 0;
}

/* Card video = .gp-post-card + zona 16:9 + play */
.gp-post-card.gp-vr-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.gp-vr-player-wrap {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  aspect-ratio: 16 / 9;
  background: linear-gradient(145deg, #bae6fd 0%, #e0f2fe 50%, #f1f5f9 100%);
}

/* Video încărcat pe site (mp4 în uploads) */
.gp-vr-player-wrap--native {
  background: #0f172a;
}

.gp-vr-native-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  vertical-align: middle;
}

.gp-vr-native-video:focus {
  outline: none;
}

.gp-vr-native-video:focus-visible {
  outline: 3px solid var(--gp-brand, #019ee2);
  outline-offset: -3px;
}

.gp-vr-facade {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background: transparent;
  text-align: left;
  border-radius: 0;
}

.gp-vr-facade:focus {
  outline: none;
}

.gp-vr-facade:focus-visible {
  outline: 3px solid var(--gp-brand, #019ee2);
  outline-offset: -3px;
  z-index: 1;
}

.gp-vr-thumb-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gp-vr-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

/* Aliniat cu .gp-post-card:hover .gp-post-card-img (Blog) */
.gp-post-card.gp-vr-card:hover .gp-vr-thumb {
  transform: scale(1.06);
}

.gp-vr-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
  transition: transform 0.2s ease;
}

.gp-post-card.gp-vr-card:hover .gp-vr-play {
  transform: translate(-50%, -50%) scale(1.06);
}

.gp-vr-play-bg {
  fill: #212121;
  fill-opacity: 0.85;
}

.gp-vr-play-icon {
  fill: #fff;
}

.gp-vr-iframe-slot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.gp-vr-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.gp-vr-iframe:focus {
  outline: none;
}

.gp-vr-iframe:focus-visible {
  outline: 3px solid var(--gp-brand, #019ee2);
  outline-offset: -3px;
}

.gp-vr-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.gp-post-card.gp-vr-card .gp-post-card-title {
  margin-bottom: 10px;
}

.gp-vr-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: auto;
}

.gp-vr-duration {
  color: #64748b;
  font-variant-numeric: tabular-nums;
}

/* Titlu card video: accent brand la hover (ca link-ul din Blog) */
.gp-post-card.gp-vr-card:hover .gp-post-card-title {
  color: var(--gp-brand, #019ee2);
}