/*
 Theme Name:   Aardvark Child
 Theme URI:    http://example.com/aardvark-child
 Description:  Child theme for the Aardvark WordPress theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     aardvark
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  aardvark-child
*/
/* ==========================================================================
   BATTLE UI BUTTONS
   ========================================================================== */
.battle-ui .button {
    background: #FFD700;
    color: #000;
    padding: 8px 14px;
    border-radius: 6px;
    margin-left: 8px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.battle-ui .button:hover {
    background: #e6c200;
}
.battle-ui .battle-ready { color: #FFD700; }
.battle-ui .battle-paid { color: #28a745; }
.battle-ui .force-paid { background: #CC0000 !important; color: #fff !important; }

/* ==========================================================================
   BATTLE MAIN CONTAINER
   ========================================================================== */
.epic-battle-details {
    max-width: 1200px;
    margin: 0 auto 40px;
    padding: 0 20px;
}

/* ==========================================================================
   BATTLE HEADER CARD
   ========================================================================== */
.battle-header-card {
    background: #111;
    color: #fff;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 2px solid #FFD700;
    box-shadow: 0 0 15px rgba(255,215,0,0.3);
    position: relative;
    overflow: hidden;
}

.battle-header-card::before {
    display: none; /* remove purple gradient overlay */
}

.battle-title-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.battle-title {
    font-size: 28px;
    font-weight: bold;
    margin: 0;
    color: #FFD700;
    text-shadow: 0 0 10px rgba(255,215,0,0.5);
    flex: 1;
    margin-right: 20px;
}

.battle-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #FFD700;
    background: #000;
    color: #FFD700;
}

/* Status colors */
.status-pending { color: #FFD700; }
.status-live { color: #FFD700; animation: livePulse 2s infinite; }
.status-closed { color: #28a745; }
.status-cancelled { color: #CC0000; }
.status-paid_out { color: #FFD700; }

@keyframes livePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.battle-location {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    position: relative;
    z-index: 2;
    color: #fff;
}

.location-icon { 
    font-size: 20px; 
    color: #FFD700; 
    line-height: 1;
    width: 24px;
    text-align: center;
}

/* ==========================================================================
   BATTLE STATS GRID
   ========================================================================== */
.battle-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: #111;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    border: 2px solid #FFD700;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 15px #FFD700;
}
.stat-card::before { display: none; }

.stat-icon {
    font-size: 36px;
    flex-shrink: 0;
    color: #FFD700;
    line-height: 1;
    width: 40px;
    text-align: center;
}

.stat-content { flex: 1; }
.stat-value { 
    font-size: 24px; 
    font-weight: bold; 
    color: #FFD700; 
    margin-bottom: 5px;
    line-height: 1.2;
}
.stat-label { 
    font-size: 14px; 
    color: #ccc; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    font-weight: 600; 
    margin-bottom: 3px; 
}
.stat-subtitle { 
    font-size: 12px; 
    color: #aaa; 
    font-style: italic; 
}

/* Special stat card accents */
.pot-card { border-color: #FFD700; }
.stakes-card { border-color: #FFD700; }
.date-card { border-color: #FFD700; }
.winner-card { border-color: #FFD700; }

/* ==========================================================================
   BATTLE DESCRIPTION
   ========================================================================== */
.battle-description-card {
    background: #111;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
    border-left: 5px solid #FFD700;
    color: #fff;
}

.description-title {
    margin: 0 0 15px;
    color: #FFD700;
    font-size: 20px;
}

.description-content {
    color: #ddd;
    line-height: 1.6;
}
.description-content p { margin-bottom: 10px; }

/* ==========================================================================
   PAYMENT STATUS GRID
   ========================================================================== */
.payment-status-grid {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.payment-card {
    flex: 1;
    background: #111;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    border: 2px solid #FFD700;
    color: #fff;
    transition: box-shadow 0.3s ease;
}
.payment-card:hover { box-shadow: 0 0 15px #FFD700; }

/* ==========================================================================
   VOTING BUTTONS & INTERFACE
   ========================================================================== */
button[class*="vote-for"],
.battle-vote-btn {
    cursor: pointer !important;
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    background: #FFD700;
    color: #000;
    border-radius: 6px;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease;
}
button[class*="vote-for"]:not(:disabled):hover,
.battle-vote-btn:not(:disabled):hover {
    opacity: 0.9;
    transform: scale(1.05);
}

/* Voting container */
.battle-voting-interface {
    position: relative;
    z-index: 1;
}

/* ==========================================================================
   BATTLE CARDS - SINGLE BATTLE PAGE SPECIFIC
   ========================================================================== */
.single-battle-page .battle-card {
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff !important;
    transition: box-shadow 0.3s ease;
}
.single-battle-page .battle-card:hover { box-shadow: 0 0 15px #FFD700; }
.single-battle-page .battle-card h3,
.single-battle-page .battle-card h4 { color: #FFD700 !important; }
.single-battle-page .battle-card strong { color: #FFD700 !important; }
.single-battle-page .battle-card.alert {
    background: #CC0000 !important;
    border-color: #FF3333 !important;
    color: #fff !important;
}
.battle-card{ 
	background: rgba(17, 17, 17, 0.50) !important; 
	border: 2px solid #FFD700 !important;
    border-radius: 15px !important;
}

/* ==========================================================================
   SINGLE BATTLE PAGE STYLING
   ========================================================================== */
.single-battle .entry-title,
.single-battle .page-title { display:none !important; }

/* Container around the full battle page */
.single-battle .epic-battle-details { 
    max-width: 1200px; 
    margin: 0 auto 40px; 
    padding: 0 20px; 
}

/* Header card */
.single-battle .battle-header-card {
        background: linear-gradient(135deg, 
        rgba(17, 17, 17, 0.95) 0%, 
        rgba(17, 17, 17, 0.98) 70%, 
        rgba(0, 0, 0, 0.99) 100%) !important;
    color: #fff !important;
    border: 2px solid #FFD700 !important;
    border-radius: 20px !important;
    box-shadow: 0 0 15px rgba(255,215,0,0.25) !important;
    position: relative;
}
.single-battle .battle-header-card::before,
.single-battle .battle-header-card::after { display:none !important; }
.single-battle .battle-title { color:#FFD700 !important; text-shadow: 0 0 10px rgba(255,215,0,.4); }

/* Status badge */
.single-battle .battle-status-badge {
    background:#000 !important; 
    color:#FFD700 !important;
    border:2px solid #FFD700 !important; 
    border-radius:25px !important;
}
.single-battle .status-pending { color:#FFD700 !important; }
.single-battle .status-live { color:#FFD700 !important; }
.single-battle .status-closed { color:#28a745 !important; }
.single-battle .status-cancelled { color:#CC0000 !important; }
.single-battle .status-paid_out { color:#FFD700 !important; }

/* Info/Stat cards */
.single-battle .battle-stats-grid { 
    display:grid; 
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); 
    gap:20px; 
}
.single-battle .stat-card,
.single-battle .payment-card {
    background:#111 !important;
    color:#fff !important;
    border:2px solid #FFD700 !important;
    border-radius:15px !important;
    padding:25px !important;
    transition:box-shadow .3s ease, transform .2s ease;
}  
.single-battle .stat-card:hover,
.single-battle .battle-card:hover,
.single-battle .payment-card:hover { 
    box-shadow:0 0 15px #FFD700; 
    transform:translateY(-3px); 
}
.single-battle .stat-card::before { display:none !important; }
.single-battle .stat-icon { 
    color:#FFD700 !important; 
    font-size: 36px;
    flex-shrink: 0;
    line-height: 1;
    width: 40px;
    text-align: center;
}
.single-battle .stat-value { color:#FFD700 !important; font-weight:700; }
.single-battle .stat-label { color:#ccc !important; text-transform:uppercase; letter-spacing:.06em; }
.single-battle .stat-subtitle { color:#aaa !important; }

/* Description / Terms */
.single-battle .battle-description-card {
    background:#111 !important; 
    color:#ddd !important;
    border-left:5px solid #FFD700 !important; 
    border-radius:15px !important; 
    padding:25px !important;
}
.single-battle .description-title { color:#FFD700 !important; }

/* Sections */
.single-battle .battle-section-title,
.single-battle .section-title {
    font-size: 28px !important;
    color: #FFD700 !important;
    text-align: center !important;
    margin: 0 0 30px !important;
    text-shadow: 0 0 10px rgba(255,215,0,0.3) !important;
}

/* ==========================================================================
   BATTLE TRACKS SPECIFIC STYLING
   ========================================================================== */
.battle-tracks-wrapper {
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    color: #fff !important;
}

.battle-tracks-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 20px;
}

.battle-track-card {
    background: rgba(255,215,0,0.1) !important;
    border-radius: 10px !important;
    padding: 20px !important;
    text-align: center !important;
}

/* ==========================================================================
   VOTING SECTION STYLING
   ========================================================================== */
.battle-voting-wrapper {
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    text-align: center !important;
}

.battle-voting-interface .vote-buttons {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 20px 0;
}

/* ==========================================================================
   COMMENTS SECTION STYLING
   ========================================================================== */
.battle-comments-wrapper {
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 15px !important;
    padding: 30px !important;
    color: #fff !important;
}

#comments {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.comment-body {
    background: rgba(255,215,0,0.1) !important;
    border: 1px solid rgba(255,215,0,0.2) !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN FOR FULL WIDTH TEMPLATE
   ========================================================================== */
@media (max-width: 1200px) {
    .battle-header-card,
    .battle-description-card,
    .battle-actions-wrapper,
    .battle-tracks-wrapper,
    .battle-voting-wrapper,
    .battle-comments-wrapper {
        margin: 0 15px 30px !important;
        padding: 25px !important;
    }
    
    .battle-stats-grid {
        margin: 0 15px;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 900px) {
    .battle-players {
        flex-direction: column;
        gap: 30px;
        margin: 0 15px;
    }
    
    .battle-challenger,
    .battle-opponent {
        width: 100%;
        max-width: 400px;
    }
    
    .vs-divider {
        font-size: 30px;
        transform: rotate(90deg);
    }
    
    .battle-tracks-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .battle-voting-interface .vote-buttons {
        flex-direction: column;
        gap: 15px;
    }
}

@media (max-width: 600px) {
    .single-battle-content {
        padding: 10px !important;
    }
    
    .battle-header-card,
    .battle-description-card,
     .battle-tracks-wrapper,
    .battle-voting-wrapper,
    .battle-comments-wrapper {
        margin: 0 10px 20px !important;
        padding: 20px !important;
    }
    
    .battle-title-section {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
    
    .battle-title {
        min-width: auto !important;
    }
    
    .battle-stats-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        margin: 0 10px;
    }
    
    .stat-card {
        min-height: 100px;
        padding: 20px 15px !important;
    }
    
    .stat-icon {
        font-size: 32px !important;
        width: 40px !important;
    }
}

/* ==========================================================================
   ENSURE COMPATIBILITY WITH EXISTING FUNCTIONALITY
   ========================================================================== */

/* Preserve all existing battle UI functionality */
.single-battle-page .battle-ui,
.single-battle-page .battle-stake-ui,
.single-battle-page .hb-vote-btn,
.single-battle-page .vote-btn {
    /* Inherit all existing styles from main CSS */
}

/* Ensure rtMedia uploads work properly in full width */
.single-battle-page .rtmedia-uploader-wrapper,
.single-battle-page .rtmedia-container {
    width: 100% !important;
    max-width: none !important;
}

/* Ensure WooCommerce elements display properly */
.single-battle-page .woocommerce,
.single-battle-page .woocommerce-page {
    background: transparent !important;
}

/* Preserve BuddyPress integration */
.single-battle-page #buddypress {
    background: transparent !important;
    padding: 0 !important;
}

/* Audio players full width compatibility */
.single-battle-page audio,
.single-battle-page .mejs-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */
@media (max-width: 1300px) {
    .single-battle .epic-battle-details {
        max-width: 95%;
        padding: 35px !important;
        margin: 30px auto !important;
    }
}

@media (max-width: 900px) {
    .single-battle .epic-battle-details {
        max-width: 95%;
        padding: 25px !important;
        margin: 20px auto !important;
        border-width: 2px !important;
    }
    
    .single-battle .battle-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .single-battle .stake-action-card {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .single-battle .action-icon {
        margin: 0 0 15px 0;
        font-size: 40px;
        width: auto;
    }
    
    .single-battle .action-content {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .single-battle .epic-battle-details {
        padding: 15px !important;
        margin: 10px auto !important;
        border-radius: 15px !important;
    }
    
    .single-battle .battle-card {
        padding: 15px !important;
        margin: 10px 0 !important;
    }
    
    .single-battle .battle-title {
        font-size: 22px !important;
    }
    
    .single-battle .battle-players {
        flex-direction: column;
        gap: 20px;
    }
    
    .single-battle .battle-challenger,
    .single-battle .battle-opponent {
        width: 100%;
    }
    
    .stat-icon {
        font-size: 28px !important;
        width: 32px !important;
    }
    
    .action-icon {
        font-size: 36px !important;
        width: 48px !important;
    }
}

/* Battle actions specific styling */
.single-battle .battle-section,
.single-battle .battle-tracks-wrap { 
    background:#111 !important; 
    border:2px solid #FFD700 !important; 
    border-radius:12px !important; 
}

/* Track panels + vote buttons */
.single-battle .battle-tracks,
.single-battle .hb-tracks,
.single-battle .tracks-grid { 
    display:flex; 
    gap:20px; 
    flex-wrap:wrap; 
}

.single-battle .challenger-panel,
.single-battle .opponent-panel,
.single-battle .track-card {
    background:#111 !important; 
    color:#fff !important;
    border:2px solid #FFD700 !important; 
    border-radius:10px !important; 
    padding:15px !important;
}

.single-battle .hb-vote-btn,
.single-battle button[class*="vote-for"],
.single-battle .battle-vote-btn,
.single-battle .battle-ui .button {
    background:#FFD700 !important; 
    color:#000 !important;
    border:none !important; 
    border-radius:6px !important;
    padding:10px 18px !important; 
    font-weight:700 !important;
    transition:all .2s ease !important; 
    cursor:pointer !important;
}
.single-battle .hb-vote-btn:hover,
.single-battle button[class*="vote-for"]:hover,
.single-battle .battle-vote-btn:hover,
.single-battle .battle-ui .button:hover { 
    background:#e6c200 !important; 
    transform:scale(1.03); 
}
.single-battle .hb-vote-btn.voted { 
    background:#333 !important; 
    color:#FFD700 !important; 
    cursor:default !important; 
}

/* Vote results + alerts */
.single-battle .vote-results { 
    color:#FFD700 !important; 
    font-weight:700 !important; 
}
.single-battle .status-banner.locked,
.single-battle .alert-locked,
.single-battle .battle-locked { 
    background:#CC0000 !important; 
    color:#fff !important; 
    border-radius:8px; 
}
.single-battle .status-banner.live { 
    background:#FFD700 !important; 
    color:#000 !important; 
}
.single-battle .status-banner.closed { 
    background:#222 !important; 
    color:#FFD700 !important; 
}

/* Tables / lists inside cards */
.single-battle .battle-card h3,
.single-battle .battle-card h4,
.single-battle .payment-card h3 { color:#FFD700 !important; }
.single-battle .battle-card strong,
.single-battle .payment-card strong { color:#FFD700 !important; }

/* Audio players */
.single-battle audio { filter: saturate(1.1); }

/* Warnings */
.single-battle .battle-card.alert,
.single-battle .notice-warning,
.single-battle .notice-error { 
    background:#CC0000 !important; 
    border-color:#FF3333 !important; 
    color:#fff !important; 
}

/* Voting interface positioning */
.single-battle .battle-voting-interface { position:relative; z-index:1; }
.single-battle h1.entry-title,
.single-battle .gp-entry-title { display:none !important; }

/* Hide misleading track level login prompt for logged-in fans */ 
body.logged-in .battle-tracks-container .vote-message { display:none !important; }

/* Kill stuck loader */
#gp-page-loader,
.gp-loader { display: none !important; }

/* Fix invisible overlays */
.gp-loop-overlay,
.gp-loop-content-link { pointer-events: none !important; }

/* Ensure links inside cards are clickable */
.gp-loop-title a,
.battle-card a,
a.gp-loop-image-link { 
    position: relative; 
    z-index: 2; 
    pointer-events: auto; 
}

.single-battle .vote-btn[disabled],
.single-battle .vote-btn[aria-disabled="true"],
.single-battle .vote-btn.is-disabled {
    pointer-events: auto !important;
    opacity: 1 !important;
    filter: none !important;
    cursor: pointer !important;
}

/* ==========================================================================
   GLOBAL THEME STYLING - FIXED TO PREVENT NESTED BORDERS
   ========================================================================== */
#gp-content-wrapper,
#gp-content,
.gp-container,
.site-content,
.content-area {
    background-color: transparent !important;
}

/* ==========================================================================
   TARGETED PAGE STYLING - PREVENTS NESTED BORDERS WITH TRANSPARENCY
   ========================================================================== */

/* Apply transparent styling to ALL pages EXCEPT custom battle pages */

/* Homepage Activity Section - Simplified selectors */
.home .gp-bp-activity-element:not(.gp-bp-activity-element *),
.home .wpb_column > .vc_column-inner > .wpb_wrapper:not(.wpb_wrapper .wpb_wrapper),
.home .widget:not(.widget .widget):not(.wpb_wrapper .widget) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* BuddyPress pages - Activity, Members, Groups, Messages, etc. */

body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .directory #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .activity #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .members #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .groups #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .messages #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .bp-user #buddypress:not(#buddypress *),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) #buddypress:not(#buddypress *) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    backdrop-filter: blur(3px) !important;
}

/* All posts and pages and article's EXCEPT custom battle pages */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) article.post,
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .site-main > .entry-content:not(.entry-content .entry-content),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .site-main > .post:not(.post .post),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .site-main > article:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .site-main article.post:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .site-main .hentry:not(.hentry .hentry) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* Blog page and archive pages */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).blog .site-main article:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).archive .site-main article:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).search .site-main article:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).category .site-main article:not(article article),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).tag .site-main article:not(article article) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    margin-bottom: 20px !important;
    backdrop-filter: blur(3px) !important;
}

/* Page content containers */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).page .site-main .entry-content:not(.entry-content .entry-content),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).page-template-default .site-main .entry-content:not(.entry-content .entry-content) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* Sidebar widgets everywhere EXCEPT custom battle pages */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .gp-sidebar > .widget:not(.widget .widget),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) #secondary .widget:not(.widget .widget),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .sidebar .widget:not(.widget .widget) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    margin-bottom: 20px !important;
    backdrop-filter: blur(3px) !important;
}

/* Comments section */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) #comments:not(#comments #comments),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) .comments-area:not(.comments-area .comments-area) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* User Profile Pages - BuddyPress user profiles */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).bp-user .site-main .entry-content:not(.entry-content .entry-content) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* Forum pages (if bbPress is used) */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).bbpress .site-main #bbpress-forums:not(#bbpress-forums *) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}

/* WooCommerce pages */
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).woocommerce .site-main .entry-content:not(.entry-content .entry-content),
body:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]).woocommerce-page .site-main .entry-content:not(.entry-content .entry-content) {
    background: rgba(17, 17, 17, 0.50) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
}
/* Remove borders from nested elements to prevent double borders */
.widget .widget,
.entry-content .widget,
.wpb_wrapper .widget,
.gp-posts-wrapper .gp-post-item,
.post .post,
article article,
.entry-content .entry-content,
#buddypress,
#gp_bp_activity_1,
.gp-bp-activity-element #buddypress,
.wpb_wrapper #buddypress,
.gp-bp-activity-element .activity {
    background: transparent !important;
    border: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* BASE STYLING - Desktop (More visible) */
.activity-content {
    background: linear-gradient(135deg, rgba(192, 192, 192, 0.25) 0%, rgba(169, 169, 169, 0.20) 50%, rgba(128, 128, 128, 0.25) 100%) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 2px solid rgba(192, 192, 192, 0.5) !important;  /* Thicker, more visible border */
    border-radius: 20px;
    padding: 15px;
    position: relative;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(192, 192, 192, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Silver shimmer effect - Desktop */
.activity-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
    border-radius: 20px;
    z-index: 0;
    pointer-events: none;
}

/* MOBILE - Less opaque, more transparent */
@media (max-width: 768px) {
    .activity-content {
        background: linear-gradient(135deg, rgba(192, 192, 192, 0.12) 0%, rgba(169, 169, 169, 0.08) 50%, rgba(128, 128, 128, 0.12) 100%) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        border: 1.5px solid rgba(192, 192, 192, 0.35) !important;
    }
    
    .activity-content::before {
        background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.04) 50%, transparent 100%);
    }
}

/* TABLET - Medium transparency */
@media (min-width: 769px) and (max-width: 1024px) {
    .activity-content {
        background: linear-gradient(135deg, rgba(192, 192, 192, 0.18) 0%, rgba(169, 169, 169, 0.14) 50%, rgba(128, 128, 128, 0.18) 100%) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #FFD700 !important;
}

/* Links */
a {
    color: #FFD700 !important;
}

a:hover {
    color: #FFA500 !important;
}

/* ==========================================================================
   HEADER STYLING - FIXED
   ========================================================================== */
/* Force header background with rounded corners and proper container structure */
body #gp-standard-header, 
body #gp-mobile-header, 
.gp-theme #gp-standard-header {
    background: rgba(17, 17, 17, 0.7) !important;
    background-color: transparent !important;
    border: none !important;;
    border-radius: 14px !important;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.2) !important;
    position: relative !important;
    margin: 10px auto !important;
    padding: 15px 20px !important;
    max-width: calc(100% - 40px) !important;
    overflow: visible !important;
    z-index: 1000 !important;
    border-bottom: none !important; /* Remove conflicting border-bottom */
}

/* Remove borders from inner header elements to prevent conflicts */
body #gp-header-row-1, 
body #gp-header-row-2, 
.gp-theme #gp-header-row-1, 
.gp-theme #gp-header-row-2 {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

/* Ensure header container has proper spacing */
body #gp-standard-header .gp-container, 
body #gp-mobile-header .gp-container {
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobile header specific rounded styling */
body #gp-mobile-header {
    margin: 8px auto !important;
    padding: 12px 18px !important;
    max-width: calc(100% - 30px) !important;
}

/* FIXED: Animated glow effect with proper z-index and border-radius */
body #gp-standard-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);
    animation: headerGlow 4s infinite;
    z-index: 1001 !important; /* Higher than header base */
    pointer-events: none;
    border-radius: inherit; /* Match parent border-radius */
}

@keyframes headerGlow {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Ensure navigation is above the animation */
body #gp-main-header-primary-menu > li > a, 
body #gp-main-header-secondary-menu > li > a, 
.gp-theme #gp-main-header-primary-nav .menu > .menu-item > a,
#gp-mobile-primary-menu > li > a {
    color: #FFD700 !important;
    font-weight: bold !important;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.3) !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1002 !important; /* Above animation */
}

/* Navigation hover effects */
body #gp-main-header-primary-menu > li > a:hover, 
body #gp-main-header-secondary-menu > li > a:hover, 
.gp-theme #gp-main-header-primary-nav .menu > .menu-item > a:hover,
#gp-mobile-primary-menu > li > a:hover {
    color: #FFA500 !important;
    text-shadow: 0 0 10px rgba(255, 165, 0, 0.8) !important;
    transform: translateY(-1px);
}

/* Current menu item styling */
body #gp-main-header-primary-menu > .current-menu-item > a, 
.gp-theme #gp-main-header-primary-nav .menu > .current-menu-item > a,
#gp-main-header-secondary-menu > .current-menu-item > a {
    color: #FFA500 !important;
    background: rgba(255, 215, 0, 0.1) !important;
    border-bottom: 2px solid #FFD700 !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
}

/* Logo enhancement with proper z-index */
.gp-logo {
    filter: brightness(1.3) drop-shadow(0 0 10px rgba(255, 215, 0, 0.3)) !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1002 !important; /* Above animation */
}

.gp-logo:hover {
    filter: brightness(1.5) drop-shadow(0 0 15px rgba(255, 215, 0, 0.6)) !important;
    transform: scale(1.02);
}

/* Profile elements with proper z-index */
.gp-profile-button-avatar, 
.gp-profile-button-avatar img {
    border: 1px solid #FFD700 !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3) !important;
    position: relative;
    z-index: 1002 !important;
}

.gp-profile-button-avatar:hover {
    border-color: #FFA500 !important;
    box-shadow: 0 0 20px rgba(255, 165, 0, 0.6) !important;
    transform: scale(1.05);
}

/* Notification counter with proper z-index */
.gp-notification-counter {
    background: linear-gradient(135deg, #CC0000 0%, #FF3333 100%) !important;
    color: #fff !important;
    border: 2px solid #FFD700 !important;
    box-shadow: 0 0 10px rgba(204, 0, 0, 0.5) !important;
    animation: notificationPulse 2s infinite;
    position: relative;
    z-index: 1002 !important;
}

@keyframes notificationPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Dropdown menus with proper z-index */
body #gp-standard-header .sub-menu, 
body .gp-profile-menu {
    background: linear-gradient(135deg, #111 0%, #1a1a1a 100%) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    z-index: 1003 !important; /* Above all header elements */
}

body #gp-standard-header .sub-menu li a, 
body .gp-profile-menu li a {
    color: #FFD700 !important;
    padding: 12px 20px !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1004 !important;
}

body #gp-standard-header .sub-menu li a:hover, 
body .gp-profile-menu li:hover a {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
    transform: translateX(5px);
}

/* Buttons with proper z-index */
body .gp-logout-link a, 
body a[href*="login"], 
body a[href*="register"] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
    padding: 10px 25px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3) !important;
    border: 2px solid transparent !important;
    position: relative;
    z-index: 1002 !important;
}

body .gp-logout-link a:hover, 
body a[href*="login"]:hover, 
body a[href*="register"]:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5) !important;
    border-color: #CC0000 !important;
}

/* Search and header buttons with proper z-index */
.gp-search-button, 
.gp-header-button {
    color: #FFD700 !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 1002 !important;
}

.gp-search-button:hover, 
.gp-header-button:hover {
    color: #FFA500 !important;
    text-shadow: 0 0 10px rgba(255, 165, 0, 0.8) !important;
    transform: scale(1.1);
}

/* Mobile navigation elements */
.gp-nav-button-icon, 
.gp-nav-button-icon:before, 
.gp-nav-button-icon:after {
    background-color: #FFD700 !important;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.5) !important;
    position: relative;
    z-index: 1002 !important;
}

#gp-mobile-primary-nav, 
#gp-mobile-profile-nav {
    background: linear-gradient(135deg, #111 0%, #1a1a1a 100%) !important;
    border-top: 3px solid #FFD700 !important;
    z-index: 1003 !important;
}

/* Scrolling header adjustments */
.gp-scrolling #gp-standard-header {
    background: linear-gradient(135deg, rgba(17,17,17,0.95) 0%, rgba(26,26,26,0.95) 100%) !important;
    backdrop-filter: blur(3px) !important;
    border: 2px solid rgba(255, 215, 0, 0.8) !important;
    z-index: 1000 !important;
}

/* Battle page specific header styling */
.single-battle #gp-standard-header {
    border: 3px solid #CC0000 !important;
    box-shadow: 0 5px 20px rgba(204, 0, 0, 0.3) !important;
}

.single-battle #gp-standard-header::before {
    background: linear-gradient(90deg, transparent, rgba(204, 0, 0, 0.15), transparent);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body #gp-standard-header, 
    body #gp-mobile-header {
        margin: 5px auto !important;
        padding: 10px 15px !important;
        max-width: calc(100% - 20px) !important;
        border-radius: 12px !important;
		border: none !important;
    }
    
    body #gp-mobile-header {
        padding: 8px 12px !important;
        max-width: calc(100% - 15px) !important;
    }
}

