/*
 * curaprox.cz adoption layer for curaprox-brand-system
 * Pinned brand-system commit: 81686b970d9282ece450e22402eb2b043d8d02ce
 * Project implementation only; canonical values come from curaprox-brand-tokens.css.
 */

@font-face {
    font-family: "Futura LT Pro";
    src: url("campaigns/fonts/futura-lt-pro-book.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Info Display Pro";
    src: url("campaigns/fonts/info-display-pro-book.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Info Display Pro";
    src: url("campaigns/fonts/info-display-pro-bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

html {
    font-size: 16px;
}

body {
    font-family: var(--curaprox-font-family-body);
    font-size: var(--curaprox-font-size-copy-1);
    font-weight: var(--curaprox-font-weight-body-book);
    line-height: var(--curaprox-line-height-copy-1);
    color: var(--curaprox-color-copy);
    background: var(--curaprox-color-background);
}

.header .logo-curaprox img {
    max-height: 32px;
    width: auto;
}

small,
.small {
    font-size: var(--curaprox-font-size-copy-2);
    line-height: var(--curaprox-line-height-copy-2);
    letter-spacing: var(--curaprox-letter-spacing-copy-2);
}

.lead {
    font-size: var(--curaprox-font-size-lead);
    line-height: var(--curaprox-line-height-lead);
    letter-spacing: var(--curaprox-letter-spacing-lead);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.grid-title {
    font-family: var(--curaprox-font-family-headline);
    font-weight: var(--curaprox-font-weight-headline-book);
    text-transform: var(--curaprox-text-transform-headline);
    color: var(--curaprox-color-primary);
}

h1, .h1 {
    font-size: var(--curaprox-font-size-display);
    line-height: var(--curaprox-line-height-display);
    letter-spacing: var(--curaprox-letter-spacing-display);
}

h2, .h2 {
    font-size: var(--curaprox-font-size-title-lg);
    line-height: var(--curaprox-line-height-title-lg);
    letter-spacing: var(--curaprox-letter-spacing-title-lg);
}

h3, .h3 {
    font-size: var(--curaprox-font-size-title-md);
    line-height: var(--curaprox-line-height-title-md);
    letter-spacing: var(--curaprox-letter-spacing-title-md);
}

h4, h5, h6,
.h4, .h5, .h6,
.grid-title {
    font-size: var(--curaprox-font-size-title-sm);
    line-height: var(--curaprox-line-height-title-sm);
    letter-spacing: var(--curaprox-letter-spacing-title-sm);
}

a,
.link-color {
    color: var(--curaprox-color-primary);
}

a:hover,
a:focus,
.link-color:hover,
.link-color:focus {
    color: var(--curaprox-color-corporate-blue-80);
}

.btn-primary,
.btn.btn-neutral-2,
.btn.btn-conversion,
.badge-basket {
    color: var(--curaprox-color-white);
    background-color: var(--curaprox-color-primary);
    border-color: var(--curaprox-color-primary);
}

.btn-primary.btn-primary-white {
    color: var(--curaprox-color-primary);
    background-color: var(--curaprox-color-white);
    border-color: var(--curaprox-color-white);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn.btn-neutral-2:hover,
.btn.btn-neutral-2:focus,
.btn.btn-conversion:hover,
.btn.btn-conversion:focus {
    color: var(--curaprox-color-white);
    background-color: var(--curaprox-color-corporate-blue-80);
    border-color: var(--curaprox-color-corporate-blue-80);
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    color: var(--curaprox-color-white);
    background-color: var(--curaprox-color-primary);
    border-color: var(--curaprox-color-primary);
}

.btn-primary-white,
.btn-text {
    color: var(--curaprox-color-primary);
}

.btn-text {
    border-color: var(--curaprox-color-primary);
}

.btn-text:hover,
.btn-text:focus,
.btn-text:active,
.btn-text.active,
.btn-text:active:hover,
.btn-text.active:hover,
.btn-text:active:focus,
.btn-text.active:focus {
    color: var(--curaprox-color-corporate-blue-80);
    background-color: var(--curaprox-color-white);
    border-color: var(--curaprox-color-corporate-blue-80);
}

.btn.btn-neutral,
.btn-sub-category,
.box-news,
.box-betefits {
    background-color: var(--curaprox-color-subtle-background);
}

.grid-title {
    border-bottom-color: var(--curaprox-color-light-grey);
}

.form-control,
.form-control:focus {
    color: var(--curaprox-color-copy);
    border-bottom-color: var(--curaprox-color-primary);
}

.navbar-default .navbar-nav > li > a.btn-menu,
.navbar-default .navbar-nav > li > a.btn-menu:hover,
.navbar-default .navbar-nav > li > a.btn-menu:focus,
.navbar-default .navbar-nav > li > a.btn-menu.menu-active,
.navbar-default .navbar-nav .open .dropdown-menu > li > a.menu-active,
.btn-menu-white.menu-active,
.btn-menu-white:hover {
    color: var(--curaprox-color-primary);
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus {
    outline: 2px solid var(--curaprox-color-primary) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}