/**
 * Block: Badges - Styles
 */

/* Base Styles */
.acf-block {
    position: relative;
}

/* Google Fonts - Montserrat and Roboto */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&family=Lexend:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

/* Font Family Classes */
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.font-lexend {
    font-family: 'Lexend', sans-serif;
}

.font-plus-jakarta-sans {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Badges Block */
.badges-block {
    padding: 0;
}

.badges-container {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.badge-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: transform 0.2s ease;
}

.badge-item:hover {
    transform: translateY(-2px);
}

.badge-item i {
    flex-shrink: 0;
}