/* Clinical Trials Template Styles */
.content-wrapper--explore-clinical-trials #exploreClinicalTrials h1 {
    color: orange;
}

/* FacetWP Layout */
.content-wrapper--explore-clinical-trials .facetwp-filters {
    margin-bottom: 2rem;
    padding-top: 2rem;
}

.content-wrapper--explore-clinical-trials .facetwp-header {
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
    margin-bottom: 1.5rem;
}

.content-wrapper--explore-clinical-trials .facetwp-header-top {
    align-items: center;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 16px;
}

.content-wrapper--explore-clinical-trials .facetwp-header-bottom {
    display: grid;
    grid-template-columns: 85fr 15fr;
    gap: 2rem;
    align-items: end;
    padding-top: 16px;
}

.content-wrapper--explore-clinical-trials .facetwp-header h2 {
    margin: 0;
    color: var(--Black, #000);
    font-family: "flama_ultracondensedsemibold";
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 45.6px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Safari-specific styling */
    @supports (-webkit-appearance:none) {
        .content-wrapper--explore-clinical-trials .facetwp-header h2 {
        font-weight: 400; /* or try 400 if 500 is still too heavy */
            -webkit-font-smoothing: antialiased; /* This can help with font rendering */
        }
}

.content-wrapper--explore-clinical-trials .search-icon {
    display: none;
    cursor: pointer;
    width: 44px;
    height: 44px;
    background-color: #A9162C;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.53 20.47L16.5 15.44C17.5 14.14 18.1 12.54 18.1 10.8C18.1 6.91 14.99 3.8 11.1 3.8C7.21 3.8 4.1 6.91 4.1 10.8C4.1 14.69 7.21 17.8 11.1 17.8C12.84 17.8 14.44 17.2 15.74 16.2L20.77 21.23C20.92 21.38 21.13 21.46 21.34 21.46C21.55 21.46 21.76 21.38 21.91 21.23C22.22 20.92 22.22 20.42 21.91 20.11L21.53 20.47ZM11.1 15.8C8.31 15.8 6.1 13.59 6.1 10.8C6.1 8.01 8.31 5.8 11.1 5.8C13.89 5.8 16.1 8.01 16.1 10.8C16.1 13.59 13.89 15.8 11.1 15.8Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity 0.2s ease;
    border-radius: 0px;
}

.content-wrapper--explore-clinical-trials .search-icon:hover {
    opacity: 0.8;
}

.content-wrapper--explore-clinical-trials .facetwp-search {
    margin-bottom: 0;
    width: 100%;
    transition: all 0.3s ease;
    overflow: hidden;
    visibility: visible;
}

.content-wrapper--explore-clinical-trials .facetwp-search.is-hidden {
    max-height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
}

.content-wrapper--explore-clinical-trials .facetwp-search.is-visible {
    max-height: 100px;
    margin-bottom: 1rem;
    opacity: 1;
    visibility: visible;
}

.content-wrapper--explore-clinical-trials .facetwp-search label {
    color: #636476;
    font-family: "flamalight";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-keyword {
    width: 100%;
    height: 44px;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-keyword .facetwp-input-wrap {
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-keyword .facetwp-input-wrap .facetwp-icon {
    height: 44px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #B4ADAD;
    border-left: none;
    cursor: pointer;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-keyword input[type="text"] {
    width: 100%;
    height: 44px !important; /* Force height */
    min-height: 44px; /* Ensure minimum height */
    border-top: 1px solid #B4ADAD;
    border-bottom: 1px solid #B4ADAD;
    border-left: 1px solid #B4ADAD;
    border-right: none;
    background: var(--White, #FFF);
    padding: 0 1rem;
    opacity: 1;
    box-sizing: border-box; /* Ensure padding is included in height */
    line-height: 44px; /* Match height for text alignment */
}

.content-wrapper--explore-clinical-trials .more-filters-btn {
    display: flex;
    padding: 10px 24px 10px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: none;
    border: 1px solid var(--Black, #000);
    cursor: pointer;
    font-family: "flamalight";
    width: 170px;
    transition: all 0.2s ease;
    margin-left: auto;
}

.content-wrapper--explore-clinical-trials .more-filters-btn::before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.66536 3.33333H14.6654V4.66667H8.66536V3.33333ZM1.33203 4.66667H5.9987V6H7.33203V2H5.9987V3.33333H1.33203V4.66667ZM5.9987 11.3333H14.6654V12.6667H5.9987V11.3333ZM12.6654 7.33333H14.6654V8.66667H12.6654V7.33333ZM11.332 10V6.008H9.9987V7.33333H1.33203V8.66667H9.9987V10H11.332ZM4.66536 14V10H3.33203V11.3333H1.33203V12.6667H3.33203V14H4.66536Z' fill='%23212121'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.content-wrapper--explore-clinical-trials .more-filters-btn.is-expanded,
.content-wrapper--explore-clinical-trials .more-filters-btn:hover {
    background-color: var(--Black, #000);
    color: #fff;
}

.content-wrapper--explore-clinical-trials .more-filters-btn.is-expanded::before,
.content-wrapper--explore-clinical-trials .more-filters-btn:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.66536 3.33333H14.6654V4.66667H8.66536V3.33333ZM1.33203 4.66667H5.9987V6H7.33203V2H5.9987V3.33333H1.33203V4.66667ZM5.9987 11.3333H14.6654V12.6667H5.9987V11.3333ZM12.6654 7.33333H14.6654V8.66667H12.6654V7.33333ZM11.332 10V6.008H9.9987V7.33333H1.33203V8.66667H9.9987V10H11.332ZM4.66536 14V10H3.33203V11.3333H1.33203V12.6667H3.33203V14H4.66536Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.content-wrapper--explore-clinical-trials .more-filters-btn span {
    color: var(--Black, #000);
    font-family: "flamalight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: color 0.2s ease;
}

.content-wrapper--explore-clinical-trials .more-filters-btn.is-expanded span,
.content-wrapper--explore-clinical-trials .more-filters-btn:hover span {
    color: #fff !important;
}

.content-wrapper--explore-clinical-trials .facetwp-filters-grid {
    display: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

.content-wrapper--explore-clinical-trials .facetwp-filters-grid.is-expanded {
    display: block;
}

.content-wrapper--explore-clinical-trials .filters-header {
    color: #fff;
    padding: 1rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: linear-gradient(90deg, #000 0%, #45000A 100%), #000;
    border: 1px solid #716D6D;
}

.content-wrapper--explore-clinical-trials .filters-header h3 {
    margin: 0;
    font-family: "flamalight";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    text-transform: none;
}

.content-wrapper--explore-clinical-trials .filters-close {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

.content-wrapper--explore-clinical-trials .filters-close::before,
.content-wrapper--explore-clinical-trials .filters-close::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #fff;
    top: 50%;
    left: 0;
}

.content-wrapper--explore-clinical-trials .filters-close::before {
    transform: rotate(45deg);
}

.content-wrapper--explore-clinical-trials .filters-close::after {
    transform: rotate(-45deg);
}

.content-wrapper--explore-clinical-trials .filters-content {
    padding: 1rem 0rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    background-color: #F4F0F0;
    border: 1px solid #716D6D;
    border-top: none;
}

.content-wrapper--explore-clinical-trials .facetwp-filter {
    display: flex;
    flex-direction: column;
}

.content-wrapper--explore-clinical-trials .filters-content .facetwp-filter {
    padding: 1rem 3rem;
    border-top: 1px solid #C1C2D5;
    padding-bottom: 0;
}
.content-wrapper--explore-clinical-trials .facetwp-filter-full {
    grid-column: 1 / -1;
}

.content-wrapper--explore-clinical-trials .facetwp-filter label {
    color: #636476;
    font-family: "flamalight";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.content-wrapper--explore-clinical-trials .facetwp-actions {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1.5rem;
}

.content-wrapper--explore-clinical-trials .facetwp-actions > * {
    flex: 1;
    min-width: 0;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-reset,
.content-wrapper--explore-clinical-trials .facetwp-facet-submit {
    flex: 1;
    min-width: 0;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-reset button,
.content-wrapper--explore-clinical-trials .facetwp-facet-submit button {
    width: 100%;
}

.content-wrapper--explore-clinical-trials .fwp-submit,
.content-wrapper--explore-clinical-trials .facetwp-reset {
    width: 100%;
    padding: 14px 24px;
    border: 1px solid #B4ADAD;
    background: none;
    cursor: pointer;
    font-family: "flamalight";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: all 0.2s ease;
}

/* Safari-specific styling */
@supports (-webkit-appearance:none) {
    .content-wrapper--explore-clinical-trials .fwp-submit,
    .content-wrapper--explore-clinical-trials .facetwp-reset {
    font-weight: 500; /* or try 400 if 500 is still too heavy */
        -webkit-font-smoothing: antialiased; /* This can help with font rendering */
    }
}


.content-wrapper--explore-clinical-trials .fwp-submit {
    border-color: #E31937;
    background-color:#E31937;
    color: #fff;
    font-family: "flamamedium";
}

.content-wrapper--explore-clinical-trials .fwp-submit:hover {
    opacity: 0.8;
}

.content-wrapper--explore-clinical-trials .facetwp-reset {
    color: var(--Black, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.content-wrapper--explore-clinical-trials .facetwp-reset::after {
    content: '';
    width: 13px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M12.2079 0.26788C12.5927 0.652527 12.5652 1.2295 12.2079 1.58667L7.81071 5.98264L12.2079 10.3786C12.5927 10.7633 12.5927 11.3677 12.2354 11.7249C11.8506 12.1095 11.2735 12.0821 10.8887 11.6974L6.49155 7.30144L2.09435 11.6974C1.7096 12.0821 1.15995 12.0821 0.802675 11.7249C0.41792 11.3402 0.390438 10.7633 0.775193 10.3786L5.17239 5.98264L0.775193 1.58667C0.41792 1.2295 0.41792 0.680002 0.802675 0.295354C1.15995 -0.0618184 1.73708 -0.0892932 2.09435 0.26788L6.49155 4.66385L10.8887 0.26788C11.246 -0.0892932 11.8506 -0.0892932 12.2079 0.26788Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 1px 1px;
    display: inline-block;
    transition: all 0.2s ease;
}

.content-wrapper--explore-clinical-trials .facetwp-reset:hover {
    background-color: var(--Black, #000);
    color: #fff;
}

.content-wrapper--explore-clinical-trials .facetwp-reset:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath d='M12.2079 0.26788C12.5927 0.652527 12.5652 1.2295 12.2079 1.58667L7.81071 5.98264L12.2079 10.3786C12.5927 10.7633 12.5927 11.3677 12.2354 11.7249C11.8506 12.1095 11.2735 12.0821 10.8887 11.6974L6.49155 7.30144L2.09435 11.6974C1.7096 12.0821 1.15995 12.0821 0.802675 11.7249C0.41792 11.3402 0.390438 10.7633 0.775193 10.3786L5.17239 5.98264L0.775193 1.58667C0.41792 1.2295 0.41792 0.680002 0.802675 0.295354C1.15995 -0.0618184 1.73708 -0.0892932 2.09435 0.26788L6.49155 4.66385L10.8887 0.26788C11.246 -0.0892932 11.8506 -0.0892932 12.2079 0.26788Z' fill='white'/%3E%3C/svg%3E");
    background-position: 1px 1px;
}

.content-wrapper--explore-clinical-trials .facetwp-results {
    position: relative;
}

.content-wrapper--explore-clinical-trials .facetwp-results-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 1rem;
}

.content-wrapper--explore-clinical-trials .facetwp-result-count {
    margin: 0;
    font-weight: 500;
}

.content-wrapper--explore-clinical-trials .facetwp-sort {
    margin: 0;
}

.content-wrapper--explore-clinical-trials .facetwp-sort select {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    min-width: 200px;
}

/* Ensure the elements are properly aligned */
.content-wrapper--explore-clinical-trials .facetwp-results > .facetwp-result-count,
.content-wrapper--explore-clinical-trials .facetwp-results > .facetwp-sort {
    display: inline-block;
    vertical-align: middle;
}

/* FacetWP Facet Styles */
.content-wrapper--explore-clinical-trials .facetwp-facet {
    margin-bottom: 0rem;
}

.content-wrapper--explore-clinical-trials .facetwp-facet select {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #B4ADAD;
    border-radius: 0px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2.05041L2.17274 0L8 5.49917L13.8273 0L16 2.05041L8 9.6L0 2.05041Z' fill='%23A9162C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2rem;
    color: #000;
    font-family: "flamalight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.content-wrapper--explore-clinical-trials .facetwp-facet.facetwp-type-sort {
    text-align: right;
}
.content-wrapper--explore-clinical-trials .facetwp-facet.facetwp-type-sort select {
    border: none;
    width: 60%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2.05041L2.17274 0L8 5.49917L13.8273 0L16 2.05041L8 9.6L0 2.05041Z' fill='black'/%3E%3C/svg%3E");

}

.content-wrapper--explore-clinical-trials .facetwp-facet select option {
    color: #000;
    font-family: "flamalight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.content-wrapper--explore-clinical-trials .facetwp-facet input[type="text"] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #B4ADAD;
    border-radius: 0px;
}

.content-wrapper--explore-clinical-trials .facetwp-facet .facetwp-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    background-image: none;
}

.content-wrapper--explore-clinical-trials .facetwp-facet .facetwp-checkbox.checked {
    background-image: none;
}

.content-wrapper--explore-clinical-trials .facetwp-facet .facetwp-checkbox input[type="checkbox"] {
    margin: 0;
}

/* Study Status Checkbox Styling */
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #008462;
    border-radius: 0px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    position: relative;
    color: #008462;
    
}

/* Hide any checkbox-like elements */
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox::before,
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox::after {
    display: none !important;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox:hover {
    background-color: #008462;
    color: #fff;
    border-color: #008462;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox.checked {
    background-color: #008462;
    border-color: #0056b3;
    color: white;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="043103a987f85ef50a284004641b5a9a"] {
    border-color: #A2B700;
    color: #A2B700;
}
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="043103a987f85ef50a284004641b5a9a"]:hover,
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="043103a987f85ef50a284004641b5a9a"].checked {
    background-color: #A2B700;
    border-color:#A2B700;
    color: #fff;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="not-yet-recruiting"] {
    border-color: #6B7280;
    color: #6B7280;
}
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="not-yet-recruiting"]:hover,
.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox[data-value="not-yet-recruiting"].checked {
    background-color: #6B7280;
    border-color:#6B7280;
    color: #fff;
}

.content-wrapper--explore-clinical-trials .facetwp-facet-study_status .facetwp-checkbox .facetwp-display-value {
    font-weight: 500;
    text-align: center;
    width: 100%;
    pointer-events: none;
}

/* Clinical Trial Listing Styles */
.content-wrapper--explore-clinical-trials .clinical-trial-listing {
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #C3C3C3;
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

/* Status-specific backgrounds */
.content-wrapper--explore-clinical-trials .clinical-trial-listing[data-status="Actively Recruiting"] {
    background: linear-gradient(82deg, #F2FFFB 0%, #F9F9F9 100%), #F9F9F9;
}

.content-wrapper--explore-clinical-trials .clinical-trial-listing[data-status="Active, Not Recruiting"] {
    background: linear-gradient(82deg, #FFFBF2 0%, #F9F9F9 100%), #F9F9F9;
}

.content-wrapper--explore-clinical-trials .clinical-trial-listing[data-status="Not Yet Recruiting"] {
    background: linear-gradient(82deg, #EEE 0%, #F9F9F9 100%), #F9F9F9;
}

/* Expanded state styles */
/* .clinical-trial-listing.is-expanded {
    border: 0;
}
.clinical-trial-listing.is-expanded .hidden-details {
    border: 1.5px solid #716D6D;
    border-top: 0;
} */
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-header,
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-details {
    background: linear-gradient(90deg, #000 0%, #45000A 100%), #313131;
    color: #fff;
    border-radius: 8px 8px 0 0;
}
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-details {
    border-radius: 0 0 0 0;
}

.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-header h3,
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-header .study-status,
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-details strong,
.content-wrapper--explore-clinical-trials .clinical-trial-listing.is-expanded .clinical-trial-details span {
    color: #fff;
}

.content-wrapper--explore-clinical-trials .clinical-trial-listing:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #adb5bd;
}

.content-wrapper--explore-clinical-trials .clinical-trial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
    padding: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 0;
}

.content-wrapper--explore-clinical-trials .clinical-trial-header h3 {
    margin: 0;
    font-family: "flamalight";
    font-size: 1.25rem;
    font-weight: 700;
    color: #212529;
    flex: 1;
    min-width: 0;
    line-height: 1.4;
    text-transform: none;
}

.content-wrapper--explore-clinical-trials .header-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.content-wrapper--explore-clinical-trials .study-status {
    padding: 0.5rem 1rem;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "flamamedium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-wrapper--explore-clinical-trials .status-pill {
    width: 32px;
    height: 12px;
    border-radius: 8px 0px 0px 8px;
    display: inline-block;
}

/* Status pill colors */
.content-wrapper--explore-clinical-trials .status-pill.actively-recruiting {
    background-color: #008462;
}

.content-wrapper--explore-clinical-trials .status-pill.active-not-recruiting {
    background-color: #A2B700;
}

.content-wrapper--explore-clinical-trials .status-pill.not-yet-recruiting {
    background-color: #6B7280;
}

.content-wrapper--explore-clinical-trials .toggle-details {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.content-wrapper--explore-clinical-trials .toggle-details:hover {
    opacity: 0.8;
}

.content-wrapper--explore-clinical-trials .toggle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.content-wrapper--explore-clinical-trials .toggle-details.active .toggle-icon {
    transform: rotate(45deg);
}

/* Add styles for the SVG color change when expanded */
.content-wrapper--explore-clinical-trials .toggle-details.active .toggle-icon svg path {
    fill: #FFFFFF;
}

.content-wrapper--explore-clinical-trials .clinical-trial-details {
    font-size: 0.9375rem;
    color: #495057;
    padding: 1.5rem;
    padding-top:24px;
}

.content-wrapper--explore-clinical-trials .age-range, .therapeutic-approach {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.content-wrapper--explore-clinical-trials .age-range {
    font-family: "flamamedium";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 16px;
}

.content-wrapper--explore-clinical-trials .therapeutic-approach {
    font-family: "flamalight";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-wrapper--explore-clinical-trials .hidden-details {
    display: none;
    padding-top: 1rem;
    border-radius: 0 0 8px 8px;
    padding: 1.5rem;
    background: #F9F9F9;
}

.content-wrapper--explore-clinical-trials .hidden-details.active {
    display: block;
}

.content-wrapper--explore-clinical-trials .details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.content-wrapper--explore-clinical-trials .detail-item {
    display: flex;
    gap: 0.75rem;
    border-bottom: 0.5px solid #716D6D;
    padding-bottom: 13px;
}

.content-wrapper--explore-clinical-trials .detail-item span.attribute-label {
    color: #716D6D;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 150px;
    display: inline-block;
}

.content-wrapper--explore-clinical-trials .detail-item span.attribute-value {
    color: #212529;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #000;
    font-size: 16px;
    font-family: "flamalight";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-wrapper--explore-clinical-trials .detail-item a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s ease;
    border: 1px solid #F4F0F0;
    background: #F4F0F0;
    padding: 12px 24px;
    display: inline-block;
}

.content-wrapper--explore-clinical-trials .detail-item a svg {
    background: transparent;
    position: relative;
    top: 2px;
}

.content-wrapper--explore-clinical-trials .detail-item a:hover {
    text-decoration: underline;
}

.content-wrapper--explore-clinical-trials .detail-item.full-width {
    grid-column: 1 / -1;
}

.content-wrapper--explore-clinical-trials .next-steps-buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.content-wrapper--explore-clinical-trials .next-steps-buttons .button {
    margin: 0;
    background: #E31937;
    color: #fff;
    font-family: "flamalight";
    font-weight: 500;
    font-size: 18px;
    border-color: #E31937;
}

.content-wrapper--explore-clinical-trials label.facetwp-filter-chips-label {
    color: #636476;
    font-family: "flamalight";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.content-wrapper--explore-clinical-trials .facetwp-filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    border-radius: 4px;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

.content-wrapper--explore-clinical-trials .filter-chip {
    display: flex;
    align-items: center;
    background: #A9162C;
    border: 1px solid #A9162C;
    font-size: 14px;
    height: 30px;
    padding: 8px 12px;
    gap: 8px;
    color: #fff;
}

.content-wrapper--explore-clinical-trials .filter-chip.filter-chip-study_status-actively-recruiting {
    background-color: #008462;
    border-color: #008462;
}

.content-wrapper--explore-clinical-trials .filter-chip.filter-chip-study_status-043103a987f85ef50a284004641b5a9a{
    background-color: #A2B700;
    border-color: #A2B700;
}
.content-wrapper--explore-clinical-trials .filter-chip.filter-chip-study_status-not-yet-recruiting{
    background-color: #6B7280;
    border-color: #6B7280;
}

.content-wrapper--explore-clinical-trials .filter-chip .remove-chip {
    margin-left: 8px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 0 4px;
    font-size: 1.5rem;
    font-family: "flamalight";
}

.content-wrapper--explore-clinical-trials .filter-chip .remove-chip:hover {
    color: #fff;
}

/* Responsive adjustments */
@media (max-width: 500px) {
    .content-wrapper--explore-clinical-trials .content-links .sharing {
        min-width: 0px;
    }
    .content-wrapper--explore-clinical-trials .facetwp-actions {
        display: block;
    }
    .content-wrapper--explore-clinical-trials .facetwp-facet-reset {
        margin-bottom: 1rem;
    }
    
    .content-wrapper--explore-clinical-trials .next-steps-buttons {
        display: block;
    }
}
@media (max-width: 768px) {
    .content-wrapper--explore-clinical-trials .show-for-mobile {
        display: block;
    }
    .content-wrapper--explore-clinical-trials .hide-for-mobile {
        display: none;
    }
    .content-wrapper--explore-clinical-trials .search-icon {
        display: block;
    }
    .content-wrapper--explore-clinical-trials .facetwp-search {
        max-height: 0;
        margin: 0;
        opacity: 0;
    }
    .content-wrapper--explore-clinical-trials .facetwp-search.is-visible {
        max-height: 100px;
        margin-bottom: 1rem;
        margin-top: 1rem;
        opacity: 1;
    }
    .content-wrapper--explore-clinical-trials .facetwp-header-bottom {
        gap: 16px;
    }
    .content-wrapper--explore-clinical-trials .more-filters-btn {
        width: 125px;
        padding: 10px 12px;

    }
    .content-wrapper--explore-clinical-trials .filters-content {
        border-top: 1px solid #716D6D;
        padding-top: 0;
        display: block;
    }
    .content-wrapper--explore-clinical-trials .filters-content .facetwp-filter {
        padding: 1.25rem 1.25rem;
    }
    .content-wrapper--explore-clinical-trials .filters-content .facetwp-filter:first-child{
        border-top: none;
    }
    .content-wrapper--explore-clinical-trials .facetwp-facet-study_status {
        gap: 6px;
    }
    .content-wrapper--explore-clinical-trials .clinical-trial-details {
        flex-direction: column;
        gap: 1rem;
    }
    .content-wrapper--explore-clinical-trials .age-range {
        margin-bottom: 8px;
    }
    .content-wrapper--explore-clinical-trials .details-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .content-wrapper--explore-clinical-trials .detail-item {
        flex-direction: column;
        gap: 0.25rem;
        padding-bottom: 0.75rem;
        border-bottom: 0;
    }
    
    /* Align right column items to the right */
    .content-wrapper--explore-clinical-trials .detail-item:nth-child(2n) {
        text-align: right;
    }
    
    .content-wrapper--explore-clinical-trials .detail-item.full-width {
        grid-column: 1 / -1;
        text-align: left; /* Reset alignment for full-width items */
    }
    .content-wrapper--explore-clinical-trials .detail-item span.attribute-label {
        width: 100%;
    }
    .content-wrapper--explore-clinical-trials .detail-item a {
        padding: 8px;
    }
    .content-wrapper--explore-clinical-trials .detail-item strong {
        min-width: auto;
    }
    .content-wrapper--explore-clinical-trials .study-status {
        padding-left: 0;
    }
    .content-wrapper--explore-clinical-trials .next-steps-buttons .button {
        width: 100%;
        margin-top: .5rem;
    }
    
}

@media (min-width: 768px) {
    .content-wrapper--explore-clinical-trials .hide-for-mobile {
        display: block;
    }
    .content-wrapper--explore-clinical-trials .filters-header.hide-for-mobile {
        display: flex;
    }
    .content-wrapper--explore-clinical-trials .show-for-mobile {
        display: none;
    }
    .content-wrapper--explore-clinical-trials .facetwp-header-top {
        display: grid;
        grid-template-columns: 60fr 40fr;
        gap: 2rem;
    }
}