/* ============================================
   GLOBAL INPUT DARK THEME - Applied site-wide
   ============================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 1rem 1.2rem !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

/* Chrome Autofill Override - Fix white background issue */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5) inset !important;
    -webkit-text-fill-color: #fff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus {
    background: rgba(0, 0, 0, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Exception for quantity controls */
.quantity-controls input {
    background: #fff !important;
    color: #000 !important;
    border-color: #ddd !important;
}

.quantity-controls input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* Exception for Newsletter */
.newsletter-form input {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1.5px solid rgba(197, 160, 89, 0.5) !important;
    border-radius: 50px !important;
}

.newsletter-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
}

.newsletter-form input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Exception for Promo Code - Golden Theme */
#promo-code-input,
.promo-code-group input,
input[id*="promo"],
input[name*="promo"] {
    background: rgba(197, 160, 89, 0.15) !important;
    color: var(--accent) !important;
    border: 1.5px solid rgba(197, 160, 89, 0.5) !important;
    border-radius: 8px !important;
    padding: 1rem 1.2rem !important;
    font-weight: 600 !important;
}

#promo-code-input:focus,
.promo-code-group input:focus {
    background: rgba(197, 160, 89, 0.25) !important;
    border-color: var(--accent) !important;
}

#promo-code-input:-webkit-autofill,
.promo-code-group input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(197, 160, 89, 0.15) inset !important;
    -webkit-text-fill-color: var(--accent) !important;
}

#promo-code-input::placeholder,
.promo-code-group input::placeholder {
    color: rgba(197, 160, 89, 0.6) !important;
}

/* Exception for Shop Search Bar */
.shop-search-bar input {
    padding: 0.9rem 3.5rem !important;
    border-radius: 50px !important;
}

/* ============================================
   SPECIFIC: Checkout & Contact Forms
   ============================================ */

#checkout-form input,
#checkout-form textarea,
.contact-form input,
.contact-form textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 1rem 1.2rem !important;
}

#checkout-form input:-webkit-autofill,
.contact-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5) inset !important;
    -webkit-text-fill-color: #fff !important;
}

#checkout-form label,
.contact-form label {
    color: rgba(255, 255, 255, 0.85) !important;
}