/* =========================================================
   RC Clinician Filter — single team member profile block
   ("Specialties and Expertise", "Treatment Approach", ...)
   Brand: #273291 (blue), #252525 (dark text)
   ========================================================= */

.rc-member-profile {
    --rcmp-blue: #273291;
    --rcmp-text: #252525;
    --rcmp-border: #e2e2e2;
    --rcmp-font: 'Proxima Nova', 'Open Sans', -apple-system, sans-serif;

    margin: 32px 0 8px;
    text-align: left;
    font-family: var(--rcmp-font);
    color: var(--rcmp-text);
}

.rc-member-profile .rc-mp-section {
    border-top: 1px solid var(--rcmp-border);
    padding: 28px 0 8px;
}

/* Section heading, e.g. "Specialties and Expertise" */
.rc-member-profile .rc-mp-heading {
    margin: 0 0 22px !important;
    padding: 0 !important;
    font-family: var(--rcmp-font) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--rcmp-text) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.rc-member-profile .rc-mp-group {
    margin: 0 0 24px;
}

/* Sub-heading with icon, e.g. "Top Specialties" / "Expertise" */
.rc-member-profile .rc-mp-subheading {
    display: flex !important;
    align-items: center;
    gap: 12px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-family: var(--rcmp-font) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--rcmp-text) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Icon: certificate (default) — Tabler Icons, MIT */
.rc-member-profile .rc-mp-subheading::before {
    content: '';
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    background-color: var(--rcmp-blue);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'/%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5'/%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73'/%3E%3Cpath d='M6 9l12 0'/%3E%3Cpath d='M6 12l3 0'/%3E%3Cpath d='M6 15l2 0'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'/%3E%3Cpath d='M13 17.5v4.5l2 -1.5l2 1.5v-4.5'/%3E%3Cpath d='M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73'/%3E%3Cpath d='M6 9l12 0'/%3E%3Cpath d='M6 12l3 0'/%3E%3Cpath d='M6 15l2 0'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Icon: document with a star (Top Specialties) */
.rc-member-profile .rc-mp-group--top .rc-mp-subheading::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M14 3l5 5h-5z'/%3E%3Cpath d='M19 8v3'/%3E%3Cpath d='M8.5 10h5M8.5 13.5h3'/%3E%3Cpath d='M18 13.5l1.1 2.3 2.4.3-1.8 1.7.5 2.4-2.2-1.2-2.2 1.2.5-2.4-1.8-1.7 2.4-.3z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M14 3l5 5h-5z'/%3E%3Cpath d='M19 8v3'/%3E%3Cpath d='M8.5 10h5M8.5 13.5h3'/%3E%3Cpath d='M18 13.5l1.1 2.3 2.4.3-1.8 1.7.5 2.4-2.2-1.2-2.2 1.2.5-2.4-1.8-1.7 2.4-.3z'/%3E%3C/svg%3E");
}

/* Term list — two columns, indented under the sub-heading text */
.rc-member-profile ul.rc-mp-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
    margin: 0 !important;
    padding: 0 0 0 34px !important; /* 22px icon + 12px gap */
    list-style: none !important;
}

.rc-member-profile ul.rc-mp-list--single {
    grid-template-columns: minmax(0, 1fr);
}

.rc-member-profile ul.rc-mp-list li {
    margin: 0 !important;
    padding: 7px 0 !important;
    list-style: none !important;
    background: none !important;
    font-family: var(--rcmp-font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--rcmp-text);
    overflow-wrap: break-word;
}

.rc-member-profile ul.rc-mp-list li::before,
.rc-member-profile ul.rc-mp-list li::marker {
    content: none !important;
    display: none !important;
}

/* ----------------------------------------------------------
   Wide screens: block sits in the left column under the photo
   (moved there by the inline script; class added at the same
   time). Breakpoint matches SIDE_MIN_WIDTH in the plugin PHP.
   ---------------------------------------------------------- */
@media (min-width: 1025px) {
    .rc-member-profile.rc-member-profile--side {
        margin: 28px 0 0;
    }

    .rc-member-profile--side .rc-mp-section {
        padding: 22px 0 4px;
    }

    .rc-member-profile--side .rc-mp-heading {
        margin-bottom: 16px !important;
        font-size: 20px !important;
    }

    .rc-member-profile--side .rc-mp-group {
        margin-bottom: 18px;
    }

    .rc-member-profile--side .rc-mp-subheading {
        gap: 10px;
        margin-bottom: 8px !important;
        font-size: 16px !important;
    }

    .rc-member-profile--side .rc-mp-subheading::before {
        flex-basis: 20px;
        width: 20px;
        height: 20px;
    }

    /* narrow column: one item per row */
    .rc-member-profile--side ul.rc-mp-list {
        grid-template-columns: minmax(0, 1fr);
        padding-left: 30px !important; /* 20px icon + 10px gap */
    }

    .rc-member-profile--side ul.rc-mp-list li {
        padding: 5px 0 !important;
        font-size: 15px;
    }
}

@media (max-width: 600px) {
    .rc-member-profile .rc-mp-heading {
        font-size: 21px !important;
    }

    .rc-member-profile ul.rc-mp-list {
        grid-template-columns: minmax(0, 1fr);
    }
}