/* hamburguer-manu-test css */

.mcl-link {
    background: var(--mcl-darkteal);
}
.cll-link {
    background: var(--cll-darkorange);
}
.move-to-nav{
    cursor:pointer;
}
.cmp-list-dropdown--container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--cll-redorange);
    background-color: var(--cll-redorange);
    width: 27px;
    height: 27px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    gap: 10px;
    border-radius: 30px;
    width: 295px;
    height: 54px;
    padding: 16px 20px;
    position:relative;
}

.cmp-list-dropdown--vertical {
    width: 295px;
}

#choose-indication .cmp-list-dropdown--container,
#choose-indication-mcl .cmp-list-dropdown--container{
    width:211px;
}
#choose-indication .cmp-list-dropdown--container::before,
#choose-indication-mcl .cmp-list-dropdown--container::before{
    content: "";
    width: 217px;
    height: 60px;
    position: absolute;
    left: -4px;
    top: -4px;
    padding: 3px;
    border-radius: 30px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    background: radial-gradient(51.2% 287.85% at 50% 50%, #FECB44 39.78%, #DD4706 100%);
}

#choose-indication .cmp-list-dropdown--container:has(a[aria-expanded="true"])::before,
#choose-indication-mcl .cmp-list-dropdown--container:has(a[aria-expanded="true"])::before{
    width: 214px;
    height: calc(60px + 90px);
    left: -3px;
    top: -3px;
}

.cmp-list-dropdown--vertical a.cmp-list-dropdown__head {
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    text-decoration: none;
    align-items: center;
}

.cmp-list-dropdown--list {
    /* height: 599px; */
    height: auto;
    width: 295px;
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#choose-indication .cmp-list-dropdown--list,
#choose-indication-mcl .cmp-list-dropdown--list{
    width:211px;
}


/* #actions-items-mcl .cmp-list-dropdown--list {
    height: 514px;
} */

.cmp-list-dropdown--desktop li>a{
    display: flex;
    align-items: center;
    max-width: 257px;
    width: fit-content;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-decoration: none;
    position:relative;
}

#actions-items-mcl .cmp-list-dropdown--desktop li>a {
    color: var(--mcl-darkteal);
}

a.cmp-list-dropdown__head>span:last-child::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/global/hamburger-icon.svg');
    height: 20px;
    display: block;
}

a.cmp-list-dropdown__head.open>span:last-child::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/global/close-icon.svg');
    transform: translateY(-5px);
}



.cmp-list-dropdown--desktop .open+.cmp-list-dropdown--list {
    margin-left: -21px !important;
    margin-top: 16px !important;
    border-radius: 0 0 30px 30px;
    box-shadow: 5px 6px 0px 0px #00000040 !important;
    border: 2px solid var(--cll-redorange) !important;
    padding: 0 !important;
}

.cmp-list-dropdown--container:has(a[aria-expanded="true"]) {
    border-radius: 30px 30px 0 0;
    box-shadow: 5px 5px 0px 0px #00000040;
}

.cmp-list-dropdown--desktop .fa.fa-angle-down {
    display: none;
}


.cmp-list-dropdown--desktop li {
    border-top: none !important;
    padding: 0 17px 0 !important;
    line-height: 25px;
    width: 292px !important;
    font-size: 16px;
    position: relative;
}

.searchbox + .listToDropdown .cmp-list-dropdown--desktop li.active a::before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: var(--common-primary);
        position: absolute;
        top: 50%;
        left: -12px;
        transform: translateY(-50%);
    }

#choose-indication .cmp-list-dropdown--desktop li,
#choose-indication-mcl .cmp-list-dropdown--desktop li{
    width: 100% !important;
}
#choose-indication .cmp-list-dropdown--desktop li.active:before,
#choose-indication-mcl .cmp-list-dropdown--desktop li.active:before{
    display:none;
}

.cmp-list-dropdown--desktop li:first-child {
    padding: 0 !important;
    /*background-color: var(--cll-redorange);*/
    /*width: 292px !important;*/
    width: 291px !important;
    background-color: var(--cll-darkorange);
    display: flex;
}

#actions-items-mcl .cmp-list-dropdown--desktop li:first-child {
    background-color: var(--mcl-darkteal);
}

