/*
 * Partner chrome — the «پنل مدیریت» button that takes the subscribe CTA's slot
 * in the topbar.
 *
 * Built from the same tokens as the CTA it replaces, so it inherits the site's
 * glass material and, on a partner's own domain, their accent colour: the
 * button is the first thing that proves the theme took.
 *
 * Geometry is matched to .fp-mobile-subscription-top-cta deliberately — the
 * topbar is a fixed-height row and a taller or wider element here would shift
 * the bell and the wallet chip beside it.
 */

.fp-partner-top-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    height: 34px;
    padding: 0 14px;
    border-radius: 999px;

    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;

    color: var(--fp-brand, #ff304f);
    background: linear-gradient(
        180deg,
        rgba(var(--fp-brand-rgb, 255, 48, 79), 0.22),
        rgba(var(--fp-brand-rgb, 255, 48, 79), 0.08)
    );
    border: 1px solid rgba(var(--fp-brand-rgb, 255, 48, 79), 0.38);
    box-shadow:
        inset 0 1px 0 var(--fp-specular, rgba(255, 255, 255, 0.05)),
        0 6px 18px rgba(var(--fp-brand-rgb, 255, 48, 79), 0.16);

    -webkit-backdrop-filter: var(--fp-glass-backdrop, blur(24px) saturate(125%));
    backdrop-filter: var(--fp-glass-backdrop, blur(24px) saturate(125%));

    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.fp-partner-top-cta:hover {
    border-color: rgba(var(--fp-brand-rgb, 255, 48, 79), 0.58);
    box-shadow:
        inset 0 1px 0 var(--fp-specular, rgba(255, 255, 255, 0.05)),
        0 8px 22px rgba(var(--fp-brand-rgb, 255, 48, 79), 0.24);
}

.fp-partner-top-cta:active {
    transform: scale(0.97);
}

.fp-partner-top-cta svg {
    flex: none;
    opacity: 0.92;
}

/* Before the wizard is done the button is an invitation, not a destination —
   warm amber so it reads as «something is waiting for you». */
.fp-partner-top-cta.is-setup {
    color: #ffd479;
    background: linear-gradient(180deg, rgba(255, 196, 84, 0.22), rgba(255, 196, 84, 0.08));
    border-color: rgba(255, 196, 84, 0.42);
    box-shadow:
        inset 0 1px 0 var(--fp-specular, rgba(255, 255, 255, 0.05)),
        0 6px 18px rgba(255, 196, 84, 0.16);
}

.fp-partner-top-cta.is-setup:hover {
    border-color: rgba(255, 196, 84, 0.62);
}

@media (max-width: 420px) {
    /* The label is the first thing to go when the row runs out of width; the
       icon still identifies the button. */
    .fp-partner-top-cta {
        padding: 0 11px;
    }

    .fp-partner-top-cta span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fp-partner-top-cta {
        transition: none;
    }

    .fp-partner-top-cta:active {
        transform: none;
    }
}