/* =========================================================
   PARTNER LINK
   Header + footer partner styling only.
   Normal footer links remain owned by app-shell.css.
========================================================= */

.partner-link {
    color: var(--accent, #3dd1dc);
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
}

.partner-link:hover {
    text-decoration: none;
}

/* =========================================================
   DESKTOP HEADER PARTNER PILL
========================================================= */

.partner-link-desktop {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    min-width: 0;
    max-width: 360px;

    margin-right: 14px;
    padding: 7px 10px;

    border-radius: 999px;
    border: 1px solid rgba(61, 209, 220, 0.22);
    background: rgba(61, 209, 220, 0.06);

    color: var(--accent, #3dd1dc);
    white-space: nowrap;
    overflow: hidden;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}

.partner-brand-icon,
.partner-external-icon {
    flex: 0 0 auto;
    line-height: 1;
}

.partner-external-icon {
    font-size: 9px;
    opacity: 0.65;
}

.partner-copy {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partner-copy-short {
    display: none;
}

@media (hover: hover) {
    .partner-link-desktop:hover {
        color: rgba(255, 255, 255, 0.88);
        background: rgba(61, 209, 220, 0.09);
        border-color: rgba(61, 209, 220, 0.3);
    }
}

/* Switch desktop header copy to shorter text before hiding entirely */
@media (max-width: 1240px) {
    .partner-link-desktop .partner-copy-full {
        display: none;
    }

    .partner-link-desktop .partner-copy-short {
        display: inline;
    }
}

/* Hide desktop header partner before it can collide with center controls */
@media (max-width: 1080px) {
    .partner-link-desktop {
        display: none !important;
    }
}

/* Always hidden on mobile; mobile partner belongs in footer */
@media (max-width: 768px) {
    .partner-link-desktop {
        display: none !important;
    }
}

/* =========================================================
   FOOTER PARTNER PILL
   Only SeatSun/partner is a pill. Stats links stay plain text.
========================================================= */

.appshell-footer .footer-partner-link {
    display: flex;
    justify-content: center;
    width: 100%;
}

.appshell-footer .footer-partner-link:empty {
    display: none;
}

.appshell-footer .footer-pill-partner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    max-width: min(92vw, 420px);
    min-height: 34px;

    padding: 9px 14px;
    border-radius: 999px;

    border: 1px solid rgba(61, 209, 220, 0.22);
    background: rgba(61, 209, 220, 0.06);
    color: var(--accent, #3dd1dc);

    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;

    overflow: hidden;
    text-overflow: ellipsis;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.appshell-footer .footer-pill-partner::after {
    content: "↗";
    flex: 0 0 auto;
    font-size: 9px;
    line-height: 1;
    opacity: 0.65;
}

.appshell-footer .footer-pill-icon,
.appshell-footer .footer-pill-partner .partner-brand-icon {
    flex: 0 0 auto;
    line-height: 1;
}

.appshell-footer .footer-pill-copy,
.appshell-footer .footer-pill-partner .partner-copy {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appshell-footer .footer-pill-copy-short,
.appshell-footer .footer-pill-partner .partner-copy-short {
    display: none;
}

.appshell-footer .footer-pill-partner:active {
    transform: scale(0.98);
}

@media (hover: hover) {
    .appshell-footer .footer-pill-partner:hover {
        color: rgba(255, 255, 255, 0.88);
        background: rgba(61, 209, 220, 0.09);
        border-color: rgba(61, 209, 220, 0.3);
        text-decoration: none;
    }
}

/* Use shorter partner copy on narrow screens */
@media (max-width: 420px) {
    .appshell-footer .footer-pill-copy-full,
    .appshell-footer .footer-pill-partner .partner-copy-full {
        display: none;
    }

    .appshell-footer .footer-pill-copy-short,
    .appshell-footer .footer-pill-partner .partner-copy-short {
        display: inline;
    }
}