/*
 * CuraproxClub.cz /poradna/ brand mapping.
 *
 * Sources of truth:
 * - curaprox-brand-system/channels/web.md
 * - curaprox-brand-system/guidelines/colors.md
 * - curaprox-brand-system/guidelines/typography.md
 * - curaprox-brand-system/guidelines/accessibility.md
 * - curaprox-brand-system/tokens/tokens.css
 * - curaprox-brand-system/projects/curaproxclub_cz/README.md
 *
 * Grid, spacing, radii and breakpoints remain project implementation details.
 * The concrete brand values below are an application mapping, not a second
 * brand authority. Update them only against an approved central brand change.
 *
 * The active public layout loads the approved self-hosted webfont mapping from
 * curaproxcz.css. This file keeps only the Poradna-specific typography roles;
 * the family names and font assets are shared with the whole e-shop.
 */

.advisory-list-header,
.advisory-detail,
.advisory-related-products,
.advisory-related-categories,
.advisory-more,
.advisory-empty,
.advisory-body,
.advisory-card {
    font-family: "Info Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #706F6F;
}

.advisory-list-header h1,
.advisory-detail-header h1 {
    color: #003DA5;
    font-family: "Futura LT Pro", Futura, "Avenir Next", Avenir, "Century Gothic", Arial, sans-serif;
    font-size: 32px;
    font-size: clamp(2rem, 1.873884rem + 0.63058vw, 2.441406rem);
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: .015em;
    text-transform: uppercase;
}

