/*
 * BiCroma — globální typografie
 * Nadpisy: Playfair Display 600
 * Běžný text a ovládací prvky: Manrope 400–700
 *
 * Soubor načíst až po stylech šablony a ostatních vlastních stylech.
 */

:root,
body {
  --template-font: "Manrope", Arial, sans-serif !important;
  --template-headings-font: "Playfair Display", Georgia, serif !important;
  --bc-font-body: "Manrope", Arial, sans-serif !important;
  --bc-font-heading: "Playfair Display", Georgia, serif !important;
}

html,
body {
  font-family: "Manrope", Arial, sans-serif !important;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea,
.btn,
.button,
.navigation-in,
.navigation-in a,
.menu-helper,
.menu-helper a,
.product .name,
.p .name {
  font-family: "Manrope", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.homepage-group-title,
.pageElement__heading {
  font-family: "Playfair Display", Georgia, serif !important;
  font-optical-sizing: auto;
  font-weight: 600 !important;
  letter-spacing: -0.012em !important;
}

/* Delší texty a drobné obchodní prvky zůstávají v dobře čitelném grotesku. */
.benefitBanner__title,
.benefitBanner__data,
.availability,
.price,
.prices,
.p-code,
.breadcrumbs,
.bicroma-message {
  font-family: "Manrope", Arial, sans-serif !important;
}