/* Store email dialog */

.store-email-dialog {
    width: min(34rem, calc(100vw - 2rem));
    max-width: 34rem;
}

    .store-email-dialog .email-dialog-content {
        padding: clamp(1rem, 3vw, 1.5rem);
    }

    .store-email-dialog .email-card {
        background: var(--store-white);
    }

    .store-email-dialog .email-header {
        margin-bottom: 1.25rem;
    }

    .store-email-dialog .email-title {
        color: var(--store-text-main);
        font-size: clamp(1.25rem, 3vw, 1.55rem);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .store-email-dialog .email-description {
        margin-top: 0.35rem;
        color: var(--store-text-secondary);
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .store-email-dialog .email-divider {
        margin-top: 1rem;
        border-color: var(--store-border);
    }

    .store-email-dialog .email-action-row {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.25rem;
    }

@media screen and (max-width: 600px) {
    .store-email-dialog {
        width: calc(100vw - 1rem);
        max-width: none;
        border-radius: var(--store-radius-md);
    }

        .store-email-dialog .email-dialog-content {
            padding: 1rem;
        }

        .store-email-dialog .email-title {
            font-size: 1.2rem;
        }

        .store-email-dialog .email-description {
            font-size: 0.8125rem;
        }

        .store-email-dialog .email-action-row {
            margin-top: 1rem;
        }

        .store-email-dialog .store-btn-primary {
            width: 100%;
        }
}