/* Fix any conflicting overflow properties */
#gp-page-wrapper,
#gp-content-wrapper {
    overflow: visible !important;
}

/* ==========================================================================
   LOGIN/REGISTER FORMS AND TEXT BOXES
   ========================================================================== */
#gp-login-modal,
.login form,
.register form,
#loginform,
#registerform {
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 14px !important;
    padding: 30px !important;
    color: #fff !important;
}

.login label,
.register label,
#loginform label,
#registerform label {
    color: #FFD700 !important;
    font-weight: bold;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"],
.register input[type="text"],
.register input[type="password"],
.register input[type="email"],
#loginform input[type="text"],
#loginform input[type="password"],
#registerform input[type="text"],
#registerform input[type="password"],
#registerform input[type="email"] {
    background: #222 !important;
    border: 1px solid #FFD700 !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 5px !important;
}

.login input[type="submit"],
.register input[type="submit"],
#wp-submit,
#submit {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 25px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.login input[type="submit"]:hover,
.register input[type="submit"]:hover,
#wp-submit:hover,
#submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4);
}

.login-extra-links a,
.register-extra-links a,
p.lost_password a,
p.back-to-login a {
    color: #FFD700 !important;
}

.login-extra-links a:hover,
.register-extra-links a:hover {
    color: #FFA500 !important;
}

