/* =========================================================
   COOL BREAK - FLOATING BUTTONS (GLOVO / WOLT / WHATSAPP)
   COPY/PASTE THIS WHOLE FILE INTO: Appearance -> Customize -> Additional CSS
   ========================================================= */


/* --- 1) SAKRIJ "NARUČI I PREUZMI" LINK/GUMB --- */
a[href*="order.app.hd.digital"],
a[href*="cool-break-restaurant.order.app.hd.digital"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* --- 2) FLOATING KONTEJNER --- */
.cb-float{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 999999 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 12px !important;
}


/* --- 3) OSNOVNI STIL ZA GLOVO/WOLT "PILL" GUMBE --- */
.cb-float .cb-pill{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  padding: 12px 16px !important;
  border-radius: 999px !important;

  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  text-decoration: none !important;
  font-family: inherit !important;

  box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.cb-float .cb-pill:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.25) !important;
  filter: brightness(1.03) !important;
}


/* --- 4) MALI KRUG “ICON” U PILL GUMBU (G / W) --- */
.cb-float .cb-ic{
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;

  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}


/* --- 5) GLOVO (žuti) --- */
.cb-float .cb-glovo{
  background: #F2D400 !important;
  color: #111 !important;
}
.cb-float .cb-glovo .cb-ic{
  background: rgba(0,0,0,.12) !important;
  color: #111 !important;
}


/* --- 6) WOLT (tirkizni) --- */
.cb-float .cb-wolt{
  background: #00C2E8 !important;
  color: #fff !important;
}
.cb-float .cb-wolt .cb-ic{
  background: rgba(255,255,255,.20) !important;
  color: #fff !important;
}


/* --- 7) WHATSAPP OKRUGLI GUMB (KANAL) - ANTI "OGROMNA IKONA" --- */
.cb-float .cb-wa{
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;

  border-radius: 999px !important;
  background: #25D366 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-decoration: none !important;

  /* ako je emoji unutra */
  font-size: 22px !important;
  line-height: 1 !important;

  /* ključ: sprječava razvlacenje od theme CSS-a */
  overflow: hidden !important;

  box-shadow: 0 10px 26px rgba(0,0,0,.18) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.cb-float .cb-wa:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.25) !important;
  filter: brightness(1.03) !important;
}

/* Ako je unutra SVG ikona (ili tema dira SVG), zakucaj veličinu */
.cb-float .cb-wa svg{
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  display: block !important;
  fill: #fff !important;
}

/* Ako je unutra emoji ili span, zakucaj veličine svim child elementima */
.cb-float .cb-wa *{
  font-size: 22px !important;
  line-height: 1 !important;
}


/* --- 8) MOBILE: malo kompaktnije i malo više gore (da ne smeta) --- */
@media (max-width: 768px){
  .cb-float{
    right: 14px !important;
    bottom: 14px !important;
    gap: 10px !important;
  }

  .cb-float .cb-pill{
    padding: 11px 14px !important;
    font-size: 13px !important;
  }

  .cb-float .cb-wa{
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    font-size: 21px !important;
  }

  .cb-float .cb-wa svg{
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }
}
/* sakrij WhatsApp kanal u footeru */
footer a[href*="whatsapp.com/channel"]{
display:none !important;
}

/* sakrij i eventualnu veliku ikonu */
footer img[src*="whatsapp"],
footer svg[class*="whatsapp"]{
display:none !important;
}

/* sakrij Glovo i Wolt linkove u footeru */

footer a[href*="glovoapp.com"]{
display:none !important;
}

footer a[href*="wolt.com"]{
display:none !important;
}