/* #8380 — home promo banner nagradne igre (slim V1, nočni lunapark).
   Vse pod .pgb-* da ni kolizij s style-2014.css (.body/.cta/.chip/.hub ipd. obstajajo globalno).
   Naloži se SAMO ko banner res renderira (igra aktivna). */

/* margin-right:20px → desni rob bannerja poravnan z desnim robom mreže ponudb (te imajo 20px gutter); na mobile resetiran. */
.pgb-wrap{container-type:inline-size;display:block;margin:0 20px 18px 0}

.pgb{
  position:relative;overflow:hidden;border-radius:16px;text-decoration:none;color:#FFF8E1;
  display:flex;align-items:center;gap:14px;padding:12px 16px;
  background:radial-gradient(900px 420px at 18% 0%, #3D2490 0%, #241456 55%, #170B3C 100%);
  box-shadow:0 10px 28px rgba(23,11,60,.32);
  font-family:'Nunito Sans',Arial,sans-serif;
}
.pgb::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(45deg, rgba(255,213,79,.03) 0 14px, transparent 14px 28px)}
.pgb:hover,.pgb:focus{text-decoration:none}

/* kolo + Enko */
.pgb-wheelwrap{position:relative;z-index:2;display:flex;align-items:flex-end;gap:2px;flex:none}
.pgb-wheel{position:relative;width:64px;height:64px;flex:none}
.pgb-ring{position:absolute;inset:-6px;border-radius:50%;
  background:conic-gradient(from 20deg,#FFC107,#8a5c00 11%,#FFD54F 23%,#FFC107 34%,#7c5300 48%,#FFD54F 60%,#FFC107 72%,#8f6206 85%,#FFD54F 95%,#FFC107);
  box-shadow:0 8px 20px rgba(0,0,0,.4), inset 0 0 0 2px rgba(124,83,0,.7)}
.pgb-rotor{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(#FFC107 0 30deg,#B71C1C 30deg 60deg,#FFD54F 60deg 90deg,#D32F2F 90deg 120deg,#FFC107 120deg 150deg,#B71C1C 150deg 180deg,#FFD54F 180deg 210deg,#D32F2F 210deg 240deg,#FFC107 240deg 270deg,#B71C1C 270deg 300deg,#FFD54F 300deg 330deg,#D32F2F 330deg 360deg);
  box-shadow:inset 0 0 12px rgba(0,0,0,.35);animation:pgbspin 16s linear infinite}
.pgb-rotor::after{content:'';position:absolute;inset:0;border-radius:50%;
  background:repeating-conic-gradient(rgba(255,255,255,.5) 0 .6deg, transparent .6deg 30deg)}
@keyframes pgbspin{to{transform:rotate(360deg)}}
.pgb-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;height:30%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ff5b5b,#D32F2F 50%,#8B0000);border:3px solid #FFC107;z-index:3;
  box-shadow:0 2px 8px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-size:12px}
.pgb-ptr{position:absolute;left:50%;top:-9px;transform:translateX(-50%);width:0;height:0;z-index:4;
  border-left:8px solid transparent;border-right:8px solid transparent;border-top:15px solid #FFC107;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.pgb-enko{flex:none;height:54px;width:auto;margin-bottom:-2px;display:block;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));animation:pgbbob 3s ease-in-out infinite}
@keyframes pgbbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* tekst */
.pgb-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.pgb-title{font-family:'Rubik',Arial,sans-serif;font-weight:900;font-size:17px;line-height:1.08;color:#fff;white-space:nowrap;text-decoration:none}
.pgb-title em{font-style:normal;color:#FFD54F}
.pgb-prizes{display:flex;flex-wrap:nowrap;gap:6px;align-items:center}
.pgb-main{background:linear-gradient(120deg,#FFC107,#FFE082 50%,#FFC107);color:#7c0f0f;font-family:'Rubik',Arial,sans-serif;
  font-weight:900;font-size:11.5px;padding:4px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px rgba(255,193,7,.4)}
.pgb-chip{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:11px;white-space:nowrap;
  padding:4px 8px;border-radius:999px;background:rgba(255,248,225,.08);border:1px solid rgba(255,213,79,.35);color:#FFF8E1}

/* CTA */
.pgb-cta{position:relative;z-index:2;flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:7px;
  font-family:'Rubik',Arial,sans-serif;font-weight:900;font-size:13px;padding:9px 16px;border-radius:999px;white-space:nowrap;
  color:#fff;background:linear-gradient(135deg,#B71C1C,#D32F2F);border:2px solid #FFC107;
  box-shadow:0 6px 18px rgba(183,28,28,.5);transition:transform .15s}
.pgb:hover .pgb-cta{transform:translateY(-2px) scale(1.03)}

/* ozek stolpec / mobile: zloži navpično, čipi se prelomijo, gumb poln */
@container (max-width:430px){
  .pgb{flex-direction:column;align-items:center;text-align:center;gap:11px;padding:16px}
  .pgb-title{white-space:normal}
  .pgb-body{align-items:center}
  .pgb-prizes{flex-wrap:wrap;justify-content:center}
  .pgb-cta{margin-left:0;width:auto;align-self:center;justify-content:center;white-space:normal;font-size:13.5px;padding:11px 26px}
}
/* fallback za brskalnike brez container queries */
@media (max-width:600px){
  .pgb-wrap{margin-right:0}   /* na mobile banner zapolni cel stolpec = širina ene ponudbe */
  .pgb{flex-direction:column;align-items:center;text-align:center;gap:11px;padding:16px}
  .pgb-title{white-space:normal}
  .pgb-body{align-items:center}
  .pgb-prizes{flex-wrap:wrap;justify-content:center}
  .pgb-cta{margin-left:0;width:auto;align-self:center;justify-content:center;white-space:normal;font-size:13.5px;padding:11px 26px}
}