/* ===== SERVICES BAR ===== */

.services-bar {
    display: flex;
    justify-content: space-between;
    padding: var(--space-md) var(--space-xl);
    background: var(--color-bg-alt);
    border-top: 1px solid var(--color-border);
}

/* ITEM */
.service {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

/* ICON */
.service svg {
    width: 26px;
    height: 26px;
    stroke: var(--color-primary);
}

/* TEXTE */
.service h4 {
    margin: 0;
    font-size: var(--fs-base);
    letter-spacing: 1px;
    color: var(--color-text);
}

.service p {
    margin: 2px 0 0;
    font-size: var(--fs-sm);
    color: var(--color-text-lighter);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {

    .services-bar {
        flex-direction: column;
        padding: var(--space-lg) var(--space-md);
        gap: var(--space-md);
    }

    .service {
        padding-bottom: var(--space-sm);
        border-bottom: 1px solid var(--color-border);
    }

    .service:last-child {
        border-bottom: none;
    }

    .service svg {
        width: 24px;
        height: 24px;
    }
}