#buddypress form#whats-new-form textarea,
textarea#whats-new {
    color: #000 !important;
    background: #fff !important;
}

#buddypress form#whats-new-form textarea:focus,
#buddypress #whats-new-form textarea:focus,
form#whats-new-form textarea:focus,
#whats-new-form textarea:focus,
#buddypress textarea#whats-new:focus,
textarea#whats-new:focus {
    border-color: #FFD700 !important;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.3) !important;
    outline: none !important;
}
#buddypress input[type="submit"],
#buddypress button[type="submit"],
#whats-new-form input[type="submit"],
#whats-new-form button[type="submit"] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}
/* ==========================================================================
   FIXED BATTLE PAGE LAYOUT - RECTANGULAR CONTAINER
   ========================================================================== */
.single-battle #gp-content-wrapper,
.single-battle #gp-content,
.single-battle .content-area,
.single-battle .site-main {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

.single-battle #gp-page-wrapper {
    background: transparent !important;
    padding: 20px 0 !important;
}

.single-battle .battle-wrap.single-battle-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* MAIN BATTLE CONTAINER - RECTANGULAR WITH PROPER DIMENSIONS */
.single-battle .epic-battle-details {
    max-width: 1200px;
    width: 100%;
    margin: 40px auto !important;
    padding: 40px !important;
    
    /* Center content properly */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    
    /* Rectangular design */
    border: 3px solid #FFD700 !important;
    border-radius: 20px !important;
    
    /* Remove forced dimensions */
    min-height: auto !important;
    height: auto !important;
    
    /* Background and effects */
    background: linear-gradient(135deg, 
        rgba(17, 17, 17, 0.95) 0%, 
        rgba(17, 17, 17, 0.98) 70%, 
        rgba(0, 0, 0, 0.99) 100%) !important;
    
    box-shadow: 
        0 0 30px rgba(255, 215, 0, 0.3),
        inset 0 0 50px rgba(255, 215, 0, 0.1) !important;
    
    overflow: hidden;
    position: relative;
}

