/* Live Video Page Text Visibility Fix - Chat, Header, and Buttons */

/* HEADER TEXT - Make header text white */
.bg-gradient-to-r.from-celtic.to-totem-pole,
.bg-gradient-to-r.from-celtic.to-totem-pole * {
    color: #fff !important;
}

.bg-gradient-to-r.from-celtic.to-totem-pole .text-white {
    color: #fff !important;
}

/* BUTTON TEXT - Make all button text white */
button,
.btn,
[type="submit"] {
    color: #fff !important;
}

/* Button with gradients */
.bg-gradient-to-r {
    color: #fff !important;
}

.bg-gradient-to-r * {
    color: #fff !important;
}

/* Specific button colors */
.bg-red-600,
.bg-blue-600,
.bg-green-600,
.bg-gray-700,
.bg-black {
    color: #fff !important;
}

.bg-celtic,
.bg-totem-pole {
    color: #fff !important;
}

/* Chat message text - ensure it's always readable */
.chat-message .bg-white {
    color: #333 !important;
    background-color: #fff !important;
}

.chat-message .bg-celtic {
    color: #fff !important;
    background-color: var(--color-celtic, #102a1b) !important;
}

/* Chat message usernames and text */
.chat-message .font-bold {
    color: inherit !important;
}

.chat-message .text-sm {
    color: inherit !important;
}

/* Chat message icons */
.chat-message .text-celtic {
    color: var(--color-celtic, #102a1b) !important;
}

.chat-message .text-white {
    color: #fff !important;
}

/* Chat input fields */
#chat-messages {
    background-color: #f9fafb !important;
    color: #333 !important;
}

#chat-username,
#chat-message {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #d1d5db !important;
}

#chat-username::placeholder,
#chat-message::placeholder {
    color: #6b7280 !important;
}

/* Chat container background */
.bg-gray-50 {
    background-color: #f9fafb !important;
    color: #333 !important;
}

/* Ensure chat messages container has proper contrast */
#chat-messages .text-center {
    color: #6b7280 !important;
}

/* Chat form background */
.bg-white {
    background-color: #fff !important;
}

/* Make sure all text in white backgrounds is dark */
.bg-white,
.bg-white * {
    color: #333;
}

/* Exception for specific colored elements */
.bg-white .text-white {
    color: #fff !important;
}

.bg-white .text-celtic {
    color: var(--color-celtic, #102a1b) !important;
}

.bg-white .text-totem-pole {
    color: var(--color-totem-pole, #9b060e) !important;
}