/* Mrkalek: produktove stitky a procentni sleva, verze 1.
   Tvar je prevzaty z dodaneho PDF. Tlacitka tento soubor neupravuje.
   Barvy se prebiraji ze Shoptetu; zluty Vyprodej ma tmavy text. */

@supports (mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000)) {
  :root {
    --mrkalek-okluzor-maska: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M0.41239%200.96837%20C0.4641%200.94635%200.54886%200.89611%200.6214%200.89012%20C0.70141%200.88351%200.80384%200.88991%200.85772%200.85619%20C0.89384%200.83359%200.90997%200.804%200.92558%200.7838%20C0.93515%200.77141%200.95156%200.7416%200.96257%200.71644%20C0.98472%200.66583%200.99979%200.57957%200.99999%200.50069%20L1%200.50069%20C1%200.50046%201%200.50023%201%200.5%20C1%200.49977%201%200.49953%201%200.49931%20L0.99999%200.49931%20C0.99979%200.42042%200.98472%200.33417%200.96257%200.28355%20C0.95156%200.2584%200.93515%200.22859%200.92558%200.2162%20C0.90997%200.196%200.89384%200.16641%200.85772%200.14381%20C0.80384%200.11009%200.70141%200.11648%200.6214%200.10988%20C0.54886%200.10389%200.4641%200.05364%200.41239%200.03163%20C0.35157%200.00574%200.28358%200%200.22224%200.02758%20C0.17687%200.04798%200.13711%200.08773%200.1056%200.13617%20C0.0439%200.23105%200.00038%200.37221%200.00003%200.49931%20L0%200.49931%20C0%200.49953%200.00001%200.49977%200.00001%200.5%20C0.00001%200.50023%200%200.50046%200%200.50069%20L0.00003%200.50069%20C0.00038%200.62779%200.0439%200.76895%200.1056%200.86383%20C0.13711%200.91227%200.17687%200.95201%200.22224%200.97241%20C0.28358%201%200.35157%200.99426%200.41239%200.96837%20Z%22%2F%3E%3C%2Fsvg%3E");
  }

  /* Detail produktu a produktove karty. */
  :is(.p-image-wrapper, .p) .flags-default > .flag,
  :is(.p-image-wrapper, .p) .flags-extra > .flag-discount {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    -webkit-mask-image: var(--mrkalek-okluzor-maska);
    mask-image: var(--mrkalek-okluzor-maska);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask-mode: alpha;
  }

  /* Stitky Akce, Tip, Novinka i vlastni stitky (napr. Vyprodej). */
  :is(.p-image-wrapper, .p) .flags-default > .flag {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 59.44px !important;
    min-height: 59.44px !important;
    padding: 10px 9px !important;
    margin: 0 0 4px !important;
    float: left !important;
    clear: both !important;
    font-size: 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal !important;
    hyphens: none !important;
  }

  .p-image-wrapper .flags-default > .flag {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 68.35px !important;
    min-height: 68.35px !important;
    font-size: 11px !important;
  }

  /* flag-custom1 je na Mrkalkovi zluty Vyprodej. */
  :is(.p-image-wrapper, .p) .flags-default > .flag-custom1 {
    color: #342400 !important;
  }

  /* Procentni sleva v rohu obrazku; sleva u ceny se nemeni. */
  :is(.p-image-wrapper, .p) .flags-extra > .flag-discount {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 65.38px !important;
    min-height: 65.38px !important;
    padding: 10px 9px !important;
    margin: 0 0 0 4px !important;
    font-size: 16px !important;
    white-space: nowrap !important;
    word-break: normal !important;
  }

  .p-image-wrapper .flags-extra > .flag-discount {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: 83.21px !important;
    min-height: 83.21px !important;
    font-size: 20px !important;
  }

  :is(.p-image-wrapper, .p) .flags-extra > .flag-discount .price-save {
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  :is(.p-image-wrapper, .p) .flags-extra > .flag-discount .price-standard {
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  /* Mensi stitky v mobilnim vypisu; zachovany pomer stran. */
  @media (max-width: 767px) {
    .p .flags-default > .flag {
      width: 72px !important;
      min-width: 72px !important;
      max-width: 72px !important;
      height: 53.49px !important;
      min-height: 53.49px !important;
      padding: 9px 7px !important;
      font-size: 10px !important;
    }

    .p .flags-extra > .flag-discount {
      width: 80px !important;
      min-width: 80px !important;
      max-width: 80px !important;
      height: 59.44px !important;
      min-height: 59.44px !important;
      font-size: 14px !important;
    }

    /* Sablona v dvousloupcovem vypisu roztahuje slevy na celou sirku.
       Uprava se pouzije pouze tam, kde slevovy odznak skutecne existuje. */
    .columns-mobile-2 .products-block .p .flags.flags-extra:has(> .flag-discount) {
      display: flex !important;
      justify-content: flex-end;
      align-items: flex-end;
      flex-wrap: wrap;
      gap: 4px;
      width: auto !important;
      max-width: 100%;
      left: auto !important;
      right: 0 !important;
      top: auto !important;
      bottom: 0 !important;
    }
  }
}