/* ==========================================================================
   Bullet Point / Services Pill List System
   ========================================================================== */

/* Base structural row alignment */
.module_column.bullet-point-container .module_subrow {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Target the wrapper holding the pills to make them flow side-by-side */
.module_column.bullet-point-container .sub_column {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Ensure the Title stays on its own line above the pills */
.module_column.bullet-point-container .bullet-point-title {
    width: 100% !important;
}

/* Pill Styling - Complete original styling preserved */
.module.module-text.bullet-point {
    margin: 0 !important;
}

.bullet-point .tb_text_wrap p {
    background: var(--pill-bg) !important;
    color: var(--pill-text) !important;
    border: 1px solid var(--pill-border) !important;
    border-radius: var(--pill-radius) !important;
    padding: 8px 20px !important;
    font-family: var(--reference-font-body) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    transition: var(--reference-transition) !important;
    letter-spacing: 0.02em !important;
}

/* Pill Hover State */
.bullet-point .tb_text_wrap p:hover {
    background: var(--reference-primary) !important;
    color: #ffffff !important;
    border-color: var(--reference-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(112, 47, 229, 0.2) !important;
}

/* Title Styling */
.bullet-point-title .tb_text_wrap p {
    font-family: var(--reference-font-heading) !important;
}