[data-role="dropdown"] { position:relative; display:inline-block; vertical-align:middle; border-width:0px; height:fit-content; }

th > [data-role="dropdown"] { min-height:auto; }

/* [data-role="dropdown"]:has([data-role="button"].xs) { font-size:0.6rem; min-height:calc(3em+1px); }
[data-role="dropdown"]:has([data-role="button"].small) { font-size:0.8rem; min-height:calc(3em+1px); }
[data-role="dropdown"]:has([data-role="button"].medium) { font-size:1.0rem; min-height:calc(3em+1px); }
[data-role="dropdown"]:has([data-role="button"].large) { font-size:1.2rem; min-height:calc(3em+1px); } */

[data-role="dropdown"] > [data-role="button"] { margin-top:-2px; }
[data-role="dropdown"] > .menu { 
    position:absolute;
    box-sizing:border-box;
    display:none;
    z-index:500;
    padding:0;
    right:0;
    border:1px solid var(--cavelo-platinum);
    vertical-align:top;
    box-shadow: rgba(0,0,0,0.2) 0px 5px 10px 0px;
    max-width:500px;
    top:100%;
}
[data-role="dropdown"].open-right > .menu,
[data-role="dropdown"] > .menu.align-left { 
    left:0; right:auto;
}
[data-role="dropdown"].active > .menu { 
    position:absolute;
    display:block; 
    max-height:75vh; 
    overflow-y:auto; 
    overflow-x:visible;
    background-color:var(--cavelo-white);
    min-width:100%;
    row-gap:0px;
}
[data-role="dropdown"] > .menu > * {
    position:relative;
    display: block;
    margin:0;
    white-space:nowrap;
    width: 100%;
}

[data-role="dropdown"] > .menu > .form-group { line-height:1.5; vertical-align:middle; }
[data-role="dropdown"] > .menu > div:not(.controls):not([data-role="alert"]) > [data-role="button"] + [data-role="button"]:last-child {position:relative;width: calc(100% - 3em);}
[data-role="dropdown"] > .menu > [data-role="button"].block + [data-role="button"].block { margin-top:0; }
[data-role="dropdown"] > .menu.search-control { 
    min-width:250px;
    box-sizing:border-box;
}

[data-role="dropdown"].error > [data-role="button"] { color:var(--cavelo-orange); }
[data-role="dropdown"].warn > [data-role="button"] { color:var(--cavelo-orange); }


[data-role="dropdown"] > .menu:empty { padding:0.5em; }
[data-role="dropdown"] > .menu:empty::after { white-space: nowrap; content:'No options available' } 

[data-role="dropdown"] button[aria-label="Favorites"] + .menu:empty::after { white-space: nowrap; content:'No favorites' } 


[data-role="dropdown"] > .menu [data-role="button"] { min-height:3.4em !important; max-height:3.4em !important; }

[data-role="dropdown"] > .info {
    position:absolute;
    display:block; 
    white-space:nowrap;
    width:auto;
    font-size:0.8rem;
    padding:1em;
    border-radius:var(--border-radius);
    left:0;
    /* left:100%; */
    /* transform:translateX(-100%); */
    background-color:var(--cavelo-black);
    color:var(--cavelo-white);
    /* z-index:9999; */
}



[data-role="dropdown"] > .menu > .dropmenu { display:block !important; position:relative !important; min-width:max-content !important; }

[data-role="dropdown"] > .menu [data-role="button"],
[data-role="dropdown"] > .menu [data-role="dropdown"] { margin-left:0 !important; }