/* Figma-style invitation details list */
.figma-details-list {
    list-style: none;
    padding: 0;
    font-size: 1.1rem;
}

.figma-details-list li {
    margin-bottom: 1.1em;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: 'Inter', 'Apercu', Arial, sans-serif;
}

.figma-details-list li .dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.2em;
}

.figma-details-list li .detail-text {
    flex: 1;
    min-width: 0;
}

.figma-details-list .dot-purple {
    background: #bfa5e2;
}

.figma-details-list .dot-yellow {
    background: #f6e7b7;
}

.figma-details-list .dot-green {
    background: #c9e5c2;
}

.figma-details-list .dot-pink {
    background: #e7c2d8;
}

.figma-palette {
    display: flex;
    justify-content: center;
    gap: 18px;
}

.palette-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
}

.palette-purple {
    background: #bfa5e2;
}

.palette-yellow {
    background: #f6e7b7;
}

.palette-green {
    background: #c9e5c2;
}

.palette-pink {
    background: #e7c2d8;
}

[dir="rtl"] .figma-details-list li {
    text-align: right;
}