.advisory-eyebrow {
    color: #003DA5;
    font-family: "Futura LT Pro", Futura, "Avenir Next", Avenir, "Century Gothic", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.advisory-list-lead,
.advisory-detail-lead,
.advisory-body .curaprox-lead {
    color: #706F6F;
    font-family: "Info Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: clamp(1.125rem, 1.089286rem + 0.178571vw, 1.25rem);
    font-weight: 400;
    line-height: 1.4;
}

.advisory-dates,
.advisory-card time,
.advisory-detail time,
.advisory-reading-time,
.advisory-card-meta {
    color: #706F6F;
    font-family: "Info Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.advisory-card-meta .advisory-reading-time:before,
.advisory-dates span + span:before {
    color: #706F6F;
}

.advisory-card {
    color: #706F6F;
    background: #FFFFFF;
    border-color: #CCD8ED;
}

.advisory-card:hover,
.advisory-card:focus-within {
    border-color: #CCD8ED;
}

.advisory-card-grid + nav .pagination {
    font-family: "Info Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.advisory-card-grid + nav .pagination > li:not(.disabled) > a,
.advisory-card-grid + nav .pagination > li:not(.disabled) > span {
    color: #003DA5;
    border-color: #CCD8ED;
}

.advisory-card-grid + nav .pagination > li:not(.disabled) > a:hover,
.advisory-card-grid + nav .pagination > li:not(.disabled) > a:focus {
    color: #003DA5;
    background: #EDEDED;
    border-color: #CCD8ED;
}

.advisory-card-grid + nav .pagination > .active > a,
.advisory-card-grid + nav .pagination > .active > a:hover,
.advisory-card-grid + nav .pagination > .active > a:focus {
    color: #FFFFFF;
    background: #003DA5;
    border-color: #003DA5;
}

.advisory-card-grid + nav .pagination > li:not(.disabled) > a:focus {
    outline: 3px solid #003DA5;
    outline-offset: 3px;
}

.advisory-card-image,
.advisory-card-image-placeholder,
.advisory-empty,
.advisory-share,
.advisory-detail .advisory-share,
.advisory-main-image {
    background: #EDEDED;
}

.advisory-detail .advisory-share {
    border-color: #CCD8ED;
}

.advisory-card-image {
    border-bottom-color: #CCD8ED;
}

.advisory-empty,
.advisory-share,
.advisory-detail .advisory-share {
    color: #003DA5;
}

.advisory-card h2,
.advisory-card h3,
.advisory-share h2,
.advisory-detail .advisory-share h2,
.advisory-related-products h2,
.advisory-related-categories h2,
.advisory-more h2,
.advisory-gallery h2,
.advisory-empty h2 {
    color: #003DA5;
    font-family: "Futura LT Pro", Futura, "Avenir Next", Avenir, "Century Gothic", Arial, sans-serif;
    font-size: 24px;
    font-size: clamp(1.5rem, 1.482143rem + 0.089286vw, 1.5625rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.advisory-card p,
.advisory-related-products,
.advisory-related-categories,
.advisory-more {
    color: #706F6F;
}

.advisory-share p,
.advisory-detail .advisory-share p,
.advisory-empty p {
    color: #003DA5;
}

.advisory-main-image {
    border-color: #CCD8ED;
    box-shadow: none;
}

.advisory-body {
    color: #706F6F;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.advisory-body figcaption {
    color: #706F6F;
}

.advisory-body blockquote {
    color: #003DA5;
    background: #EDEDED;
    border-left-color: #CCD8ED;
}

.advisory-body h2,
.advisory-body h3,
.advisory-body h4,
.curaprox-product-comparison__card h3 {
    color: #003DA5;
    font-family: "Futura LT Pro", Futura, "Avenir Next", Avenir, "Century Gothic", Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.advisory-body h2 {
    font-size: 28px;
    font-size: clamp(1.75rem, 1.691964rem + 0.290179vw, 1.953125rem);
    line-height: 1.15;
    letter-spacing: .02em;
}

.advisory-body h2:before {
    background: #C4D600;
}

.advisory-body h2[id]:target,
.advisory-body h3[id]:target {
    background: #EDEDED;
    box-shadow: 0 0 0 8px #EDEDED;
}

.advisory-body h3,
.advisory-body h4,
.curaprox-product-comparison__card h3 {
    font-size: 24px;
    font-size: clamp(1.5rem, 1.482143rem + 0.089286vw, 1.5625rem);
    line-height: 1.2;
    letter-spacing: .02em;
}

.advisory-body h3,
.curaprox-product-comparison__card h3 {
    border-left-color: #CCD8ED;
}

.advisory-body a:not(.btn),
.advisory-body .curaprox-toc a,
.curaprox-product-comparison__card h3 a,
.advisory-related-categories a {
    color: #003DA5;
}

.advisory-body a:not(.btn):hover,
.advisory-body a:not(.btn):focus,
.curaprox-product-comparison__card h3 a:hover,
.curaprox-product-comparison__card h3 a:focus,
.advisory-related-categories a:hover,
.advisory-related-categories a:focus {
    color: #003DA5;
    text-decoration-color: currentColor;
}

.advisory-related-categories a {
    background: #EDEDED;
}

.advisory-related-categories a:hover,
.advisory-related-categories a:focus {
    background: #CCD8ED;
}

.advisory-body .curaprox-toc a:hover,
.advisory-body .curaprox-toc a:focus {
    color: #003DA5;
    background: #CCD8ED;
    text-decoration: none;
}

.advisory-card .btn-primary,
.advisory-detail .advisory-share .btn-primary {
    color: #FFFFFF;
    background-color: #003DA5;
    border-color: #003DA5;
}

.advisory-card .btn-primary:hover,
.advisory-card .btn-primary:focus,
.advisory-card .btn-primary:active,
.advisory-detail .advisory-share .btn-primary:hover,
.advisory-detail .advisory-share .btn-primary:focus,
.advisory-detail .advisory-share .btn-primary:active {
    color: #FFFFFF;
    background-color: #003DA5;
    border-color: #003DA5;
    text-decoration: underline;
}

.advisory-detail .advisory-share .btn-default {
    color: #003DA5;
    background-color: #FFFFFF;
    border-color: #003DA5;
}

.advisory-detail .advisory-share .btn-default:hover,
.advisory-detail .advisory-share .btn-default:focus,
.advisory-detail .advisory-share .btn-default:active {
    color: #003DA5;
    background-color: #EDEDED;
    border-color: #003DA5;
    text-decoration: underline;
}

.advisory-body a:focus,
.advisory-body .curaprox-toc a:focus,
.curaprox-product-comparison__card h3 a:focus,
.advisory-related-categories a:focus,
.advisory-share button:focus,
.advisory-card a:focus {
    outline: 3px solid #003DA5;
    outline-offset: 3px;
}

.advisory-body th,
.advisory-body td {
    border-color: #CCD8ED;
}

.advisory-body th {
    color: #003DA5;
    background: #EDEDED;
}

.advisory-body img {
    border-color: #CCD8ED;
    box-shadow: none;
}

.advisory-body .curaprox-toc {
    color: #003DA5;
    background: #EDEDED;
    border-color: #CCD8ED;
}

.advisory-body .curaprox-toc:before {
    background: #003DA5;
}

.advisory-body .curaprox-toc-title,
.advisory-body .curaprox-toc-list > .curaprox-toc-level-2:before,
.advisory-body .curaprox-toc-list > .curaprox-toc-orphan:before,
.advisory-body .curaprox-toc-sublist > .curaprox-toc-level-3:before {
    color: #003DA5;
}

.advisory-body .curaprox-toc-title {
    font-family: "Futura LT Pro", Futura, "Avenir Next", Avenir, "Century Gothic", Arial, sans-serif;
    font-size: 24px;
    font-size: clamp(1.5rem, 1.482143rem + 0.089286vw, 1.5625rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.advisory-body .curaprox-tip-box,
.curaprox-tip-box {
    color: #003DA5;
    background: #EDEDED;
    border-color: #CCD8ED;
    border-left-color: #C4D600;
    box-shadow: none;
}

.advisory-body .curaprox-benefit-list,
.advisory-body .curaprox-steps {
    background: #EDEDED;
    border-color: #CCD8ED;
}

.advisory-body .curaprox-benefit-list li,
.advisory-body .curaprox-steps li {
    background: #FFFFFF;
    border-bottom-color: #CCD8ED;
}

.advisory-body ul:not(.curaprox-benefit-list):not(.curaprox-toc-list):not(.curaprox-toc-sublist) > li::marker,
.advisory-body ol:not(.curaprox-steps):not(.curaprox-illustrated-steps):not(.curaprox-toc-list):not(.curaprox-toc-sublist) > li::marker {
    color: #003DA5;
}

.curaprox-product-comparison,
.curaprox-product-comparison__intro,
.curaprox-product-comparison__card dt,
.curaprox-product-comparison__card dd,
.curaprox-visual-explainer,
.curaprox-visual-explainer__lead,
.curaprox-illustrated-process,
.curaprox-illustrated-process__intro {
    color: #706F6F;
}

.curaprox-product-comparison__card,
.curaprox-visual-explainer__media,
.advisory-body .curaprox-illustrated-steps__item {
    border-color: #CCD8ED;
}

.curaprox-visual-explainer__media {
    background: #EDEDED;
}

.advisory-body .curaprox-illustrated-steps__item {
    background: #FFFFFF;
}

.curaprox-product-comparison__card {
    border-top-color: #C4D600;
}

.curaprox-product-comparison__card dl > div {
    border-bottom-color: #CCD8ED;
}

.curaprox-product-comparison__image,
.advisory-body .curaprox-product-comparison__image {
    background: #FFFFFF;
}

@media (min-width: 992px) {
    .advisory-body .curaprox-toc-list {
        column-rule-color: #CCD8ED;
    }
}

@media (prefers-reduced-motion: reduce) {
    .advisory-card,
    .advisory-body .curaprox-toc a {
        transition: none;
    }

    .advisory-card:hover,
    .advisory-card:focus-within {
        transform: none;
    }
}