#actions-items-mcl .cmp-list-dropdown--desktop li:first-child>a {
    color: #FFFFFF;
}

.cmp-list-dropdown--desktop li:first-child>a {
    height: 31px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 17px !important;
    color: #fff;
    flex: 1;
}

.cmp-list-dropdown--desktop li:nth-child(2), 
.cmp-list-dropdown--desktop li:nth-child(7), 
.cmp-list-dropdown--desktop li:nth-child(10), 
.cmp-list-dropdown--desktop li:nth-child(12),
.cmp-list-dropdown--desktop li:nth-child(13) {
    padding: 10px 17px 0 !important;
}

#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(2), 
#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(7), 
#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(10) {
    padding: 10px 17px 0 !important;
}

.cmp-list-dropdown--desktop li:nth-child(2)>a,
.cmp-list-dropdown--desktop li:nth-child(7)>a, 
.cmp-list-dropdown--desktop li:nth-child(10)>a, 

.cmp-list-dropdown--desktop li:nth-child(13)>a,
.cmp-list-dropdown--desktop li:nth-child(14)>a{
    color: var(--body-color) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 25px !important;
}

#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(15)>a {
    color: var(--body-color) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 25px !important;
}


.cmp-list-dropdown--desktop li:nth-child(1)>a,
.cmp-list-dropdown--desktop li:nth-child(2)>a,
.cmp-list-dropdown--desktop li:nth-child(7)>a, 
.cmp-list-dropdown--desktop li:nth-child(10)>a {
    pointer-events: none !important;
}

.cmp-list-dropdown--desktop li:nth-child(1)>a:hover,
.cmp-list-dropdown--desktop li:nth-child(2)>a:hover,
.cmp-list-dropdown--desktop li:nth-child(7)>a:hover, 
.cmp-list-dropdown--desktop li:nth-child(10)>a:hover {
    cursor: text;
}

.cmp-list-dropdown--desktop li:nth-child(1) .move-to-nav {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.cmp-list-dropdown--desktop li:nth-child(6),
.cmp-list-dropdown--desktop li:nth-child(9),
.cmp-list-dropdown--desktop li:nth-child(12),
.cmp-list-dropdown--desktop li:nth-child(13) {
    padding: 0 17px 10px !important;
    border-bottom: 1px solid #0F7CAA !important;
}

#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(6),
#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(9) {
    padding: 0 17px 10px !important;
}

.cmp-list-dropdown--desktop li:nth-child(6)>a,
.cmp-list-dropdown--desktop li:nth-child(9)>a,
.cmp-list-dropdown--desktop li:nth-child(15)>a,
.cmp-list-dropdown--desktop li:nth-child(12)>a {
    width: 257px;
}

.cmp-list-dropdown--desktop li:nth-child(13),
.cmp-list-dropdown--desktop li:nth-child(14){
    padding: 10px 17px !important;
}

#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(15) {
    padding: 10px 17px !important;
}

/* #actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(12) {
    border-bottom: none !important;
}
 */
/* .cmp-list-dropdown--desktop li:nth-child(12),
.cmp-list-dropdown--desktop li:nth-child(13),
.cmp-list-dropdown--desktop li:nth-child(14) {
    padding: 0 17px 0 32px !important;
    display: none;
} */

#actions-items-mcl .cmp-list-dropdown--desktop li:nth-child(14) {
    /* padding: 0 17px 16px !important; */
    /* border-bottom: 1px solid #0F7CAA !important; */
    display: block;
}








/* Mobile */

