/* ==========================================================================
   AURORA DYNAMIC MESH GRADIENT BACKGROUND ONLY
   ========================================================================== */

/* 1. ANIMATION DES MESH-GRADIENTS */
@keyframes auroraFlow { 
    0% { background-position: 0% 0%; } 
    25% { background-position: 100% 0%; } 
    50% { background-position: 100% 100%; } 
    75% { background-position: 0% 100%; } 
    100% { background-position: 0% 0%; } 
}

/* 2. HINTERGRUND-LAYER VIA BODY::BEFORE */
body::before {
    content: ""; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh;
    z-index: -999; 
    background-color: #F8FAFC;
    background-image: 
        radial-gradient(80% 80% at 20% 30%, #E0F2FE 0%, transparent 100%),
        radial-gradient(80% 80% at 80% 70%, #F3E8FF 0%, transparent 100%),
        radial-gradient(100% 100% at 90% 10%, #CFFAFE 0%, transparent 100%),
        radial-gradient(100% 100% at 10% 90%, #EEF2FF 0%, transparent 100%);
    background-size: 200% 200%;
    animation: auroraFlow 25s ease infinite;
    transform: translate3d(0,0,0);
    will-change: background-position;
}


/* ==========================================
   TALENT VAULT - AUTH BUTTON & UI FIX
   ========================================== */

/* 1. DEFAULT STATE: Dunkler Button (#0F172A) mit weißer Schrift (#FFFFFF) */
#tv-auth-root button.tv-isolated-btn,
.tv-auth-card button.tv-isolated-btn {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    background-color: #0F172A !important;
    border-radius: 100px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25) !important;
    transition: all 0.25s ease !important;
    margin-top: 10px !important;
    box-sizing: border-box !important;
}

#tv-auth-root button.tv-isolated-btn span,
.tv-auth-card button.tv-isolated-btn span {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    transition: all 0.25s ease !important;
}

/* 2. HOVER STATE: Cyanblauer Button (#38BDF8) mit dunkler Schrift (#0F172A) */
#tv-auth-root button.tv-isolated-btn:hover,
.tv-auth-card button.tv-isolated-btn:hover {
    background-color: #38BDF8 !important;
    box-shadow: 0 15px 35px rgba(56, 189, 248, 0.4) !important;
    transform: translateY(-2px) !important;
}

#tv-auth-root button.tv-isolated-btn:hover span,
.tv-auth-card button.tv-isolated-btn:hover span {
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
}

/* 3. CHECKBOX GLOBAL WIEDERHERSTELLEN */
.tv-auth-card input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    accent-color: #38BDF8 !important;
    margin: 0 !important;
    position: static !important;
    cursor: pointer !important;
}

/* Pseudo-Elemente von Astra/Elementor auf der Checkbox deaktivieren */
.tv-auth-card input[type="checkbox"]::before,
.tv-auth-card input[type="checkbox"]::after {
    display: none !important;
}

/* 4. TYPOGRAFIE & GROSSSCHREIBUNG AUFHEBEN */
.tv-auth-card a,
.tv-auth-card label {
    text-transform: none !important;
    letter-spacing: normal !important;
}
/* Fixt die riesigen Zahlungs-Logos im WooCommerce Checkout */
.woocommerce-checkout #payment ul.payment_methods li img,
.wc_payment_method label img {
    max-height: 24px !important;
    max-width: 100% !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 8px !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

/* Sorgt dafür, dass die Zeile mit dem Text nicht umbricht */
.wc_payment_method label {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px;
}
/* ==========================================================================
   TALENT VAULT - BUDDYBOSS LIGHT SKIN (DARK ACCENTS)
   ========================================================================== */

/* 1. Globaler Hintergrund & Text */
body.buddypress, 
body.bb-page,
#buddypress,
.bb-template-v2,
.buddypress-wrap, 
#buddypress .messages-screen {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
}

/* 2. Container & Karten */
#buddypress .bp-card,
#buddypress .messages-stack,
#buddypress #drag-drop-area,
.bb-panel,
.bp-wrap {
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Chat Sprechblasen */
#buddypress .single-message-thread,
#buddypress .messages-list {
    background: #FFFFFF !important;
}
/* Eigene Nachrichten (Dunkler Akzent) */
#buddypress .message-box.self .message-content {
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    border-radius: 16px 16px 2px 16px !important;
}
/* Empfangene Nachrichten (Heller Hintergrund) */
#buddypress .message-box:not(.self) .message-content {
    background: #F1F5F9 !important;
    color: #0F172A !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 16px 16px 16px 2px !important;
}

