/* ============================================================
   phpBB Ads – slot s rezervovaným místem (CLS ↓) a centrování
   ------------------------------------------------------------
   - Slot se zmenší na obsah (fit-content) a centrování řeší margin:auto.
   - Pokud zadáš CSS proměnné --ad-w / --ad-h (třeba přes wrapper nebo preset
     třídou), rezervuje se předem výška i poměr stran.
   - Pro responsivní obrázek vždy uvnitř používej width/height atributy
     + style="width:100%; height:auto".
   ============================================================ */

.phpbb-ads-slot{
  display: block;
  width: fit-content;      /* zmenši se na obsah (důležité pro centrování) */
  max-width: 100%;         /* nepřeteče rodiče */

  /* rezervace místa (funguje když je nastavena aspoň --ad-h) */
  min-height: calc(var(--ad-h, 0) * 1px);

  /* poměr stran pro plynulý layout (když jsou k dispozici obě proměnné) */
  aspect-ratio: calc( var(--ad-w, 0) / max(var(--ad-h, 1), 1) );

  box-sizing: border-box;
  margin: 0 auto;          /* centrování slotu */
  text-align: center;
  contain: layout paint style; /* izolace reflow z iframů/ins */
}

/* drž centrování i když je přidaná center třída */
.phpbb-ads-slot.phpbb-ads-center{
  margin-left: auto !important;
  margin-right: auto !important;
}

/* první potomek (img/ins/iframe) – responsivní uvnitř slotu */
.phpbb-ads-slot > :first-child{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Mobilní override – pokud chceš jiné rozměry na mobilu, přidej --ad-w-m/--ad-h-m */
@media (max-width: 700px){
  .phpbb-ads-slot{
    min-height: calc(var(--ad-h-m, var(--ad-h, 0)) * 1px);
    aspect-ratio: calc( var(--ad-w-m, var(--ad-w, 0)) / max(var(--ad-h-m, var(--ad-h, 1)), 1) );
  }
}

/* Rychlé presety pro běžné formáty – stačí přidat třídu k .phpbb-ads-slot */
.phpbb-ads-slot.ad-300x250 { --ad-w:300; --ad-h:250; }
.phpbb-ads-slot.ad-336x280 { --ad-w:336; --ad-h:280; }
.phpbb-ads-slot.ad-320x100 { --ad-w:320; --ad-h:100; }
.phpbb-ads-slot.ad-728x90  { --ad-w:728; --ad-h:90;  }
.phpbb-ads-slot.ad-970x250 { --ad-w:970; --ad-h:250; }

/* Slide-up footer reklama – rezervace výšky a plynulý posun */
.phpbbad-slide-up{
  --ad-h: var(--ad-h, 90);           /* můžeš přepsat na 100 apod. */
  min-height: calc(var(--ad-h) * 1px);
  position: fixed;
  bottom: 0;
  width: 100%;
  transition: transform 0.3s;
  transform: translateY(100%);
  will-change: transform;
}

/* Volitelné zarovnání slide-up obsahu doprostřed */
.phpbbad-slide-up-center{ text-align: center; }
.phpbbad-slide-up-close{
  background-color: #ffffff;
  width: 30px;
  cursor: pointer;
}

/* ====== PŮVODNÍ PHPBB ADS STYLY (ponecháno) ====== */

.phpbb-ads-center { text-align: center; }

.phpbb-ads-center > :first-child:not(script){
  display: inline-block;
  max-width: 100%;
}

.phpbb-ads-visual-demo{
  font-size: 12px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  background-color: #f0e68c;
  border: #ff0000 dashed 3px;
  color: #bc2a4d;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
}

.phpbb-ads-visual-demo-btn{
  text-align: center;
  width: 25%;
  margin: 0 auto !important;
  padding: 10px !important;
}

.phpbb-ads-button{
  font-family: system-ui, sans-serif;
  font-size: 13px;
  vertical-align: middle;
  background: #e3e3e3;
  background: linear-gradient(to bottom, #e3e3e3 0%, #f7f7f7 100%);
  border: solid 1px #afafaf;
  box-shadow: inset 1px 1px 2px #ffffff;
  margin: 2px 0;
  padding: 3px 8px;
}

.phpbb-ads-button:link{ color: #000000; }
.phpbb-ads-button:link:hover{ text-decoration: none; }
.phpbb-ads-button:hover{
  border-color: #bc2a4d;
  color: #bc2a4d;
  cursor: pointer;
}
.phpbb-ads-button:active{ background: #c3c3c3; }