/* ===== CHECKOUT TEXT ===== */
.woocommerce-checkout,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout p,
.woocommerce-checkout span,
.woocommerce-checkout label,
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-components-checkbox label,
.wc-block-components-radio-control__label,
.wc-block-components-shipping-rates-control__package-title {
    color: #ffffff !important;
}

/* ===== MAKE THE WHOLE FIELD WRAPPER TRANSLUCENT ===== */
.wc-block-components-text-input,
.wc-block-components-select,
.wc-block-components-combobox,
.wc-block-components-textarea {
    background: rgba(255,255,255,0.10) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* ===== MAKE THE ACTUAL INPUT INSIDE CLEAR ===== */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-combobox input,
.wc-block-components-textarea textarea,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== FLOATING LABELS / PLACEHOLDERS INSIDE FIELDS ===== */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-combobox label,
.wc-block-components-textarea label {
    color: rgba(255,255,255,0.75) !important;
    opacity: 1 !important;
}

/* ===== PLACEHOLDER TEXT ===== */
.wc-block-components-text-input input::placeholder,
.wc-block-components-combobox input::placeholder,
.wc-block-components-textarea textarea::placeholder,
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: rgba(255,255,255,0.55) !important;
}

/* ===== ON FOCUS ===== */
.wc-block-components-text-input:focus-within,
.wc-block-components-select:focus-within,
.wc-block-components-combobox:focus-within,
.wc-block-components-textarea:focus-within {
    background: rgba(255,255,255,0.14) !important;
    border-color: rgba(255,255,255,0.45) !important;
}
/* Make shipping radio buttons visible */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #ffffff; /* visible white circle */
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

/* Inner dot when selected */
input[type="radio"]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ffffff; /* white dot when selected */
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}
.woocommerce input[type="radio"] {
  border: 2px solid #fff;
}
/* Remove transparent/washed-out checkout backgrounds */
.woocommerce-checkout,
.woocommerce-checkout form,
.woocommerce-checkout .wc-block-components-form,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wc-block-components-sidebar,
.woocommerce-checkout .wc-block-components-main {
    background: #000 !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
}

/* Make form fields solid white */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .wc-block-components-text-input input {
    background: #fff !important;
    color: #000 !important;
    opacity: 1 !important;
}

/* Make checkout text readable */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout span,
.woocommerce-checkout div {
    color: #fff !important;
}

/* Placeholder text inside boxes */
.woocommerce-checkout ::placeholder {
    color: #666 !important;
}
/* Keep checkout page text white */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout .wc-block-components-checkbox label,
.woocommerce-checkout .wc-block-components-formatted-money-amount,
.woocommerce-checkout .wc-block-components-checkout-step__heading {
  color: #fff !important;
}

/* Make input/select/textarea boxes white with dark text */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox-control input {
  background: #fff !important;
  color: #000 !important;
  opacity: 1 !important;
}

/* Make placeholder text visible inside white boxes */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder,
.woocommerce-checkout .wc-block-components-text-input input::placeholder,
.woocommerce-checkout .wc-block-components-combobox-control input::placeholder {
  color: #555 !important;
  opacity: 1 !important;
}

/* Make dropdown text dark */
.woocommerce-checkout option,
.woocommerce-checkout .wc-block-components-select select {
  color: #000 !important;
  background: #fff !important;
}

/* Make the floating field labels above boxes dark */
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-select label,
.woocommerce-checkout .wc-block-components-textarea label {
  color: #000 !important;
}