/**
 * ============================================================================
 * 1. FLUIDA THEME ALIGNMENT & SPACING OVERRIDES
 * ============================================================================
 */

/* 1. Neutralize the theme's main wrapper top spacing */
#main.main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 2. Stitch the Form, Header, and Grid together (Kill margins, use padding instead) */
.gwl-bug-report-section,
.gwl-bounty-header,
.gwl-vault-header {
    margin-top: 0 !important; 
    margin-bottom: 0 !important; 
    padding-top: 30px;           /* <--- Drops the content down from the ceiling */
    padding-bottom: 30px;        
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

/* 3. Kill the inline top margin on the single game page */
.gwl-single-vault-container {
    margin-top: 0 !important; 
}

/* 4. Apply full-box breathing room to the grid so cards don't hit ANY walls */
.gwl-vault-grid {
    padding-top: 20px;    
    padding-bottom: 50px; 
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

/* 5. Keep the mobile view tight so we don't waste screen space */
@media (max-width: 768px) {
    .gwl-bug-report-section,
    .gwl-bounty-header,
    .gwl-vault-header,
    .gwl-vault-grid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/**
 * ============================================================================
 * 2. INTERACTIVE UI ELEMENTS
 * ============================================================================
 */

/* 1. The Normal State of the Balance Box */
a.gwl-token-display {
    display: block; 
    text-decoration: none; 
    background: rgba(152, 203, 0, 0.1) !important; 
    border: 1px solid #98cb00 !important; 
    padding: 10px 20px; 
    border-radius: 4px; 
    text-align: center; 
    transition: all 0.2s ease-in-out;
}

/* 2. Make the Balance Box glow and lift when hovered */
a.gwl-token-display:hover {
    background: rgba(152, 203, 0, 0.25) !important; /* Slightly brighter green background */
    box-shadow: 0 0 15px rgba(152, 203, 0, 0.6) !important; /* Thick green glow */
    transform: translateY(-2px) !important; /* Lifts it off the page */
    cursor: pointer;
}

/* Wallet Tab: Vault Link Hover Effect */
a.gwl-btn-vault-link:hover {
    background: rgba(221, 153, 51, 0.1) !important;
    box-shadow: 0 0 15px rgba(221, 153, 51, 0.4);
    transform: translateY(-2px);
}