/* Battle cards with icon spacing */
.single-battle .battle-card h3,
.single-battle .battle-card h4 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Vote buttons */
.single-battle .hb-vote-btn,
.single-battle .vote-btn {
    display: inline-block !important;
    margin: 5px 10px !important;
    position: relative;
    z-index: 10;
}

/* Battle participants */
.single-battle .battle-participants {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}

.single-battle .battle-challenger,
.single-battle .battle-opponent {
    text-align: center;
    width: 100%;
}

.single-battle .battle-challenger h3,
.single-battle .battle-opponent h3 {
    color: #FFD700;
    margin: 10px 0;
}

/* Track display */
.single-battle .battle-track-card {
    text-align: center;
}

.single-battle .track-player audio {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
    display: block;
}

/* Status badges */
.single-battle .battle-status-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
}

/* Hide sidebar on battle pages */
.single-battle .gp-sidebar {
    display: none !important;
}

.single-battle .gp-right-sidebar #gp-content {
    width: 100% !important;
    margin: 0 !important;
}

/* Battle location with proper icon */
.single-battle .battle-location {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #fff;
    margin: 15px 0;
}

.single-battle .location-icon {
    font-size: 20px;
    color: #FFD700;
    line-height: 1;
    width: 24px;
    text-align: center;
}

