
.stip-share[data-stipino-share]{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  height:48px;
  flex-wrap:wrap;
}
.stip-share[data-stipino-share] .ss-lab{
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:0.78rem;
  color:#8C8677;
}
.stip-share[data-stipino-share] .ss-ikonice{display:flex;align-items:center;gap:10px;}
.stip-share[data-stipino-share] .ss-ic{
  width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;transition:filter .15s ease,transform .1s ease;
  cursor:pointer;
  border:none;
  padding:0;
}
.stip-share[data-stipino-share] .ss-ic:hover{filter:brightness(0.9);}
.stip-share[data-stipino-share] .ss-ic:active{transform:scale(0.94);}
.stip-share[data-stipino-share] .ss-ic svg{width:16px;height:16px;}
.stip-share[data-stipino-share] .ss-ic.wa{background:#25D366;}
.stip-share[data-stipino-share] .ss-ic.fb{background:#1877F2;}
.stip-share[data-stipino-share] .ss-ic.vb{background:#7360F2;}
.stip-share[data-stipino-share] .ss-ic.share{background:transparent;color:#8C8677;border:1.5px solid #C9BFA6;}
.stip-share[data-stipino-share] .ss-ic.share:hover{background:#8C8677;color:#fff;border-color:#8C8677;}
.stip-fallback[data-stipino-fallback]{display:none;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.stip-fallback[data-stipino-fallback].otvoren{display:flex;}
.stip-fallback[data-stipino-fallback] .fb-btn{
  display:inline-flex;
  align-items:center;
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:0.7rem;
  letter-spacing:0.02em;
  text-transform:uppercase;
  color:#fff;
  padding:8px 15px;
  border-radius:30px;
  text-decoration:none;
  cursor:pointer;
  border:none;
  transition:filter .15s ease;
}
.stip-fallback[data-stipino-fallback] .fb-btn:hover{filter:brightness(0.9);}
.stip-fallback[data-stipino-fallback] .fb-btn.ml{background:#8C8677;}
.stip-fallback[data-stipino-fallback] .fb-btn.cp{background:transparent;color:#12522D;border:1px solid #C9BFA6;}
.stip-fallback[data-stipino-fallback] .fb-btn.cp:hover{background:#12522D;color:#fff;filter:none;}
.stip-status[data-stipino-status]{
  font-family:'Montserrat',sans-serif;
  font-size:0.72rem;
  color:#1B7340;
  text-align:center;
  margin-top:8px;
  height:14px;
  opacity:0;
  transition:opacity .2s ease;
}
.stip-status[data-stipino-status].vidljiv{opacity:1;}
@media(max-width:560px){
  .stip-share[data-stipino-share]{flex-direction:column;height:auto;padding:14px 0;gap:10px;}
}


/* Preserve white icon overrides from the existing HR event templates. */
.stip-share[data-stipino-variant="white"] .ss-ic.wa,
.stip-share[data-stipino-variant="white"] .ss-ic.fb,
.stip-share[data-stipino-variant="white"] .ss-ic.vb,
.stip-share[data-stipino-variant="white"] .ss-ic.wa svg,
.stip-share[data-stipino-variant="white"] .ss-ic.fb svg,
.stip-share[data-stipino-variant="white"] .ss-ic.vb svg,
.stip-share[data-stipino-variant="white"] .ss-ic.wa svg path,
.stip-share[data-stipino-variant="white"] .ss-ic.fb svg path,
.stip-share[data-stipino-variant="white"] .ss-ic.vb svg path { color:#fff !important;fill:#fff !important; }
/* Existing product-specific important declarations. */
.stip-share[data-stipino-variant="product"] .ss-lab {font-weight:700 !important;font-size:.78rem !important;color:#8C8677 !important;}
.stip-share[data-stipino-variant="product"] .ss-ic {color:#fff !important;}
.stip-share[data-stipino-variant="product"] .wa {background:#25D366 !important;}
.stip-share[data-stipino-variant="product"] .fb {background:#1877F2 !important;}
.stip-share[data-stipino-variant="product"] .vb {background:#7360F2 !important;}
.stip-share[data-stipino-variant="product"] .share {background:transparent !important;color:#8C8677 !important;}
.stip-share[data-stipino-variant="product"] .share:hover {background:#8C8677 !important;color:#fff !important;}
.stip-share[data-stipino-variant="product"] + .stip-fallback .fb-btn {color:#fff !important;}
.stip-share[data-stipino-variant="product"] + .stip-fallback .ml {background:#8C8677 !important;}
.stip-share[data-stipino-variant="product"] + .stip-fallback .cp {background:transparent !important;color:#12522D !important;}
.stip-share[data-stipino-variant="product"] + .stip-fallback .cp:hover {background:#12522D !important;color:#fff !important;}
.stip-share[data-stipino-variant="product"] ~ .stip-status {color:#1B7340 !important;}

/* The shared All Products layout uses plain [stipino_share], without a variant. */
body.single-product .stip-share[data-stipino-share] .ss-ic.wa svg path,
body.single-product .stip-share[data-stipino-share] .ss-ic.fb svg path,
body.single-product .stip-share[data-stipino-share] .ss-ic.vb svg path {color:#fff !important;fill:#fff !important;}
body.single-product .stip-share[data-stipino-share] .ss-ic.share {background:#8C8677 !important;color:#fff !important;border-color:#8C8677 !important;}
body.single-product .stip-share[data-stipino-share] .ss-ic.share svg {stroke:#fff !important;fill:none !important;}
