/**
 * IrmaDent Price List — frontend only.
 * Scoped to .irmadent-* so Elementor core Price List widget unaffected.
 * Classic layout: service left, dotted leader, price right.
 */

.irmadent-price-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.irmadent-price-list .irmadent-price-list-item {
    margin-bottom: 1.15em;
    list-style: none !important;
    display: block !important;
}

.irmadent-price-list .irmadent-price-list-item:last-child {
    margin-bottom: 0;
}

.irmadent-price-list .irmadent-price-list-item::before {
    display: none !important;
}

.irmadent-price-list .irmadent-price-list-header {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
}

.irmadent-price-list .irmadent-price-list-title {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 65%;
}

.irmadent-price-list .irmadent-price-list-separator {
    flex: 1 1 auto;
    min-width: 12px;
    margin: 0 0.6rem;
    height: 0.85em;
    align-self: baseline;
    border: none;
    border-bottom: 1px dotted currentColor;
    opacity: 0.92;
}

.irmadent-price-list .irmadent-price-list-price {
    flex: 0 1 auto;
    min-width: 0;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* Mobile / narrow screens — keep same row + dots (do not stack like plain list) */
@media (max-width: 782px) {
    .irmadent-price-list .irmadent-price-list-item {
        margin-bottom: 1em;
    }

    .irmadent-price-list .irmadent-price-list-header {
        flex-wrap: nowrap;
        align-items: baseline;
    }

    /* Slightly tighter horizontal rhythm; title may wrap, price stays right */
    .irmadent-price-list .irmadent-price-list-title {
        flex: 1 1 0%;
        max-width: none;
        padding-right: 0.25rem;
        line-height: 1.35;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
    }

    .irmadent-price-list .irmadent-price-list-separator {
        flex: 1 0 auto;
        min-width: 8px;
        margin: 0 0.35rem;
        /* keep dots on one line between columns */
        height: 0.8em;
    }

    .irmadent-price-list .irmadent-price-list-price {
        flex: 0 0 auto;
        max-width: 38%;
        padding-left: 0.15rem;
        line-height: 1.3;
        white-space: normal;
        overflow-wrap: break-word;
    }
}

/* Very narrow phones — reserve a bit more room for price / long “From £…” */
@media (max-width: 380px) {
    .irmadent-price-list .irmadent-price-list-price {
        max-width: 42%;
    }

    .irmadent-price-list .irmadent-price-list-separator {
        margin: 0 0.25rem;
    }
}

.irmadent-price-category {
    margin-bottom: 2.5rem;
}

.irmadent-price-category-title {
    margin-bottom: 1.25rem;
}