@media  screen and (max-width: 991px) {

    /* not expanded */

    .cmp-list-dropdown--container {
        width: 27px;
        height: 27px;
        border-radius: 50%;
        padding: 0;
    }

    .cmp-list-dropdown--container:has(a[aria-expanded="false"]) .cmp-list-dropdown--vertical a.cmp-list-dropdown__head .cmp-list-dropdown__head-text{
        display: none;
    }

    .cmp-list-dropdown--vertical {
        width: 27px;
    }

    .cmp-list-dropdown--vertical a.cmp-list-dropdown__head {
        justify-content: center;
    }

    a.cmp-list-dropdown__head>span:last-child {
        transform: scale(0.55);
    }

    /* expanded */

    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) {
        margin-left: -82px;
        position: relative;
        z-index: 999;
        width: 295px;
        height: 54px;
        padding: 16px 20px;
    }

    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) .cmp-list-dropdown--vertical {
        width: 295px;
    }

    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) .cmp-list-dropdown--vertical a.cmp-list-dropdown__head {
        justify-content: space-between;
    }

    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) a.cmp-list-dropdown__head>span:last-child {
        transform: scale(0.93);
    }
    
    .cmp-list-dropdown--desktop .open+.cmp-list-dropdown--list {
        margin-top: 16px !important;
    }
}










/* 2 list to dropdown update - 21/08/2025 */

#choose-indication .listToDropdown,
#choose-indication-mcl .listToDropdown {
    display: none;
}


@media (min-width:992px) {
    /*#navigation .text:has(#forpatient) {*/
    /*    width: fit-content;*/
    /*}*/
    /*#navigation .text:has(#logo-wrapper) {*/
    /*    position: unset;*/
    /*    transform: translateX(-85%);*/
    /*}*/
    
    /*#navigation #actions-items, #navigation #actions-items-mcl {*/
    /*    gap: 16px;*/
    /*}*/
    
    .listToDropdown {
        display: none;
    }
    
    #choose-indication .listToDropdown,
    #choose-indication-mcl .listToDropdown {
        display: block;
    }
    
    #choose-indication .cmp-list-dropdown--vertical a.cmp-list-dropdown__head,
    #choose-indication-mcl .cmp-list-dropdown--vertical a.cmp-list-dropdown__head {
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 120% !important;
        vertical-align: middle !important;
    }
    
    /*#choose-indication .cmp-list-dropdown--desktop .open+.cmp-list-dropdown--list,*/
    /*#choose-indication-mcl .cmp-list-dropdown--desktop .open+.cmp-list-dropdown--list{*/
    /*    transform: translateY(-1px);*/
    /*}*/
    
    
    #choose-indication .cmp-list-dropdown--desktop li:first-child,
    #choose-indication-mcl .cmp-list-dropdown--desktop li:first-child {
        display: none;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li>a,
    #choose-indication-mcl .cmp-list-dropdown--desktop li>a {
        height: 31px;
        pointer-events: auto !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 100% !important;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li:nth-child(2),
    #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(2) {
        padding: 3.5px 29px 4.5px !important;
        border-bottom: 1px solid #000000 !important;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li:nth-child(2)>a {
        color: var(--cll-redorange) !important;
        cursor: pointer !important;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li:nth-child(2)>a::before,
    #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(2)>a::before {
        left: -16px;
        content: '\2022';
        position: absolute;
        padding-top: 0;
        margin-right: 0;
        font-size: 18px;
        line-height: 28px;
        width: auto;
        color: var(--common-primary) !important;
    }
     #home #choose-indication .cmp-list-dropdown--desktop li:nth-child(2)>a::before{
         display:none;
     }
    
     #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(2)>a {
        color: var(--mcl-darkteal) !important;
        cursor: pointer !important;
    }
    
    #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(2)>a::before {
        color: #699091 !important;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li:nth-child(3),
    #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(3) {
        padding: 5.5px 29px 12.5px !important;
        cursor: pointer !important;
    }
    
    #choose-indication .cmp-list-dropdown--desktop li:nth-child(3)>a {
        color: var(--mcl-darkteal) !important;
    }
    
    #choose-indication-mcl .cmp-list-dropdown--desktop li:nth-child(3)>a {
        color: var(--cll-redorange) !important;
    }
    
}


/*Compatibility issues - 26/09/2025*/

@media (max-width:389px) {
    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) {
        margin-left: -130px;
    }
}

@media (max-width:374px) {
    .cmp-list-dropdown--container:has(a[aria-expanded="true"]) {
        margin-left: -145px;
    }
}

/*Landscape issue*/
@media only screen and (max-width: 991.98px) and (orientation: landscape) {
    .cmp-list-dropdown--desktop .open+.cmp-list-dropdown--list{
    height: calc(100dvh - 109px);
    overflow-y: auto;
    }
}