/* Den Syntetiske Tro · Den Syntetiske Partnerkreds */

.partner-directory-hero {
    background:
        radial-gradient(circle at 84% 18%, rgba(255, 207, 68, .19), transparent 30%),
        radial-gradient(circle at 14% 85%, rgba(103, 70, 255, .12), transparent 31%);
}

.partner-count-stamp {
    align-content: center;
}

.partner-star-large {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 14px;
    border-radius: 50%;
    color: #6f4a00;
    background: conic-gradient(#fff2af, #ffbd2e, #fff8d8, #e89b00, #fff2af);
    box-shadow:
        inset 0 0 0 10px rgba(255, 255, 255, .76),
        0 12px 35px rgba(184, 118, 0, .25);
    font-size: 1.55rem;
}

.partner-directory-toolbar {
    align-items: flex-start;
}

.partner-directory-legend {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 7px 0 0;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.45;
}

.partner-directory-legend > span {
    color: #9b6900;
    font-size: 1rem;
}

.partner-directory-card {
    position: relative;
    min-width: 0;
    color: inherit;
    text-decoration: none;
    border-color: rgba(174, 116, 0, .24);
    background:
        radial-gradient(circle at 92% 8%, rgba(255, 210, 73, .22), transparent 34%),
        linear-gradient(140deg, rgba(255,255,255,.98), rgba(103,70,255,.035));
    box-shadow:
        0 14px 36px rgba(57, 35, 97, .09),
        inset 0 0 0 1px rgba(255, 210, 73, .06);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.partner-directory-card:hover,
.partner-directory-card:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(174, 116, 0, .48);
    box-shadow:
        0 22px 48px rgba(57, 35, 97, .14),
        inset 0 0 0 1px rgba(255, 210, 73, .16);
}

.partner-directory-card:focus-visible {
    outline: 3px solid rgba(103, 70, 255, .28);
    outline-offset: 3px;
}

.partner-directory-symbol {
    color: #704b00;
    background: conic-gradient(#fff1a9, #ffb617, #fff9dd, #e49a00, #fff1a9);
    box-shadow:
        inset 0 0 0 8px rgba(255, 255, 255, .82),
        0 0 22px rgba(255, 183, 0, .26);
    font-size: 1.14rem;
}

.partner-directory-type {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 5px 9px;
    border: 1px solid rgba(155, 105, 0, .18);
    border-radius: 999px;
    color: #704b00;
    background: rgba(255, 213, 75, .18);
    font-family: "Oxanium", system-ui, sans-serif;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1;
    text-transform: uppercase;
}

.partner-directory-description {
    margin: 8px 0 12px !important;
    color: var(--muted);
    line-height: 1.55;
}

.partner-directory-link {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    margin-top: 10px;
    color: var(--violet-dark);
    font-family: "Oxanium", system-ui, sans-serif;
    font-size: .68rem;
    font-weight: 800;
}

.partner-directory-link > span {
    transition: transform .18s ease;
}

.partner-directory-card:hover .partner-directory-link > span {
    transform: translateX(4px);
}

.partner-empty-state .primary-link {
    margin-top: 12px;
}

@media (max-width: 720px) {
    .partner-directory-card:hover {
        transform: none;
    }

    .partner-directory-toolbar {
        gap: 16px;
    }
}