/* Battle players section */
.single-battle .battle-players {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    width: 100%;
    max-width: 800px;
}

/* Action cards with proper icon display */
.single-battle .stake-action-card {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 15px;
    padding: 25px;
    color: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    margin: 15px 0;
    width: 100%;
    max-width: 1000px;
}

.single-battle .stake-action-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
}

.single-battle .action-icon {
    font-size: 48px;
    margin-right: 20px;
    flex-shrink: 0;
    line-height: 1;
    text-align: center;
    width: 60px;
}

.single-battle .action-content {
    flex: 1;
    text-align: left;
}

.single-battle .action-content h4 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: bold;
}

.single-battle .action-content p {
    margin: 0 0 5px;
    font-size: 16px;
}

.single-battle .action-subtitle {
    opacity: 0.9;
    font-size: 14px !important;
    font-style: italic;
}

/* Proper spacing */
.single-battle .battle-card {
    margin: 15px 0 !important;
    width: 100%;
    max-width: 1200px;
}

.single-battle .battle-stats-grid {
    margin: 20px 0 !important;
    width: 100%;
    max-width: 1000px;
}

/* Content alignment */
.single-battle .epic-battle-details > * {
    width: 100%;
    max-width: 100%;
}

.single-battle .battle-wrap {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.single-battle .epic-battle-details * {
    text-align: center;
}

.single-battle audio,
.single-battle form,
.single-battle .track-player {
    text-align: left;
}

/* ==========================================================================
   FULL WIDTH SINGLE BATTLE TEMPLATE ENHANCEMENTS
   ========================================================================== */

/* Single Battle Full Width Container */
.single-battle-full-width {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.single-battle-container {
    max-width: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
}

.single-battle-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px !important;
    background: transparent !important;
}

/* Hide sidebar completely on single battle pages */
.single-battle .gp-sidebar,
.single-battle #gp-sidebar-right,
.single-battle #gp-sidebar-left {
    display: none !important;
}

