/* Auto-segmented: forms.css */

.labels {
  display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

form {
  display: grid;
    gap: 14px;
}

label {
  font-weight: 700;
    font-size: 14px;
    color: #dfe6ff;
}

.contact-form select:disabled {
  opacity: .6;
    cursor: not-allowed;
}

textarea {
  min-height: 120px;
    resize: vertical;
}

.cselect-option[aria-selected="true"] {
  background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
}

.bt-switch input {
  opacity: 0;
    width: 0;
    height: 0;
}

.bt-switch input:checked + .bt-slider::before {
  transform: translateX(20px);
}

.billing-toggle .bt-label[data-mode="annual"] {
  opacity: .75;
}

body[data-billing="annual"] .billing-toggle .bt-label[data-mode="annual"] {
  color: #fff;
    opacity: 1;
}

body[data-billing="annual"] .bt-label[data-mode="monthly"] {
  opacity: .75;
}

.demo-field textarea {
  min-height: 120px;
    resize: vertical;
}

/* === PATCH: cselect dropdown continuity (attach list to trigger) === */
.cselect {
  position: relative;
}

/* Hide list by default; absolutely attach under trigger */
.cselect-list {
  position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 1px); /* seamless join with the trigger border */
    margin-top: 0;
    display: none;
    z-index: 50;
    overflow: hidden;
}

/* When open, show list and remove top radius gap */
.cselect.open .cselect-list {
  display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Make trigger join with list */
.cselect.open .cselect-trigger {
  border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Ensure options are block-level and no bullets/gaps */
.cselect-option {
  display: block;
    list-style: none;
}