/* design1 */
.woocommerce-cart-form .ccw-currency-dropdown{
	margin-top:10px;
}
.ccw-currency-dropdown{
    position:relative;
    width:190px;
    font-family:system-ui;
}

.ccw-selected{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    padding:8px 12px;
    border:1px solid #ddd;
    background:white;
    cursor:pointer;
    border-radius:6px;
}

.ccw-flag{
    width:20px;
    height:14px;
}

.ccw-arrow{
    margin-left:auto;
    font-size:12px;
}

.ccw-menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:white;
    border:1px solid #ddd;
    border-radius:6px;
	margin:5px 0 0 0;
    list-style:none;
    padding:4px 0;
    display:none;
    box-shadow:0 6px 15px rgba(0,0,0,0.1);
	z-index:99;
}
.ccw-menu li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    cursor:pointer;
}
.ccw-classic-checkout-currencies {
	margin-bottom:10px;
}
.wp-block-currency-switcher{
  margin-left: 10px;
  margin-bottom: 10px;
}
.wp-block-currency-switcher .ccw-currency-dropdown, .ccw-classic-checkout-currencies .ccw-currency-dropdown{
	width:97%;
}
.ccw-menu li:hover{
    background:#f5f5f5;
}
.ccw-code{
    font-weight:600;
}
.ccw-name{
    color:#777;
    font-size:13px;
}
.ccw-currency-switcher .ccw-active {
  background: #1a73e8;
  color: #fff;
}
/* design2 */
.ccw-currency-switcher.ccw-card {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-family: 'Arial', sans-serif;
}
.ccw-currency-option {
	background-color: #f5f5f5;
}
.ccw-currency-switcher.ccw-card .ccw-currency-option {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid transparent;
}
.ccw-currency-switcher.ccw-card .ccw-currency-option:hover {
  border-color: #0073aa;
  background-color: #e6f0f8;
}

/* desing3 */
.ccw-currency-switcher.ccw-list-view {
  max-width: 220px;
  padding: 12px;
  border-radius: 8px;
  position: relative;
	z-index:99;
}
.ccw-desing-3 {
  height: 210px;
  overflow: hidden;
  padding-right: 5px;
  scroll-behavior: smooth;
}
.ccw-currency-switcher.ccw-list-view ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ccw-list-view li {
	color: #444;
	background: #efefef;
}
.ccw-currency-switcher.ccw-list-view ul li {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  transition: all 0.2s ease;
  margin-bottom: 10px;
}
.ccw-currency-switcher.ccw-list-view ul li:hover {
  background: #f0f8ff;
  color: #1a73e8;
}
.ccw-scroll-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  cursor: pointer;
  padding: 5px;
  color: #1a73e8;
  user-select: none;
}
.ccw-scroll-btn.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.ccw-scroll-up {
  margin-bottom: 4px;
}
.ccw-scroll-down {
  margin-top: 4px;
}