/* Mravec.sk — partnerská cena pre veľkoobchod (voc-cena.js, verzia 5 „mravčí partner").
   Jedna hlavná cena v štýle šablóny + štítok s mravcom nad ňou + jeden riadok pod ňou. Farby zo šablóny:
   tyrkysová #468c98 ako tlačidlo košíka, sivá #7c7e8f ako „bez DPH", zelená #009901 ako „Skladom";
   štítok tvarom ako štítky šablóny (Novinka, Výpredaj): radius 15, 11 px, 500, verzálky. */
.mvoc-top {
  order: -2;
  margin: 0 0 6px;
}

.mvoc-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px 3px 3px;
  border-radius: 15px;
  background: #468c98;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Mravec = výrez z loga e-shopu v bielom krúžku. */
.mvoc-ant {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff url("https://cdn.myshoptet.com/usr/www.mravec.sk/user/logos/mravec_logo_-2.jpg") no-repeat -7px -3px;
  background-size: 34px 34px;
}

.mvoc-only {
  margin: 2px 0 0;
  color: #468c98;
  font-size: 13px;
  font-weight: 500;
}

.mvoc-line {
  color: #7c7e8f;
  line-height: 1.35;
}

.mvoc-line s {
  color: #7c7e8f;
}

.mvoc-line-detail {
  margin: 4px 0 2px;
  font-size: 15px;
}

.mvoc-save {
  color: #009901;
  font-weight: 500;
}

.mvoc-qty {
  white-space: nowrap;
}

/* Výpis: .prices je flex stĺpec a šablóna dáva cene order -1 (nad „bez DPH") — riadok ide hneď pod cenu,
   štítok (order -2) nad ňu. */
.product .mvoc-line {
  order: -1;
  margin-top: 2px;
  font-size: 13px;
}

.product .mvoc-top {
  margin: 0 0 4px;
}

.product .mvoc-badge {
  padding: 2px 8px 2px 2px;
  font-size: 10px;
  line-height: 16px;
}

.product .mvoc-ant {
  width: 16px;
  height: 16px;
  background-position: -6px -3px;
  background-size: 30px 30px;
}

@media (max-width: 480px) {
  /* Cenový stĺpec má na mobile ~178 px — úspora na vlastný riadok. */
  .mvoc-line-detail .mvoc-sep {
    display: none;
  }

  .mvoc-line-detail .mvoc-save {
    display: block;
  }
}