/* YourTourKey archive: Archive heading, description and mobile disclosure.
 * Desktop, tablet and mobile rules stay with this component.
 * Moved from ytk-archive.css without changing declarations.
 */

/* HERO */

.ytk-archive-hero {
    width: 100%;
    padding: 28px 0 var(--ytk-archive-hero-bottom, 34px);
    background: #ffffff;
}

.ytk-archive-hero-card {
    width: 100%;
    max-width: 1280px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}

/* KICKER STANDARD */

.ytk-archive-signature {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 10px;
    color: #5f6879;
    font-size: 13px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: -0.1px;
}

.ytk-archive-signature img {
    display: block;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 50%;
    object-fit: cover;
}

.ytk-archive-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--ytk-green);
    font-size: 14px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

/* TITLE */

.ytk-archive-title {
    width: 100%;
    max-width: 1280px;
    margin: 0;
    color: var(--ytk-navy);
    line-height: 1.06;
    letter-spacing: -1.55px;
}

.ytk-archive-page-shell:not(.ytk-archive-taxonomy) .ytk-archive-title {
    font-size: clamp(34px, 3vw, 46px);
    font-weight: 850;
}

.ytk-archive-taxonomy .ytk-archive-title {
    max-width: 1060px;
    font-size: var(--ytk-detail-h1-size);
    line-height: var(--ytk-detail-h1-line-height);
    letter-spacing: var(--ytk-detail-h1-spacing);
    font-weight: 900;
}

.ytk-archive-title-prefix,
.ytk-archive-title-text {
    color: inherit;
    font-weight: inherit;
}

.ytk-archive-title-dot {
    display: inline;
    color: var(--ytk-green);
    font-size: 1em;
    line-height: inherit;
    font-weight: inherit;
    margin-left: 3px;
}

.ytk-archive-title::after,
.ytk-archive-hero-card h1::after {
    content: none !important;
    display: none !important;
}

/* DESCRIPTION STANDARD */

.ytk-archive-description {
    width: 100%;
    max-width: 1280px;
    margin-top: 20px;
    color: rgba(var(--ytk-ink-rgb),0.68);
    font-size: 15px;
    line-height: 1.68;
    font-weight: 500;
}

.ytk-archive-taxonomy .ytk-archive-description {
    color: var(--ytk-body-copy);
    font-family: var(--ytk-font-family);
    font-size: var(--ytk-product-copy-size);
    line-height: var(--ytk-product-copy-line-height);
    font-weight: var(--ytk-product-copy-weight);
    letter-spacing: normal;
}

.ytk-archive-description p {
    max-width: 1280px;
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}

.ytk-archive-description a,
.ytk-archive-description a:visited {
    color: #1a2b49 !important;
    font-weight: 700;
    text-decoration-color: rgba(26,43,73,0.35);
    text-underline-offset: 2px;
}

.ytk-archive-description a:hover,
.ytk-archive-description a:focus {
    color: #1a2b49 !important;
    text-decoration-color: #1a2b49;
}

@media (max-width: 1180px) {
    .ytk-archive-hero-card,
        .ytk-archive-title,
        .ytk-archive-description {
            max-width: 1050px;
        }
}

@media (max-width: 760px) {
    .ytk-archive-signature {
            margin-bottom: 9px;
            font-size: 12.5px;
        }

    .ytk-archive-signature img {
            width: 20px;
            height: 20px;
            flex-basis: 20px;
        }

    .ytk-archive-hero {
            padding: 24px 0 var(--ytk-archive-hero-bottom, 30px);
        }

    .ytk-archive-kicker {
            font-size: 13px;
            font-weight: 750;
            letter-spacing: 1.05px;
        }

    .ytk-archive-kicker::before {
            font-size: 22px;
        }

    .ytk-archive-page-shell:not(.ytk-archive-taxonomy) .ytk-archive-title {
            font-size: 31px;
            line-height: 1.08;
            letter-spacing: -1.2px;
        }

    .ytk-archive-description {
            max-width: 100%;
            margin-top: 16px;
            font-size: 14.5px;
            line-height: 1.68;
            font-weight: 500;
        }

    .ytk-archive-taxonomy .ytk-archive-description {
            font-size: 14.5px;
        }

    .ytk-archive-description p {
            max-width: 100%;
        }
}

/* MOBILE DESCRIPTION DISCLOSURE */

.ytk-archive-description-toggle {
    font-family: inherit;
}

.ytk-archive-description-toggle[hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    .ytk-archive-description-wrap.is-collapsible:not(.is-expanded) .ytk-archive-description {
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            line-clamp: 3;
        }

    .ytk-archive-description-toggle {
            margin: 8px 0 0;
            padding: 0;
            display: inline-flex;
            align-items: center;
            border: 0;
            background: transparent;
            color: #1a2b49;
            text-decoration: underline;
            text-underline-offset: 2px;
            font-size: var(--ytk-button-font-size);
            line-height: 1.3;
            font-weight: var(--ytk-button-font-weight);
            cursor: pointer;
        }
}