.buinma-cc-widget{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: var(--buinma-cc-font-size, 14px);
  color: var(--buinma-cc-text, #111);
}
.buinma-cc-label{opacity:.8}
.buinma-cc-select{
  padding:6px 8px;
  
  border:1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  border-radius: calc(var(--buinma-cc-radius, 12px) - 4px);
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
}
.buinma-cc-btn{
  padding:6px 10px;
  border:1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  border-radius: calc(var(--buinma-cc-radius, 12px) - 2px);
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
  cursor:pointer;
}
.buinma-cc-floating{
  position:fixed;
  z-index:99999;
  padding: var(--buinma-cc-pad-y, 10px) var(--buinma-cc-pad-x, 12px);
  border:1px solid var(--buinma-cc-border, rgba(0,0,0,.15));
  border-radius: var(--buinma-cc-radius, 12px);
  background: var(--buinma-cc-bg, rgba(255,255,255,.95));
  box-shadow: var(--buinma-cc-shadow, 0 8px 30px rgba(0,0,0,.12));
}
.buinma-cc-bottom-right{right:16px;bottom:16px}
.buinma-cc-bottom-left{left:16px;bottom:16px}
.buinma-cc-top-right{right:16px;top:16px}
.buinma-cc-top-left{left:16px;top:16px}


/* --- Nicer widget styles + selected state --- */
.buinma-cc-btn{
  border: 1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
  border-radius: calc(var(--buinma-cc-radius, 12px) - 2px);
  padding: 9px 14px;
  font-weight: 800;
  letter-spacing: .4px;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .12s ease, background .12s ease;
}

.buinma-cc-btn:hover{
  box-shadow: 0 10px 24px rgba(16,24,40,.12);
}

.buinma-cc-btn:active{
  transform: translateY(1px);
}

.buinma-cc-btn.active{
  background: rgba(37,99,235,.14);
  border-color: rgba(37,99,235,.45);
}

.buinma-cc-select{
  border: 1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
  border-radius: calc(var(--buinma-cc-radius, 12px) - 4px);  
  padding: 10px 38px 10px 12px;
  padding-right: 15px;
  font-weight: 800;
  letter-spacing: .35px;
  cursor: pointer;
  outline: none;
  box-shadow: 0 1px 0 rgba(16,24,40,.04);
}

.buinma-cc-select:focus{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 3px rgba(37,99,235,.18);
}

.buinma-cc-floating{
  background: rgba(255,255,255,.96);
  border-color: rgba(0,0,0,.10);
  box-shadow: var(--buinma-cc-shadow, 0 12px 28px rgba(16,24,40,.16));
}

.buinma-cc-mode-fixed{
  padding: 8px 10px;
  border-radius: var(--buinma-cc-radius, 12px);
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.92);
}


/* Fix select text clipping in some themes */
.buinma-cc-ui{ display:inline-flex; align-items:center; }
.buinma-cc-select{
  box-sizing: border-box;
  min-width: 110px;
  width: auto;
  line-height: 1.2;
  text-align: center;
  text-align-last: center;
}


/* Custom dropdown (prevents native select clipping and theme overrides) */
.buinma-cc-dd{ position: relative; display:inline-flex; }
.buinma-cc-dd-btn{
  border: 1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
  border-radius: calc(var(--buinma-cc-radius, 12px) - 4px);
  padding: 10px 12px;
  min-width: 120px;
  display:inline-flex;
  align-items:center;
  justify-content: space-between;
  gap:10px;
  cursor:pointer;
  user-select:none;
  box-shadow: 0 1px 0 rgba(16,24,40,.04);
}
.buinma-cc-dd-text{ font-weight: 900; letter-spacing: .4px; }
.buinma-cc-dd-caret{ opacity:.7; font-size:12px; transform: translateY(-1px); }

.buinma-cc-dd-menu{
  position:absolute;
  top: calc(100% + 8px);
  left:0;
  min-width: 100%;
  padding:6px;
  background: var(--buinma-cc-control-bg, #fff);
  color: var(--buinma-cc-control-text, #111);
  border:1px solid var(--buinma-cc-border, rgba(0,0,0,.2));
  border-radius: calc(var(--buinma-cc-radius, 12px) - 6px);
  box-shadow: 0 16px 34px rgba(16,24,40,.18);
  display:none;
  z-index: 999999;
}
.buinma-cc-dd.open .buinma-cc-dd-menu{ display:block; }

.buinma-cc-dd-item{
  border:0;
  width:100%;
  text-align:left;
  background: transparent;
  color: inherit;
  padding:10px 10px;
  border-radius: 10px;
  cursor:pointer;
  font-weight: 900;
  letter-spacing: .35px;
}
.buinma-cc-dd-item:hover{ background: rgba(16,24,40,.06); }
.buinma-cc-dd-item.active{ background: rgba(37,99,235,.14); }