/* MMASHOP - Discount badge v5 - detail balanced
   - Pouze detail produktu
   - Cerveny decentni badge s bilym textem na hlavni fotce
   - Velikost mezi v3 a v4, spise mensi
   - Katalog bez zasahu
*/

:root{
  --mm-red:#e30613;
  --mm-discount-radius:7px;
}

/* DETAIL - hlavni foto jako kotva */
.p-detail .p-image,
.p-detail .p-image-wrapper,
.p-detail .p-main-image{
  position:relative !important;
}

/* DETAIL - kontejner s procenty uvnitr fotky */
.p-detail .p-image .flags.flags-extra,
.p-detail .p-image-wrapper .flags.flags-extra,
.p-detail .p-main-image .flags.flags-extra{
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  left:auto !important;
  top:auto !important;
  z-index:2 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none !important;
  display:block !important;
}

/* DETAIL - vyvazeny horizontalni badge */
.p-detail .p-image .flag.flag-discount,
.p-detail .p-image-wrapper .flag.flag-discount,
.p-detail .p-main-image .flag.flag-discount,
.p-detail .p-image .flag-discount,
.p-detail .p-image-wrapper .flag-discount,
.p-detail .p-main-image .flag-discount{
  position:relative !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  padding:5px 10px !important;
  box-sizing:border-box !important;

  background:var(--mm-red) !important;
  background-color:var(--mm-red) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:var(--mm-discount-radius) !important;
  box-shadow:none !important;

  font-size:15px !important;
  font-weight:850 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  text-align:center !important;
  text-transform:none !important;
}

/* DETAIL - vnitrni prvky musi zustat bile a bez vlastnich rozmeru */
.p-detail .p-image .flag.flag-discount *,
.p-detail .p-image-wrapper .flag.flag-discount *,
.p-detail .p-main-image .flag.flag-discount *,
.p-detail .p-image .flag-discount *,
.p-detail .p-image-wrapper .flag-discount *,
.p-detail .p-main-image .flag-discount *{
  color:#fff !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}

@media (max-width:767px){
  .p-detail .p-image .flags.flags-extra,
  .p-detail .p-image-wrapper .flags.flags-extra,
  .p-detail .p-main-image .flags.flags-extra{
    right:14px !important;
    bottom:14px !important;
  }

  .p-detail .p-image .flag.flag-discount,
  .p-detail .p-image-wrapper .flag.flag-discount,
  .p-detail .p-main-image .flag.flag-discount,
  .p-detail .p-image .flag-discount,
  .p-detail .p-image-wrapper .flag-discount,
  .p-detail .p-main-image .flag-discount{
    padding:5px 9px !important;
    border-radius:7px !important;
    font-size:14px !important;
    font-weight:850 !important;
  }

  body.menu-visible .p-detail .flag.flag-discount,
  body.navigation-window-visible .p-detail .flag.flag-discount,
  body.navigation-in .p-detail .flag.flag-discount{
    z-index:1 !important;
  }
}