/* =========================================================
   eHAUL - ANNOUNCEMENT BAR (gornja traka / swiperTicker)
   Ucitava se posle custom.css i theme.css i prepisuje stari
   sivi izgled (#404040). Tekstovi i linkovi se i dalje unose
   kroz admin (banner slot "headerTop").
   Sezonske varijante su u themes/<tema>.css
   ========================================================= */

#header .swiperTickerContainer{
  --eh-bar-bg:#5d7852;              /* malo svetlija zelena (sredina) */
  --eh-bar-bg-2:#56704b;            /* ehaul zelena - ista kao dugmad (ivice) */
  --eh-bar-text:#F6F2EC;            /* krem */
  --eh-bar-accent:#E3CFA6;          /* svetla zlatna za linkove */

  position:relative;
  height:auto;
  min-height:38px;
  padding:0;
  overflow:hidden;
  background:linear-gradient(90deg, var(--eh-bar-bg-2) 0%, var(--eh-bar-bg) 50%, var(--eh-bar-bg-2) 100%);
  color:var(--eh-bar-text);
  text-transform:none;
  border-bottom:1px solid rgba(255,255,255,.06);
}

#header .swiperTickerContainer .row{ margin:0; }

#header .swiperTickerContainer .swiper-container.swiperTicker{
  padding:0 36px;                   /* mesto za strelice */
}

#header .swiperTickerContainer .swiper-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:6px 8px;
  box-sizing:border-box;
  text-align:center;
  font-family:'Nunito Sans', sans-serif;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.4px;
  color:var(--eh-bar-text);
}

/* Ako u adminu tekst dodje u <p>, <div> i sl. - bez margina */
#header .swiperTickerContainer .swiper-slide p,
#header .swiperTickerContainer .swiper-slide div{
  margin:0;
  padding:0;
  display:inline;
}
#header .swiperTickerContainer .swiper-slide b,
#header .swiperTickerContainer .swiper-slide strong{
  color:var(--eh-bar-accent);
  font-weight:800;
}

/* Linkovi - slajd sa URL-om iz admina */
#header .swiperTickerContainer .swiperTicker a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--eh-bar-text);
  text-decoration:none;
  transition:color .2s ease;
}
#header .swiperTickerContainer .swiperTicker a::after{
  /* mala strelica posle teksta koji je link */
  content:"\2192";
  font-weight:800;
  color:var(--eh-bar-accent);
  transition:transform .2s ease;
}
#header .swiperTickerContainer .swiperTicker a:hover{
  color:var(--eh-bar-accent);
}
#header .swiperTickerContainer .swiperTicker a:hover::after{
  transform:translateX(3px);
}

/* Strelice levo/desno */
#header .swiperTickerContainer .swiper-button-next,
#header .swiperTickerContainer .swiper-button-prev{
  top:50%;
  width:26px !important;
  height:26px !important;
  margin:-13px 0 0 0 !important;
  border-radius:50%;
  background:rgba(255,255,255,.10) !important;
  color:var(--eh-bar-text) !important;
  opacity:.75;
  transition:opacity .2s ease, background .2s ease;
}
#header .swiperTickerContainer .swiper-button-prev{ left:4px; right:auto; }
#header .swiperTickerContainer .swiper-button-next{ right:4px; left:auto; }
#header .swiperTickerContainer .swiper-button-next:hover,
#header .swiperTickerContainer .swiper-button-prev:hover{
  opacity:1;
  background:rgba(255,255,255,.20) !important;
}
#header .swiperTickerContainer .swiper-button-next::after,
#header .swiperTickerContainer .swiper-button-prev::after{
  font-size:10px;
  font-weight:800;
}

/* Mobilni - bez strelica (slajdovi se smenjuju sami / swipe) */
@media (max-width:767px){
  #header .swiperTickerContainer,
  #header .swiperTickerContainer .swiper-slide{ min-height:34px; }
  #header .swiperTickerContainer .swiper-container.swiperTicker{ padding:0 6px; }
  #header .swiperTickerContainer .swiper-slide{
    font-size:12px;
    letter-spacing:.2px;
    padding:5px 6px;
  }
  #header .swiperTickerContainer .swiper-button-next,
  #header .swiperTickerContainer .swiper-button-prev{ display:none; }
}