.ctd-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.ctd-reverse .ctd-header{
  flex-direction: row-reverse;
}

/* Position control */
.ctd-pos-left .ctd-header{ justify-content:flex-start; }
.ctd-pos-center .ctd-header{ justify-content:center; }
.ctd-pos-right .ctd-header{ justify-content:space-between; }

.ctd-widget{
  --ctd-speed: 250ms;
  --ctd-translate: 6px;

  /* Arrow vars */
  --ctd-arrow-color: #111;
  --ctd-arrow-size: 14px;
  --ctd-arrow-right: 10px;
}

/* Dropdown base */
.ctd-select-wrap{ position:relative; display:inline-flex; align-items:center; }
.ctd-select{
  outline:none;
  cursor:pointer;

  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  padding-right: calc(var(--ctd-arrow-size) + var(--ctd-arrow-right) + 18px);
}

/* Custom arrow (SVG mask) */
.ctd-arrow{
  display:none;
  position:absolute;
  right: var(--ctd-arrow-right);
  width: var(--ctd-arrow-size);
  height: var(--ctd-arrow-size);
  pointer-events:none;
  background-color: var(--ctd-arrow-color);

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.7 9.3a1 1 0 0 1 1.4 0L12 13.2l3.9-3.9a1 1 0 1 1 1.4 1.4l-4.6 4.6a1 1 0 0 1-1.4 0L6.7 10.7a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.7 9.3a1 1 0 0 1 1.4 0L12 13.2l3.9-3.9a1 1 0 1 1 1.4 1.4l-4.6 4.6a1 1 0 0 1-1.4 0L6.7 10.7a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

.ctd-arrow-on .ctd-arrow{ display:block; }

/* Panels */
.ctd-panel{
  display:none;
  opacity:0;
  transform: translateY(var(--ctd-translate));
  transition: opacity var(--ctd-speed) ease, transform var(--ctd-speed) ease;
}
.ctd-panel.is-active{
  display:block;
  opacity:1;
  transform: translateY(0);
}

.ctd-empty{
  padding:18px;
  border:1px dashed #ddd;
}

/* Elementor Editor: ensure visible immediately */
.ctd-is-editor .ctd-panel{ transition:none; }
.ctd-is-editor .ctd-panel.is-active{ display:block; opacity:1; transform:none; }