/* Currency Selector Styles */

.currency-selector {

position: relative;

display: inline-block;

/* margin-left: 15px; */

}



.dropdown-toggle {

background: none;

border: none;

border-radius: 4px;

/* padding: 8px 15px; */

cursor: pointer;

display: flex;

align-items: center;

justify-content: space-between;

/* min-width: 100px; */

transition: all 0.3s ease;

}



/* .dropdown-toggle:hover {

background: #e9ecef;

border-color: #adb5bd;

} */



.selected-currency {

font-weight: 500;

/* margin-left: 40px; */

}



.dropdown-menu {

position: absolute;

top: 100%;

left: 0;

z-index: 1000;

display: none;

min-width: 180px;

padding: 5px 0;

margin: 2px 0 0;

font-size: 14px;

color: #212529;

background-color: #fff;

border: 1px solid rgba(0,0,0,.15);

border-radius: 4px;

box-shadow: 0 6px 12px rgba(0,0,0,.175);

}



.dropdown-menu.show {

display: block;

}



.dropdown-item {

display: block;

width: 100%;

padding: 8px 15px;

clear: both;

font-weight: 400;

color: #212529;

text-align: inherit;

white-space: nowrap;

background-color: transparent;

border: 0;

cursor: pointer;

transition: all 0.2s;

}



.dropdown-item:hover {

background-color: #f8f9fa;

color: #16181b;

}



.currency-flag {

display: inline-block;

width: 20px;

height: 15px;

margin-right: 8px;

background-size: cover;

background-position: center;

vertical-align: middle;

}