/*
 * PDF download links inside the homepage CTA banner (part/cta.php).
 * CTA background is var(--red) / #b90000 with white text — these pills sit on top.
 */

.cta-pdfs {
    list-style: none;
    margin: var(--sf-space-5) 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sf-space-3);
}

.cta-pdfs li {
    margin: 0;
}

.cta-pdfs a {
    display: inline-flex;
    align-items: center;
    gap: var(--sf-space-2);
    padding: var(--sf-space-3) var(--sf-space-5);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: var(--sf-radius-pill);
    color: #fff !important;
    font-family: var(--sf-font-display);
    font-size: var(--sf-text-sm);
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    transition:
        background var(--sf-duration-fast) var(--sf-ease),
        color var(--sf-duration-fast) var(--sf-ease),
        border-color var(--sf-duration-fast) var(--sf-ease),
        transform var(--sf-duration-fast) var(--sf-ease);
}

.cta-pdfs a::before {
    content: "";
    width: 16px;
    height: 18px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><path d='M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-3zM9 16v2'/><path d='M14 13h2v5'/><path d='M14 15.5h1.5'/></svg>") no-repeat center / contain;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><path d='M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-3zM9 16v2'/><path d='M14 13h2v5'/><path d='M14 15.5h1.5'/></svg>") no-repeat center / contain;
}

.cta-pdfs a::after {
    content: "↓";
    font-size: var(--sf-text-md);
    line-height: 1;
    margin-left: var(--sf-space-1);
    transition: transform var(--sf-duration-fast) var(--sf-ease);
}

.cta-pdfs a:hover,
.cta-pdfs a:focus-visible {
    background: #fff;
    border-color: #fff;
    color: var(--sf-red, #b90000) !important;
    transform: translateY(-1px);
}

.cta-pdfs a:hover::after,
.cta-pdfs a:focus-visible::after {
    transform: translateY(2px);
}

@media (max-width: 600px) {
    .cta-pdfs {
        flex-direction: column;
        align-items: stretch;
    }

    .cta-pdfs a {
        justify-content: center;
    }
}