/* ═══ SEVITONINA DARK THEME - BitForms Pro ═══ */
/* Form ID: 1 | Atomic Prefix: b                */
/* Clases correctas: b1-[fieldNum]-[element]     */

/* ═══ TIPOGRAFÍA ═══ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* ═══ FORM BACKGROUND ═══ */
._frm-bg-b1,
._frm-b1 {
  background: #080808 !important;
}

/* ═══ LABELS (Global - todos los campos) ═══ */
[class*="-lbl"] {
  color: #c5a059 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Labels individuales por campo (alternativa más específica) */
.b1-2-lbl, .b1-3-lbl, .b1-4-lbl, .b1-5-lbl,
.b1-6-lbl, .b1-7-lbl, .b1-8-lbl, .b1-9-lbl {
  color: #c5a059 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* ═══ REQUIRED SYMBOL ═══ */
[class*="-req-smbl"] {
  color: #c5a059 !important;
}
.b1-2-req-smbl, .b1-3-req-smbl, .b1-4-req-smbl, .b1-5-req-smbl,
.b1-6-req-smbl, .b1-7-req-smbl, .b1-8-req-smbl, .b1-9-req-smbl {
  color: #c5a059 !important;
}

/* ═══ HELPER TEXT ═══ */
[class*="-hlp-txt"] {
  color: rgba(255, 255, 255, 0.4) !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* ═══ TODOS LOS CAMPOS (inputs, selects, textarea) ═══ */
[class*="-fld"] {
  background: #111111 !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
}

/* Campos específicos */
.b1-2-fld, .b1-3-fld, .b1-4-fld, .b1-5-fld,
.b1-6-fld, .b1-7-fld, .b1-8-fld, .b1-9-fld {
  background: #111111 !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
}

/* ═══ FOCUS STATE ═══ */
.b1-2-fld:focus, .b1-3-fld:focus, .b1-4-fld:focus, .b1-5-fld:focus,
.b1-6-fld:focus, .b1-7-fld:focus, .b1-8-fld:focus, .b1-9-fld:focus {
  border-color: #c5a059 !important;
  background: #1a1a1a !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ═══ PLACEHOLDER ═══ */
.b1-4-fld::placeholder, .b1-5-fld::placeholder,
.b1-6-fld::placeholder, .b1-7-fld::placeholder,
.b1-8-fld::placeholder, .b1-9-fld::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* ═══ FIX DROPDOWNS (html-select) ═══ */
/* Campo Experience (b1-2) y Hotel/Venue (b1-3) */
select.b1-2-fld,
select.b1-3-fld {
  color-scheme: dark !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  cursor: pointer !important;
  padding-right: 40px !important;
}

/* Opciones del dropdown */
select.b1-2-fld option,
select.b1-3-fld option {
  background: #1a1a1a !important;
  color: #ffffff !important;
  padding: 8px !important;
}

/* Hover en select */
select.b1-2-fld:hover,
select.b1-3-fld:hover {
  border-color: rgba(197, 160, 89, 0.6) !important;
}

/* Focus en select */
select.b1-2-fld:focus,
select.b1-3-fld:focus {
  border-color: #c5a059 !important;
  background-color: #1a1a1a !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ═══ SELECTORES GENÉRICOS PARA SELECTS ═══ */
/* Por si BitForms usa select nativo sin clase específica */
._frm-b1 select,
._frm-bg-b1 select {
  color-scheme: dark !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5a059' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  cursor: pointer !important;
  padding-right: 40px !important;
}

._frm-b1 select option,
._frm-bg-b1 select option {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

/* ═══ INPUT FIELD WRAPPER ═══ */
[class*="-inp-wrp"],
[class*="-inp-fld-wrp"] {
  border: none !important;
  background: transparent !important;
}

.b1-2-inp-wrp, .b1-3-inp-wrp, .b1-4-inp-wrp, .b1-5-inp-wrp,
.b1-6-inp-wrp, .b1-7-inp-wrp, .b1-8-inp-wrp, .b1-9-inp-wrp {
  border: none !important;
  background: transparent !important;
}

/* ═══ FIELD WRAPPER ═══ */
[class*="-fld-wrp"] {
  background: transparent !important;
}

/* ═══ DATE FIELD (b1-7) ═══ */
input[type="date"].b1-7-fld {
  color-scheme: dark !important;
}

/* Selector genérico para date inputs */
._frm-b1 input[type="date"] {
  color-scheme: dark !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid rgba(197, 160, 89, 0.35) !important;
  font-family: 'Montserrat', sans-serif !important;
}

._frm-b1 input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(70%) sepia(50%) saturate(500%) hue-rotate(10deg) !important;
  cursor: pointer !important;
}

/* ═══ NUMBER FIELD (b1-8) ═══ */
input[type="number"].b1-8-fld {
  -moz-appearance: textfield !important;
}

input[type="number"].b1-8-fld::-webkit-outer-spin-button,
input[type="number"].b1-8-fld::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* ═══ TEXTAREA (b1-9) ═══ */
textarea.b1-9-fld {
  resize: vertical !important;
  min-height: 80px !important;
}

/* ═══ BOTÓN SUBMIT (b1-1) ═══ */
.b1-1-btn {
  background: #c5a059 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.b1-1-btn:hover {
  background: #d4b06a !important;
}

/* ═══ ERROR MESSAGES ═══ */
[class*="-err-msg"] {
  color: #e74c3c !important;
  font-size: 12px !important;
  font-family: 'Montserrat', sans-serif !important;
}