/*
 Theme Name:   YourChildThemeName
 Template:     YourParentThemeFolder
 Description:  Custom child theme for dark styling + chat/comment fixes
 Author:       You
 Version:      1.0
*/

/* === Base Site Styles (Dark Theme) === */
body {
    background-color: #000000;
    color: #ffffff;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

a {
    color: #ffd700;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
}

/* Images alignment */
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* === Chat Section Container === */
.chat-container,
#sac_wrap,
#sac_chat {
    background-color: #000000 !important; /* dark background */
    color: #ffffff !important;            /* default text white */
    padding: 10px;
    border-radius: 6px;
    text-align: center;
}

/* === Chat Messages (force bubble style) === */
#sac_chat .sac-message,
#sac_chat .sac-comment,
#sac_chat p {
    background-color: #ffffff !important; /* white bubble */
    color: #000000 !important;            /* black text */
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    display: inline-block !important;
    max-width: 90% !important;
    word-wrap: break-word !important;
    margin: 6px 0 !important;
    text-align: left !important;
}

/* === Nickname Input Field === */
#sac_name {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    width: 95% !important;
    margin-bottom: 6px;
}

/* === Message Input Box === */
#sac_msg {
    background-color: #ffffff !important; /* FIX: white bubble */
    color: #000000 !important;            /* FIX: black text */
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    width: 95% !important;
    margin-bottom: 6px;
}

/* === Submit Button === */
#sac_submit {
    background-color: #ffd700 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 6px 12px !important;
}

/* === WordPress Comment Form === */
#commentform input[type="text"],
#commentform textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
}

/* Placeholder visibility */
#commentform input[type="text"]::placeholder,
#commentform textarea::placeholder {
    color: #666666 !important;
}

/* === WordPress Comments (old + new) === */
.comment-list .comment,
.comment-list .comment-body,
.comment,
.comment-body {
    background-color: #f1f1f1 !important; /* light gray bubble */
    color: #000000 !important;            /* black text */
    border-radius: 12px !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    display: block !important;
}

/* === Prevent conflict with chat bubbles === */
.chat-room .message,
.chat-room .chat-bubble {
    background-color: #222222 !important; /* keep chat dark */
    color: #ffffff !important;
}