/* Container responsive pentru iframe */
.yv-game-preload{
  position: relative;
  width: 100%;
  background: #000;
  overflow: hidden;
  border-radius: 12px;

  /* Raport implicit (poți schimba la 4/3 dacă jocurile sunt mai pătrate) */
  aspect-ratio: 16 / 9;
}

/* Fallback dacă aspect-ratio nu e suportat (rar) */
@supports not (aspect-ratio: 16 / 9){
  .yv-game-preload::before{
    content:"";
    display:block;
    padding-top:56.25%;
  }
}

.yv-game-preload__stage{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  /* “imagine” neagră (poți pune și un background-image dacă vrei poster real) */
  background: #000;
}

/* Buton mare, vizibil pe mobil/tablet/desktop */
.yv-game-preload__btn{
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 999px;

  padding: 14px 26px;
  font-weight: 700;
  line-height: 1;

  /* Mărime fluidă */
  font-size: clamp(16px, 2.2vw, 22px);

  /* Contrast bun */
  background: #ffffff;
  color: #000000;

  /* touch target */
  min-height: 48px;
  min-width: 140px;
}

.yv-game-preload__btn:focus{
  outline: 3px solid rgba(255,255,255,0.7);
  outline-offset: 4px;
}

/* Iframe full-size după încărcare */
.yv-game-preload iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* După click ascundem overlay-ul */
.yv-game-preload.is-loaded .yv-game-preload__stage{
  display: none;
}

/* ---------------------------
   Fullscreen controls
----------------------------*/

/* Buton Fullscreen în meta (desktop). */
.entry-meta .entry-fullscreen{ display: inline-flex; align-items: center; }
.entry-meta .yv-fs-btn{
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Ascunde textul pe ecrane mici (opțional). */
@media (max-width: 767px){
  .entry-meta .yv-fs-btn__text{ display:none; }
}

/* Arată butonul doar pe desktop (așa ai cerut). */
@media (max-width: 991px){
  .entry-meta .entry-fullscreen, .entry-meta .entry-report, .entry-meta .yv-sep{ display:none; }
}

/* Iconiță Report (desktop, lângă Fullscreen) */
.entry-meta .entry-report{ display: inline-flex; align-items: center; margin-left: 10px; }
.entry-meta .yv-report-btn{
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.entry-meta .yv-report-btn i{ color: #ff0000 !important; font-size: 18px; }
.entry-meta .yv-report-btn:hover i{ color: #ff3b3b !important; }

/* Ascunde butonul default "Report Issue" al pluginului (păstrăm doar formularul modal în DOM) */
.flagcontent-form-container > div > button.flagcontent-reveal-button:not(.yv-flag-trigger){
  display: none !important;
}

/* Buton Report în fullscreen (mobile/tablet): stânga sus */
.yv-fs-report{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2147483647;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: #d40000;
  color: #fff;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
}
.yv-fs-report i{ color: #fff !important; }

/* X roșu pentru ieșire din fullscreen */
.yv-fs-exit{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2147483647;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: #d40000;
  color: #fff;
  font-size: 22px;
  line-height: 44px;
  text-align: center;
}

/* Pseudo fullscreen fallback (pentru iOS / browsere care blochează Fullscreen API pe iframe) */
.yv-pseudo-fullscreen{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  z-index: 2147483646;
  background: #000 !important;
}

/* În pseudo fullscreen, iframe ocupă tot ecranul */
.yv-pseudo-fullscreen iframe{
  width: 100% !important;
  height: 100% !important;
}
/* Ascunde butonul original "Report Issue" generat de Flagged Content,
   dar păstrează formularul modal (care rămâne în DOM). */
.flagcontent-form-container > div > .flagcontent-reveal-button{
  display: none !important;
}
/* Ascunde butonul original al pluginului peste tot (desktop + mobile) */
.flagcontent-form-container .flagcontent-reveal-button{
  display: none !important;
}

/* RE-afișează iconițele noastre (desktop + fullscreen mobile) */
.yv-report-btn.flagcontent-reveal-button{
  display: inline-flex !important;
}