.clcs {
  position: relative !important;
  display: inline-block !important;
  max-width: 100% !important;
  z-index: 10050 !important;
  font-family: inherit !important;
}

.clcs,
.clcs__panel,
.clcs__menu {
  overflow: visible !important;
}

.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container,
.elementor-widget-shortcode .elementor-shortcode,
.elementor-location-header,
.site-header,
header {
  overflow: visible !important;
}

/* top trigger: no bg, no border, just text + flags */
.clcs__trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #9b7a52 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.clcs__trigger:hover,
.clcs__trigger:focus,
.clcs__trigger:active {
  background: transparent !important;
  background-color: transparent !important;
  color: #9b7a52 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.clcs__trigger-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.clcs__trigger-sep {
  opacity: .55 !important;
}

.clcs__trigger-arrow {
  font-size: 12px !important;
  color: #c19a6b !important;
  line-height: 1 !important;
  margin-left: 2px !important;
}

/* panel */
.clcs__panel[hidden] {
  display: none !important;
}

.clcs__panel {

  position: absolute !important;
  z-index: 999999 !important;


  top: calc(100% + 16px) !important;
  left: 0 !important;

  width: 360px !important;
  max-width: min(360px, 92vw) !important;
  padding: 24px !important;
  background: #fff !important;
  border: 1px solid #d9e2ef !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(16, 24, 40, 0.14) !important;
}

.clcs__section + .clcs__section {
  margin-top: 22px !important;
}

.clcs__label {
  margin: 0 0 12px !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #16345c !important;
}

/* selector buttons */
.clcs__select {
  width: 100% !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 16px !important;
  border: 1px solid #d8e1ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #23344d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-align: left !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.clcs__select:hover,
.clcs__select:focus,
.clcs__select:active {
  background: #fff !important;
  color: #23344d !important;
  border-color: #cfd9e6 !important;
  box-shadow: none !important;
  outline: none !important;
}

.clcs__selected-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

.clcs__select-arrow {
  font-size: 13px !important;
  line-height: 1 !important;
  color: #6d7b8c !important;
  flex: 0 0 auto !important;
}

/* dropdown menu */
.clcs__menu {
  display: none !important;
  width: 100% !important;
  margin-top: 8px !important;
  border: 1px solid #d8e1ec !important;
  border-radius: 12px !important;
  background: #fff !important;
  max-height: 250px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  box-shadow: 0 10px 25px rgba(16, 24, 40, 0.06) !important;
}

.clcs__menu.is-open {
  display: block !important;
}

.clcs__option {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #23344d !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  box-shadow: none !important;
  text-transform: none !important;
  min-height: auto !important;
}

.clcs__option:last-child {
  border-bottom: 0 !important;
}

.clcs__option:hover,
.clcs__option:focus {
  background: #f7faff !important;
  color: #23344d !important;
  outline: none !important;
}

.clcs__option.is-active {
  background: #f4f8fd !important;
}

.clcs__flag {
  width: 22px !important;
  flex: 0 0 22px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.clcs__flag img,
.clcs__selected-text img,
.clcs__trigger-lang img,
.clcs__trigger-currency img {
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.clcs__option-label {
  flex: 1 1 auto !important;
}

/* apply button */
.clcs__apply {
  width: 100% !important;
  margin-top: 22px !important;
  min-height: 52px !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #2f76e5 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.clcs__apply:hover,
.clcs__apply:focus,
.clcs__apply:active {
  background: #2f76e5 !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* keep original plugin markup in DOM for JS, but hide it off-screen */
.clcs__hidden-source {
  position: absolute !important;
  left: -99999px !important;
  top: -99999px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.clcs__hidden-source .clcs__gtranslate-source,
.clcs__hidden-source .clcs__currency-source,
.clcs__hidden-source .gtranslate_wrapper,
.clcs__hidden-source #google_translate_element2,
.clcs__hidden-source #woocommerce-multi-currency-2,
.clcs__hidden-source .woocommerce-multi-currency,
.clcs__hidden-source .wmc-currency,
.clcs__hidden-source .gt_selector,
.clcs__hidden-source .wmc-select-currency-js,
.clcs__hidden-source select,
.clcs__hidden-source a,
.clcs__hidden-source option,
.clcs__hidden-source button,
.clcs__hidden-source input,
.clcs__hidden-source label,
.clcs__hidden-source div,
.clcs__hidden-source span {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* scrollbars */
.clcs__menu::-webkit-scrollbar {
  width: 8px;
}

.clcs__menu::-webkit-scrollbar-thumb {
  background: #c7d3e3;
  border-radius: 20px;
}

.clcs__menu::-webkit-scrollbar-track {
  background: #f5f7fb;
}