/* MMclaude – vlastní úpravy e-shopu orcacollagen.cz (třídy začínají mm-) */

/* Infografiky v popisu produktu: text + obrázek na společném pozadí */
.mm-infografika {
  --mm-okraj: 32px;
  margin: 0 0 32px;
}

.mm-infografika--hotovo {
  padding: 36px var(--mm-okraj) 0;
}

.mm-infografika > p:last-child {
  margin-bottom: 0;
}

/* Obrázek od kraje ke kraji bloku, bez mezery pod ním */
.mm-infografika .mm-infografika__obrazek {
  display: block;
  max-width: 100%;
  height: auto;
}

.mm-infografika--hotovo .mm-infografika__obrazek {
  width: calc(100% + 2 * var(--mm-okraj));
  max-width: none;
  margin: 20px calc(-1 * var(--mm-okraj)) 0;
}

.mm-infografika--hotovo .mm-infografika__obrazek--navazuje {
  margin-top: 0 !important;
}

.mm-infografika .mm-skryt {
  display: none;
}

/* Tmavé pozadí: tmavý text se přebarví na bílý */
.mm-infografika--tmava,
.mm-infografika--tmava .mm-svetly-text {
  color: #fff !important;
}

/* Tabulky složení (HTML vložené v popisu produktu: div.mm-slozeni > table.mm-tabulka)
   – stejný vzhled jako u Orca Collagen, jen tmavě modré */
.mm-slozeni {
  --mm-modra: #06124b;
  margin: 0 0 32px;
}

.basic-description table.mm-tabulka {
  width: 100%;
  margin: 0 0 22px;
  color: var(--mm-modra);
}

.basic-description table.mm-tabulka tr:nth-child(1) {
  background-color: var(--mm-modra);
  color: #fff;
}

.basic-description table.mm-tabulka tr td,
.basic-description table.mm-tabulka tr th {
  border-color: var(--mm-modra);
}

.basic-description table.mm-tabulka th {
  font-weight: 700;
  text-align: center;
}

/* Hodnoty (např. „12 mg α-TE“) se nemají lámat na dva řádky */
.basic-description table.mm-tabulka td + td {
  white-space: nowrap;
}

.mm-slozeni .mm-slozeni__poznamka {
  margin: -14px 0 22px;
  color: var(--mm-modra);
  font-size: 14px;
}

/* Proužek „TIP: ušetřete s měsíčním členstvím" u Orca Hydration – bledě modrý
   jako pozadí infografik (u Orca Collagen zůstává zlatý) */
.type-detail a.subscription-bann[href*="membership-hydration"] {
  background-color: #dfe8f9;
}

/* Tlačítko „Do košíku" u produktů Orca Hydration (kategorie jednorázový nákup
   i členství) – tmavě modré s bílým textem místo žlutého */
.type-detail[class*="in-orca-hydration"] #product-detail-form .add-to-cart-button {
  background-color: #06124b;
  border-color: #06124b;
  color: #fff;
}

.type-detail[class*="in-orca-hydration"] #product-detail-form .add-to-cart-button:hover,
.type-detail[class*="in-orca-hydration"] #product-detail-form .add-to-cart-button:focus {
  background-color: #1a559c;
  border-color: #1a559c;
  color: #fff;
}

@media (max-width: 767px) {
  .mm-infografika {
    --mm-okraj: 16px;
    margin-bottom: 24px;
  }

  .mm-infografika--hotovo {
    padding-top: 24px;
  }

  .mm-infografika--hotovo .mm-infografika__obrazek {
    margin-top: 16px;
  }

  .basic-description table.mm-tabulka tr:nth-child(1) > * {
    font-size: 15px;
    line-height: 1.4;
  }

  .basic-description table.mm-tabulka td {
    font-size: 15px;
  }
}