/* Ensure full width content */
.single-battle .gp-right-sidebar #gp-content,
.single-battle .gp-left-sidebar #gp-content,
.single-battle .gp-both-sidebars #gp-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   BATTLE PAGE HEADER IMPROVEMENTS
   ========================================================================== */
.battle-page-header {
    width: 100%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
}

.battle-header-card {
    width: 100%;
    max-width: 1400px;
    background: #111 !important;
    color: #fff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    margin: 0 20px 30px !important;
    border: 3px solid #FFD700 !important;
    box-shadow: 0 0 20px rgba(255,215,0,0.3) !important;
    position: relative;
    overflow: hidden;
}

.battle-title-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 20px;
}

.battle-title {
    font-size: clamp(24px, 4vw, 36px) !important;
    font-weight: bold !important;
    margin: 0 !important;
    color: #FFD700 !important;
    text-shadow: 0 0 10px rgba(255,215,0,0.5) !important;
    flex: 1;
    min-width: 300px;
}

/* ==========================================================================
   BATTLE PARTICIPANTS SECTION
   ========================================================================== */
.battle-participants {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.battle-players {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1000px;
    margin: 0 20px;
    gap: 20px;
}

.battle-challenger,
.battle-opponent {
    text-align: center;
    width: 40%;
    background: #111 !important;
    border: 2px solid #FFD700 !important;
    border-radius: 15px !important;
    padding: 30px 20px !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.battle-challenger:hover,
.battle-opponent:hover {
    box-shadow: 0 0 15px #FFD700;
    transform: translateY(-3px);
}

.battle-challenger h3,
.battle-opponent h3 {
    color: #FFD700 !important;
    margin: 15px 0 10px !important;
    font-size: 20px !important;
}

.battle-challenger img,
.battle-opponent img {
    border: 3px solid #FFD700 !important;
    border-radius: 50% !important;
    margin-bottom: 15px;
    box-shadow: 0 0 10px rgba(255,215,0,0.3);
}

.battle-challenger a,
.battle-opponent a {
    display: inline-block;
    background: #FFD700 !important;
    color: #000 !important;
    padding: 8px 20px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.battle-challenger a:hover,
.battle-opponent a:hover {
    background: #FFA500 !important;
    transform: scale(1.05);
}

.vs-divider {
    font-size: 40px;
    color: #FFD700;
    text-shadow: 0 0 10px rgba(255,215,0,0.5);
    animation: pulse 2s infinite;
    flex-shrink: 0;
}

/* ==========================================================================
   BATTLE STATS SECTION
   ========================================================================== */
.battle-stats-section {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.battle-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    width: 100%;
    max-width: 1400px;
    margin: 0 20px;
}

/* Maintain existing stat-card styles but ensure proper spacing */
.stat-card {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.stat-icon {
    width: 50px !important;
    text-align: center !important;
    font-size: 40px !important;
}

/* ==========================================================================
   BATTLE SECTIONS LAYOUT
   ========================================================================== */
.battle-actions {     
	max-width: 1200px;
    width: 100%;
 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: left;
    text-align: left;
    border: 3px solid #FFD700 !important;
    border-radius: 20px !important;
    min-height: auto !important;
    height: auto !important;
    background: linear-gradient(135deg, rgba(17, 17, 17, 0.95) 0%, rgba(17, 17, 17, 0.98) 70%, rgba(0, 0, 0, 0.99) 100%) !important;
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.3), inset 0 0 50px rgba(255, 215, 0, 0.1) !important;
    overflow: hidden;
    position: relative;
}
.battle-description-section,
.battle-tracks-section,
.battle-voting-section,
.battle-comments-section {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.battle-description-card,
.battle-actions-wrapper,
.battle-tracks-wrapper,
.battle-voting-wrapper,
.battle-comments-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 20px;
}
/* ==========================================================================
   AARDVARK THEME MOBILE NAVIGATION FIX
   Fixes invisible layer blocking mobile menu clicks
   ========================================================================== */

/* STEP 1: Ensure hamburger menu button is clickable and visible */
.gp-nav-button,
.gp-open-mobile-nav-button {
    z-index: 1001 !important;
    pointer-events: auto !important;
    position: relative !important;
}

.gp-nav-button-icon,
.gp-nav-button-icon:before,
.gp-nav-button-icon:after {
    background-color: #FFD700 !important;
    box-shadow: 0 0 5px rgba(255, 215, 0, 0.5) !important;
    pointer-events: auto !important;
    display: block !important;
    height: 3px !important;
    width: 22px !important;
    border-radius: 1px !important;
    transition: all 0.3s ease !important;
}

/* STEP 2: Force mobile navigation panels to appear above everything */
#gp-mobile-primary-nav,
#gp-mobile-profile-nav {
    z-index: 999999 !important;
    pointer-events: auto !important;
    position: fixed !important;
    background: linear-gradient(135deg, #111 0%, #1a1a1a 100%) !important;
    border-right: 3px solid #FFD700 !important;
}

/* STEP 3: Force mobile menu items to be clickable */
#gp-mobile-primary-menu,
#gp-mobile-profile-menu {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000000 !important;
}

#gp-mobile-primary-menu li,
#gp-mobile-profile-menu li {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000001 !important;
}

#gp-mobile-primary-menu li a,
#gp-mobile-profile-menu li a,
#gp-mobile-primary-menu .menu-link,
#gp-mobile-profile-menu .menu-link {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000002 !important;
    display: block !important;
    color: #FFD700 !important;
    background: transparent !important;
    padding: 15px 20px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(255, 215, 0, 0.3) !important;
}

