/*
 * TOIAF Network Checkout / Cart / Account styling
 * Brand spec:
 * - Form background: #000
 * - Labels: TOIAF Yellow #ffff33
 * - Inputs bg: #000 (including autofill)
 * - Border: TOIAF Purple #8e2bff (1px)
 * - Placeholder: #fff
 * - Typing text: TOIAF Lime #b6ff00
 * - Hints: TOIAF Aqua #24f0ff
 * - Accents: TOIAF Pink #ff2bd6
 * - Font: Orbitron, letter-spacing: 1px
 */

/* Shared wrappers */
body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content,
body.woocommerce-account .site-content {
  background: #000000;
}

.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-account .woocommerce,
.wc-block-cart,
.wc-block-checkout,
.wc-block-components-notice-banner {
  color: #ffffff;
}

/* Section headings */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-cart h1,
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.wc-block-checkout__title,
.wc-block-cart__title {
  color: var(--toiaf-pink);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Classic checkout fields */
.woocommerce form .form-row label,
.woocommerce form .form-row .woocommerce-form__label,
.woocommerce form .form-row .woocommerce-form__label span,
.woocommerce form .form-row .optional {
  color: #ffff33;
  font-weight: 700;
  letter-spacing: 1px;
}

.woocommerce form .form-row .required {
  color: var(--toiaf-pink);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row .select2-selection,
.woocommerce form .form-row .select2-container--default .select2-selection--single {
  background: #000000;
  border: 1px solid #8e2bff;
  color: #b6ff00;
  border-radius: var(--radius-md);
  padding: 12px 14px;
  font-family: var(--font-display);
  letter-spacing: 1px;
  outline: none;
}

/* Placeholder */
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: #ffffff;
  opacity: 0.85;
}

/* Focus */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row .select2-selection:focus {
  border-color: var(--toiaf-pink);
  box-shadow: 0 0 0 1px var(--toiaf-pink);
}

/* Descriptions / hints */
.woocommerce form .form-row .description,
.woocommerce form .form-row .woocommerce-input-wrapper .description,
.woocommerce-checkout .woocommerce-checkout-review-order-table + .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
  color: #24f0ff;
}

/* Autofill (Chrome) - keep black background */
.woocommerce input:-webkit-autofill,
.woocommerce textarea:-webkit-autofill,
.woocommerce select:-webkit-autofill,
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input textarea:-webkit-autofill,
.wc-block-components-select__select:-webkit-autofill {
  -webkit-text-fill-color: #b6ff00 !important;
  transition: background-color 9999s ease-out 0s;
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;
  box-shadow: 0 0 0px 1000px #000000 inset !important;
  border: 1px solid #8e2bff !important;
}

/* Select2 dropdown */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #b6ff00;
  line-height: 1.2;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent;
}

.select2-dropdown {
  background: #000000;
  border: 1px solid #8e2bff;
}

.select2-container--default .select2-results__option {
  color: #ffffff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #8e2bff;
  color: #ffffff;
}

/* Errors */
.woocommerce-error,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid textarea {
  border-color: var(--toiaf-pink);
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid #8e2bff;
  color: #ffffff;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  color: var(--toiaf-pink);
}

/* Block-based checkout/cart fields */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select__select,
.wc-block-components-textarea textarea {
  background: #000000 !important;
  border: 1px solid #8e2bff !important;
  color: #b6ff00 !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  letter-spacing: 1px;
}

.wc-block-components-text-input label,
.wc-block-components-select__label,
.wc-block-components-textarea label {
  color: #ffff33 !important;
  font-weight: 700;
  letter-spacing: 1px;
}

.wc-block-components-text-input__help-text,
.wc-block-components-textarea__help-text,
.wc-block-components-select__help-text,
.wc-block-components-validation-error {
  color: #24f0ff !important;
}

/* Block notices */
.wc-block-components-notice-banner {
  background: rgba(0, 0, 0, 0.9) !important;
  border: 1px solid #8e2bff !important;
}

.wc-block-components-notice-banner__content {
  color: #ffffff !important;
}

/* Primary action buttons */
.woocommerce #payment #place_order,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button,
.wc-block-components-checkout-place-order-button {
  background: #000000 !important;
  color: var(--toiaf-pink) !important;
  border: 1px solid var(--toiaf-lime) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-display) !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: none;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover,
.wc-block-components-checkout-place-order-button:hover {
  box-shadow: var(--shadow-pink);
}

/* Order review table */
.woocommerce-checkout-review-order-table,
.woocommerce table.shop_table {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #8e2bff;
  color: #ffffff;
}

.woocommerce table.shop_table th {
  color: #ffff33;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: rgba(142, 43, 255, 0.35);
}

/* Remove light backgrounds in Woo blocks */
.wc-block-components-panel,
.wc-block-components-checkout-step,
.wc-block-components-totals-wrapper,
.wc-block-components-totals-item {
  background: transparent !important;
}

/* === TOIAF NETWORK STYLE: Woo Blocks Cart/Checkout fields === */
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-block-components-select label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control__label {
  color: #ffff33 !important; /* TOIAF yellow */
  font-family: var(--font-orbitron, Orbitron, system-ui, sans-serif) !important;
  letter-spacing: 1px !important;
}

.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox input,
.wc-block-components-select select,
.wc-block-components-form .components-text-control__input {
  background: #000 !important;
  color: #b6ff00 !important; /* TOIAF lime */
  border: 1px solid #8e2bff !important; /* TOIAF purple */
  border-radius: 10px !important;
  font-family: var(--font-orbitron, Orbitron, system-ui, sans-serif) !important;
  letter-spacing: 1px !important;
  box-shadow: 0 0 0 1px rgba(142, 43, 255, 0.25) !important;
}

.wc-block-components-text-input input::placeholder,
.wc-block-components-text-input textarea::placeholder,
.wc-block-components-combobox input::placeholder {
  color: #ffffff !important;
  opacity: 0.75 !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-combobox input:focus,
.wc-block-components-select select:focus {
  outline: none !important;
  border-color: #ff2bd6 !important; /* TOIAF pink */
  box-shadow: 0 0 0 1px rgba(255, 43, 214, 0.55), 0 0 18px rgba(255, 43, 214, 0.25) !important;
}

/* Helper / hint text */
.wc-block-components-validation-error,
.wc-block-components-text-input__help,
.wc-block-components-notice-banner__content,
.wc-block-components-notice-banner__content a {
  color: #24f0ff !important; /* TOIAF aqua */
}

/* Force black bg on browser autofill */
.wc-block-components-text-input input:-webkit-autofill,
.wc-block-components-text-input input:-webkit-autofill:hover,
.wc-block-components-text-input input:-webkit-autofill:focus,
.wc-block-components-combobox input:-webkit-autofill,
.wc-block-components-combobox input:-webkit-autofill:hover,
.wc-block-components-combobox input:-webkit-autofill:focus {
  -webkit-text-fill-color: #b6ff00 !important;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;
          box-shadow: 0 0 0px 1000px #000 inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}