/* =========================================
   ORDER DETAILS PAGE COMPREHENSIVE FIXES
   ========================================= */

/* =============== TEXT VISIBILITY FIXES =============== */

/* Force all text in additional information to be visible */
.woocommerce-additional-fields,
.woocommerce-additional-fields p,
.woocommerce-additional-fields label,
.woocommerce-additional-fields span,
.woocommerce-additional-fields strong {
    color: #ffffff !important;
}

/* Subscription/Newsletter field visibility */
input[name*="subscription"],
input[name*="newsletter"],
.woocommerce-additional-fields input[type="text"],
.woocommerce-additional-fields textarea {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
    padding: 10px !important;
}

/* =============== CHECKBOX FIXES =============== */

/* Ensure all checkboxes are visible and clickable */
.woocommerce-customer-details input[type="checkbox"],
.woocommerce-order-details input[type="checkbox"],
.woocommerce-additional-fields input[type="checkbox"] {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
}

/* Fix for labels */
.woocommerce-customer-details label,
.woocommerce-order-details label,
.woocommerce-additional-fields label {
    cursor: pointer !important;
    display: inline-block !important;
    position: relative !important;
    color: #ffffff !important;
}

/* Newsletter specific styling */
.woocommerce-customer-details .woocommerce-form__label-for-checkbox,
.woocommerce-order-details .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
}

.woocommerce-customer-details .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-order-details .woocommerce-form__label-for-checkbox input[type="checkbox"] {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* If field is showing as readonly text instead of checkbox, style it better */
.woocommerce-additional-fields p {
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 12px !important;
    border-radius: 8px !important;
    border: 1px solid #333 !important;
}

/* Fix for any disabled/readonly state */
.woocommerce-customer-details input[readonly],
.woocommerce-order-details input[readonly],
.woocommerce-additional-fields input[readonly] {
    background: #2a2a2a !important;
    color: #999 !important;
    cursor: not-allowed !important;
}