/* =========================
   InCorner (Desktop / Mobile)
   ========================= */

/* Podešavanja koja možeš menjati po sajtu */
:root{
  --wsh-container: 1200px;   /* širina centralnog sadržaja (radi align-a) */
  --wsh-gutter: 20px;        /* razmak od ivice sadržaja */
  --wsh-offset-right: 20px;  /* default desni offset kad align nije uključen */
  --wsh-offset-left: 20px;   /* default levi  offset kad align nije uključen */
  --wsh-offset-bottom-d: 20px;  /* dno na desktopu */
  --wsh-offset-bottom-m: 60px;  /* dno na mobilu (iznad sticky-ja) */

  /* ako imaš sticky anchor, podigni inCorner globalno */
  --wsh-sticky-extra: 0px;   /* npr. 80px; */
}

/* Ako body dobije klasu has-sticky, dodaj razmak na dnu */
body.has-sticky{
  --wsh-sticky-extra: 80px;
}

/* Osnovni kontejner inCorner-a */
.bnr.incorner-d,
.bnr.incorner-m{
  position: fixed;
  z-index: 10000;                 /* iznad iFrame-a */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 0 !important;
  left: auto;
  pointer-events: auto;           /* da klikovi prolaze normalno */
}

/* Reset unutrašnjih wrap-ova i omogući apsolutno pozicioniranje X dugmeta */
.bnr.incorner-d .bnr-wrapper,
.bnr.incorner-m .bnr-wrapper,
.bnr.incorner-d .bnr-inner,
.bnr.incorner-m .bnr-inner{
  position: relative;             /* kontekst za X dugme */
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
}

.bnr.incorner-d iframe,
.bnr.incorner-m iframe{
  display:block;                  /* bez praznog reda */
  vertical-align: bottom;
}

/* Vidljivost po viewportu + osnovni bottom offset */
@media (min-width: 992px){
  .bnr.incorner-d{ display:block !important; bottom: calc(var(--wsh-offset-bottom-d) + var(--wsh-sticky-extra)); }
  .bnr.incorner-m{ display:none  !important; }
}
@media (max-width: 991.98px){
  .bnr.incorner-d{ display:none  !important; }
  .bnr.incorner-m{ display:block !important; bottom: calc(var(--wsh-offset-bottom-m) + var(--wsh-sticky-extra)); }
}

/* Levo / desno kada ALIGN NIJE uključen */
.bnr.incorner-d.inpos-right,
.bnr.incorner-m.inpos-right{ right: var(--wsh-offset-right); left:auto; }

.bnr.incorner-d.inpos-left,
.bnr.incorner-m.inpos-left{ left: var(--wsh-offset-left); right:auto; }

/* Poravnanje sa “wallpaperom” (ivica centralnog kontejnera) – samo desktop */
@media (min-width: 992px){
  .bnr.incorner-d.inpos-right.inpos-align{
    right: calc( (100vw - var(--wsh-container)) / 2 + var(--wsh-gutter) );
    left: auto;
  }
  .bnr.incorner-d.inpos-left.inpos-align{
    left:  calc( (100vw - var(--wsh-container)) / 2 + var(--wsh-gutter) );
    right: auto;
  }
}
/* Mobilni align: ostavi male bezbedne ofsete */
@media (max-width: 991.98px){
  .bnr.incorner-m.inpos-right.inpos-align{ right: 10px; }
  .bnr.incorner-m.inpos-left.inpos-align{  left:  10px; }
}

/* =========================
   Close (X) dugme
   ========================= */
.bnr .wsh-close{
  position:absolute;
  top:-10px;
  right:-10px;                    /* default – pomeri levo klasom ispod */
  width:26px;
  height:26px;
  border-radius: 50%;
  border:0;
  background: rgba(0,0,0,.75);
  color:#fff;
  font-weight:700;
  line-height:26px;
  text-align:center;
  cursor:pointer;
  z-index: 999999 !important;                 /* iznad svega u okviru bannera */
  padding:0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  pointer-events: auto;           /* prihvati klik kroz overlay-e */
}
.bnr.inpos-left .wsh-close{ right:auto; left:-10px; }
.bnr .wsh-close:hover{ background: rgba(0,0,0,.9); }