/* STEP 4: Mobile menu hover effects */
#gp-mobile-primary-menu li a:hover,
#gp-mobile-profile-menu li a:hover,
#gp-mobile-primary-menu .menu-link:hover,
#gp-mobile-profile-menu .menu-link:hover {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
    transform: translateX(8px) !important;
    padding-left: 28px !important;
}

/* STEP 5: Remove any overlays that might block clicks */
.gp-loop-overlay,
.gp-loop-content-link,
#gp-page-loader,
.gp-loader,
#gp-standard-header::before,
#gp-mobile-header::before {
    pointer-events: none !important;
}

/* STEP 6: Ensure mobile navigation overlay has correct z-index */
#gp-mobile-nav-bg,
.gp-mobile-nav-overlay {
    z-index: 999998 !important;
    pointer-events: auto !important;
    background: rgba(0, 0, 0, 0.7) !important;
}

/* STEP 7: Force mobile header elements to be properly layered */
#gp-mobile-header,
#gp-mobile-header *,
#gp-mobile-header .gp-nav-button,
#gp-mobile-header .gp-open-mobile-nav-button {
    z-index: 1000 !important;
    position: relative !important;
}

/* STEP 8: Ensure notification elements are clickable */
.gp-notification-counter,
.gp-profile-button-avatar,
#gp-mobile-header .gp-profile-button {
    pointer-events: auto !important;
    z-index: 1001 !important;
    position: relative !important;
}

