/* FV Player Pause Overlay Ads — wide banner desktop + mobile */

/* Overlay */
.fvpoa-overlay{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.60);
  z-index:999999;
  padding:16px;
  padding-left:calc(16px + env(safe-area-inset-left, 0));
  padding-right:calc(16px + env(safe-area-inset-right, 0));
  padding-top:calc(16px + env(safe-area-inset-top, 0));
  padding-bottom:calc(16px + env(safe-area-inset-bottom, 0));
}
.fvpoa-overlay.is-open{ display:flex; }

/* Desktop card */
.fvpoa-panel{
  width:min(480px, 92vw);
  max-height:80vh;
  background:#2b2b2b;
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  overflow:hidden;
}

.fvpoa-bar{
  background:#1f2937;
  color:#e5e7eb;
  font-weight:700;
  padding:8px 10px;
  font-size:14px;
  line-height:1.2;
}

.fvpoa-body{ background:#333; padding:10px; }

.fvpoa-slot{
  aspect-ratio: 2 / 1; /* CHANGED: From 16/9 to a wider 2:1 banner ratio */
  width:100%;
  border-radius:8px;
  overflow:hidden;
  background:#222;
}

/* Make creatives fit nicely */
.fvpoa-slot img,
.fvpoa-slot video,
.fvpoa-slot iframe {
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
  border:0;
}

/* Actions */
.fvpoa-actions{
  display:flex;
  justify-content:center;
  padding:8px 10px;
  background:#2b2b2b;
}
.fvpoa-close{
  cursor:pointer;
  background:#e5e7eb;
  border:0;
  border-radius:10px;
  padding:8px 12px;
  font-weight:700;
  font-size:14px;
}

/* --- Mobile Portrait Sizing --- */
@media (max-width: 600px){
  .fvpoa-panel{
    width: 68vw !important;
    max-height: 85vh !important;
    border-radius: 10px !important;
  }
  .fvpoa-slot{
    aspect-ratio: 2 / 1 !important; /* CHANGED: From 16/9 to a wider 2:1 banner ratio */
    border-radius: 8px !important;
  }
  .fvpoa-body{
    padding: 6px !important;
  }
  .fvpoa-actions{
    padding: 4px 6px !important;
  }
  .fvpoa-close{
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }
}

/* --- Mobile Landscape Sizing --- */
/* Targets phones in landscape orientation */
@media (orientation: landscape) and (max-height: 500px) {
  .fvpoa-panel {
    width: 58vw !important;
    max-height: 95vh !important;
  }
  .fvpoa-bar {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
  .fvpoa-body {
    padding: 8px !important;
  }
  .fvpoa-actions {
    padding: 6px 8px !important;
  }
  .fvpoa-close {
    padding: 5px 10px !important;
    font-size: 11px !important;
  }
}