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

/* Main Container - The Column Wrapper */
.module_column.bullet-point-container {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 8px !important;
    background: var(--reference-bg) !important;
    padding: 32px !important;
    border-radius: var(--reference-radius-top) !important;
    border: 1px solid var(--reference-outline) !important;
    box-shadow: var(--reference-shadow) !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Reset Subrows to flow side-by-side */
.module_column.bullet-point-container > .module_subrow {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    clear: none !important;
    background: transparent !important;
}

/* Ensure the Title subrow takes up the full width */
.module_column.bullet-point-container > .module_subrow:has(.bullet-point-title) {
    width: 100% !important;
    margin-bottom: 16px !important;
}

/* Pill Styling */
.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;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--reference-text) !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

/* Builder Compatibility Fixes */
.themify_builder_active .bullet-point-container {
    gap: 15px !important;
}