/*
 * Homepage-only Call Score presentation.
 *
 * Shared score and panel styling lives in score-jewel.css
 * and call-score.css.
 */

.sf-home-call-score {
    display: grid;
    justify-items: center;
    gap: 6px;
    width: 100%;
    margin: 0 0 17px;
}

.sf-home-call-score-label {
    margin: 0;
    color: var(--sf-muted);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.19em;
    line-height: 1;
    text-transform: uppercase;
}

.sf-home-call-score-trigger {
    display: grid;
    justify-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}

.sf-home-call-score-action {
    color: var(--sf-gold-light);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.sf-home-call-score-trigger
.sf-score-jewel-component {
    transition:
        filter 150ms ease,
        transform 150ms ease;
}

.sf-home-call-score-trigger:hover
.sf-score-jewel-component,
.sf-home-call-score-trigger:focus-visible
.sf-score-jewel-component {
    filter:
        drop-shadow(
            0 0 8px rgba(177, 213, 245, 0.38)
        );
    transform: translateY(-1px);
}

.sf-home-call-score-trigger:focus-visible {
    outline: 1px solid var(--sf-gold-light);
    outline-offset: 5px;
    border-radius: 7px;
}

.sf-home-call-score-trigger--guest {
    opacity: 0.78;
}

.sf-call-score-dialog[hidden] {
    display: none;
}

.sf-call-score-dialog {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.sf-call-score-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(1, 3, 5, 0.82);
    backdrop-filter: blur(6px);
    cursor: default;
}

.sf-call-score-sheet {
    position: relative;
    z-index: 1;
    width: min(460px, 100%);
    max-height: min(88dvh, 760px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 22px;
    border: 1px solid rgba(222, 231, 240, 0.24);
    border-radius: 21px;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(31, 72, 91, 0.2),
            transparent 34%
        ),
        rgba(13, 18, 24, 0.99);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.62),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    text-align: left;
}

body.sf-call-score-open {
    overflow: hidden;
}

.sf-call-score-privacy.is-busy {
    opacity: 0.58;
    cursor: wait;
}

@media (max-width: 600px) {
    .sf-call-score-dialog {
        place-items: end center;
        padding: 0;
    }

    .sf-call-score-sheet {
        width: 100%;
        max-height: 92dvh;
        padding:
            18px
            16px
            max(
                18px,
                env(safe-area-inset-bottom)
            );
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 22px 22px 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sf-home-call-score-trigger
    .sf-score-jewel-component {
        transition: none;
    }
}