/* 4. "To:"-Feld & Texteditor (Clean Light Look) */
#buddypress #whats-new,
#buddypress textarea,
#buddypress input[type="text"],
#buddypress .send-to-input,
#buddypress ul.acfb-holder,
#buddypress .select2-container--default .select2-selection--multiple,
#buddypress .wp-editor-container,
#buddypress iframe.mce-edit-area,
#buddypress textarea.bp-suggestions {
    background-color: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    color: #0F172A !important;
    border-radius: 10px !important;
}
#buddypress textarea:focus,
#buddypress input[type="text"]:focus {
    border-color: #0F172A !important;
    outline: none !important;
}

/* Editor Toolbar */
#buddypress .qt-toolbar,
#buddypress .mce-toolbar {
    background-color: #F1F5F9 !important;
    border-bottom: 1px solid #E2E8F0 !important;
}
#buddypress .qt-toolbar button,
#buddypress .mce-btn button {
    color: #0F172A !important;
}

/* 5. Buttons (Dark Slate Akzent) */
#buddypress button,
#buddypress a.button,
#buddypress input[type="submit"] {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: none !important;
    transition: all 0.2s ease-in-out !important;
}
#buddypress button:hover,
#buddypress a.button:hover,
#buddypress input[type="submit"]:hover {
    background-color: #1E293B !important;
    color: #FFFFFF !important;
}
/* ==========================================================================
   BUDDYBOSS PLAIN TEXTAREA FIX
   ========================================================================== */

#buddypress textarea#message_content,
#buddypress .message-search textarea,
#buddypress #send_message_form textarea {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    min-height: 100px !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
}

#buddypress textarea#message_content:focus {
    border-color: #0F172A !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1) !important;
}
/* ==========================================================================
   💬 TALENT VAULT - CHAT & IFRAME PERFECT MATCH (MEMBER & CREATOR)
   ========================================================================== */

/* 1. Schwarze Admin-Bar & 32px-Abstand im iFrame / Chat deaktivieren */
body.buddypress #wpadminbar,
body.bb-page #wpadminbar,
#buddypress #wpadminbar,
.messages-screen #wpadminbar {
    display: none !important;
}

html,
html[lang],
body.buddypress,
body.bb-page,
body.admin-bar {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
/* 3. Unnötige BuddyBoss-Navigationen & Avatare im Chat entfernen */
#buddypress #item-header,
#buddypress #object-nav,
#buddypress #subnav,
#buddypress .bp-navs,
#buddypress .item-list-tabs,
#buddypress .bp-messages-nav,
#buddypress .reply-title,
#buddypress label[for="message_content"],
#buddypress .thread-avatar,
#buddypress .message-metadata .avatar,
#buddypress .message-action,
#buddypress a.button.reply {
    display: none !important;
}

/* 4. Chat-Sprechblasen & Farbschema vereinheitlichen */
#buddypress .single-message-thread,
#buddypress .messages-list {
    background: #FFFFFF !important;
    padding: 0 !important;
}

#buddypress .message-box.self .message-content {
    background: #0F172A !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    border-radius: 14px 14px 2px 14px !important;
}

#buddypress .message-box:not(.self) .message-content {
    background: #F8FAFC !important;
    color: #0F172A !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 14px 14px 14px 2px !important;
}

/* 5. Senden-Button Design */
#buddypress .bp-messages-send-btn,
#buddypress button.send-message-button,
#buddypress #send_message_button,
#buddypress button#send,
#buddypress .submit-btn {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 10px 22px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
    cursor: pointer !important;
}

#buddypress .bp-messages-send-btn:hover,
#buddypress button.send-message-button:hover,
#buddypress #send_message_button:hover {
    background-color: #38BDF8 !important;
    color: #0F172A !important;
}