/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Template: hello-elementor
Author: Elementor Team
Description: Deep Black Professional Skin for Tshepho Piano Lessons.
Version: 3.6.0
*/

/* === 1. GLOBAL BRAND OVERRIDES === */

/* Force Black Background on Everything */
body, html {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Base Link Styling */
a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* SMART LINK HOVER: Only turn text red if it is NOT a button */
a:not(.btn-brand):not(.elementor-button):not(.button):hover {
    color: #ff3131 !important;
}

/* === 2. BUTTONS & CTAs (FIXED HOVER) === */

button, 
input[type="submit"], 
.elementor-button,
.btn-brand,
a.btn-brand, 
a.elementor-button {
    background-color: #ff3131 !important;
    color: #ffffff !important; /* Keep text white */
    border-radius: 9999px !important;
    border: none !important;
    cursor: pointer;
    font-weight: 700;
    transition: all 0.3s ease;
}

/* Button Hover State: Darker Background but KEEP TEXT WHITE */
button:hover, 
input[type="submit"]:hover, 
.elementor-button:hover,
.btn-brand:hover,
a.btn-brand:hover,
a.elementor-button:hover {
    background-color: #cc2020 !important; /* Professional Darker Red */
    color: #ffffff !important; /* FIX: Prevents text from turning red and vanishing */
    transform: translateY(-1px);
}

/* === 3. SONG TUTORIAL & TOOL WRAPPERS === */

.song-tutorial-wrapper { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 40px 20px; 
}

/* Stat Items */
.stat-item { 
    background: #111111 !important; 
    color: #ff3131 !important; 
    padding: 8px 18px; 
    border-radius: 50px; 
    font-size: 0.85rem; 
    font-weight: 800; 
    border: 1px solid #222 !important;
}

/* Utility Bar */
.song-utility-bar { 
    background: #0a0a0a !important; 
    padding: 25px; 
    border-radius: 16px; 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    align-items: center; 
    gap: 20px; 
    margin-bottom: 50px; 
    border: 1px solid #1a1a1a !important; 
}

/* Tab Navigation */
.tab-nav { 
    border-bottom: 1px solid #1a1a1a; 
    margin-bottom: 30px; 
    display: flex; 
    gap: 30px; 
}

.tab-btn { 
    background: none; 
    border: none; 
    padding: 15px 0; 
    font-size: 1rem; 
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer; 
    color: #555555; 
    border-bottom: 3px solid transparent; 
}

.tab-btn.active { 
    color: #ff3131 !important; 
    border-bottom: 3px solid #ff3131 !important; 
}

/* === 4. FORM INPUTS === */

input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea, 
select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    padding: 12px !important;
    border-radius: 8px !important;
}

input:focus {
    border-color: #ff3131 !important;
}

/* Breadcrumb Hover Fix */
.back-link:hover {
    color: #ff3131 !important;
}

/* === 5. BUDDYBOSS ACTIVITY FEED (DARK MODE FIX) === */

/* Main Poster Container */
#buddypress form#whats-new-form, 
.activity-form {
    background-color: #000000 !important;
    border: 1px solid #222222 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* Header (Create a post) - FORCED BLACK */
#buddypress .bb-model-header,
#buddypress #activity-header {
    background-color: #000000 !important; /* User Requested Black */
    border-bottom: 1px solid #222222 !important;
    color: #ffffff !important;
}

/* Header Text */
#buddypress .activity-header-data,
#buddypress .bb-model-header h3 { 
    color: #ffffff !important; 
    font-weight: 700 !important;
}

/* Header Icons (Close & Image) - FORCED WHITE */
#buddypress .bb-model-close-button .bb-icon-l,
#buddypress .bb-activity-post-feature-image-ctrl .bb-icon-l,
#buddypress .bb-icon-times,
#buddypress .bb-icon-image {
    color: #ffffff !important;
}

/* Text Input Area */
#buddypress #whats-new-content,
#buddypress #whats-new-textarea, 
#buddypress .medium-editor-element {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    min-height: 80px;
}

/* Placeholder Text */
#buddypress .medium-editor-element:before,
#buddypress #whats-new-textarea:before {
    color: #666666 !important;
}

/* Footer / Toolbar Area */
#buddypress .whats-new-form-footer {
    background-color: #000000 !important; /* Matched to Header */
    border-top: 1px solid #222222 !important;
    padding: 15px !important;
}

/* Toolbar Icons */
#buddypress .whats-new-form-footer .bb-icon-l, 
#buddypress .whats-new-form-footer .bb-icon-f {
    color: #888888 !important;
}
#buddypress .whats-new-form-footer .bb-icon-l:hover {
    color: #ff3131 !important;
}

/* POLL ICON - Specific Override */
#buddypress .bb-icon-poll {
    color: #382e27 !important; /* User Requested Color */
}

/* "Post" Button specific override */
#buddypress #aw-whats-new-submit {
    background-color: #ff3131 !important;
    color: white !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    padding: 8px 25px !important;
    text-transform: uppercase !important;
}