/* STEP 9: Fix submenu styling */
#gp-mobile-primary-menu .sub-menu,
#gp-mobile-profile-menu .sub-menu {
    background: rgba(0, 0, 0, 0.3) !important;
    border-left: 3px solid rgba(255, 215, 0, 0.5) !important;
    margin-left: 15px !important;
    pointer-events: auto !important;
}

#gp-mobile-primary-menu .sub-menu li a,
#gp-mobile-profile-menu .sub-menu li a {
    padding: 12px 15px 12px 25px !important;
    font-size: 14px !important;
    color: #ccc !important;
    pointer-events: auto !important;
}

#gp-mobile-primary-menu .sub-menu li a:hover,
#gp-mobile-profile-menu .sub-menu li a:hover {
    color: #FFD700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
}

/* STEP 10: Close button styling */
#gp-close-mobile-nav-button {
    z-index: 1000003 !important;
    pointer-events: auto !important;
    color: #FFD700 !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border: 2px solid #FFD700 !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 36px !important;
    text-align: center !important;
    font-size: 20px !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
}

/* STEP 11: Profile menu specific fixes */
.gp-profile-menu-tabs {
    pointer-events: auto !important;
    display: flex !important;
    border-bottom: 2px solid rgba(255, 215, 0, 0.3) !important;
}

.gp-profile-tab,
.gp-notifications-tab {
    pointer-events: auto !important;
    padding: 15px 20px !important;
    cursor: pointer !important;
    color: #FFD700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
    flex: 1 !important;
    text-align: center !important;
}

.gp-profile-tab.gp-active,
.gp-notifications-tab.gp-active {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #000 !important;
}

/* STEP 12: Notification links */
.gp-notification-link {
    pointer-events: auto !important;
    border-bottom: 1px solid rgba(255, 215, 0, 0.1) !important;
    padding: 10px 20px !important;
    color: #ccc !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

.gp-notification-link:hover {
    background: rgba(255, 215, 0, 0.05) !important;
    color: #FFD700 !important;
}

.gp-notification-link a {
    color: #FFD700 !important;
    text-decoration: none !important;
    pointer-events: auto !important;
}

/* STEP 13: Current menu item styling */
#gp-mobile-primary-menu .current-menu-item a,
#gp-mobile-profile-menu .current-menu-item a {
    background: rgba(255, 215, 0, 0.15) !important;
    color: #FFA500 !important;
    border-left: 4px solid #FFD700 !important;
}

/* STEP 14: Emergency override for any remaining blocking elements */
body.gp-mobile-nav-open * {
    pointer-events: auto !important;
}

/* Battle page specific mobile nav styling */
.single-battle #gp-mobile-primary-nav,
.single-battle #gp-mobile-profile-nav {
    border-right: 3px solid #CC0000 !important;
}

.single-battle .gp-profile-tab,
.single-battle .gp-notifications-tab {
    border-bottom: 2px solid rgba(204, 0, 0, 0.3) !important;
}

/* Touch device optimizations */
@media (pointer: coarse) {
    #gp-mobile-primary-menu li a,
    #gp-mobile-profile-menu li a {
        min-height: 44px !important;
        line-height: 44px !important;
        padding: 0 20px !important;
        touch-action: manipulation !important;
    }
}

/* Responsive adjustments */
@media (max-width: 480px) {
    #gp-mobile-primary-menu li a,
    #gp-mobile-profile-menu li a {
        padding: 12px 15px !important;
        font-size: 15px !important;
    }
    
    #gp-close-mobile-nav-button {
        top: 15px !important;
        right: 15px !important;
        width: 35px !important;
        height: 35px !important;
        line-height: 31px !important;
        font-size: 18px !important;
    }
}
/* remove nested border and blackground from home page buddypress div's */
body.home:not(.single-battle):not(.page-id-100000074):not([class*="new-battle"]):not([class*="my-battles"]) #buddypress:not(#buddypress *) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
/* Style for no-border class */
.entry-header.no-border {
    border-bottom: none;
    padding-bottom: 0;
}

.content-area.full-width {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
} 

/* Remove yellow border from content wrapper on mobile */
@media (max-width: 768px) {
    .home .gp-bp-activity-element:not(.gp-bp-activity-element *),
    .home .wpb_column > .vc_column-inner > .wpb_wrapper:not(.wpb_wrapper .wpb_wrapper),
    .home .widget:not(.widget .widget):not(.wpb_wrapper .widget),
    .home .vc_row,
    .home .wpb_row,
    .home .vc_inner {
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }
    
    /* Also remove from the outer row wrapper if that's the culprit */
    .home .vc_row-fluid,
    .home .wpb_wrapper {
        border: none !important;
    }
}

/* Activity text - yellow for visibility on silver background */
.activity-inner,
.activity-inner p,
.activity-inner a {
    color: #FFD700 !important;
}