/*
Theme Name: Your Gaming Advice (Final)
Theme URI: https://yourgamingadvice.com
Author: Your Gaming Advice
Description: Modular theme with footer and compact achievements.
Version: 13.0
*/

/* --- GLOBAL STYLES --- */
body {
    background-color: #0f172a; /* Slate 900 */
    color: #e2e8f0; /* Slate 200 */
}

/* --- FOOTER MENU --- */
.footer-menu ul { 
    display: flex; 
    justify-content: center; 
    gap: 1.5rem; 
    flex-wrap: wrap; 
    list-style: none; 
    padding: 0; 
    margin-bottom: 1rem; 
}
.footer-menu a { 
    color: #94a3b8; 
    text-decoration: none; 
    font-size: 0.875rem; 
    transition: color 0.2s; 
}
.footer-menu a:hover { 
    color: #60a5fa; 
}

/* --- COMPACT ACHIEVEMENT BLOCKS --- */
/* This targets the plugin block shown in your screenshot */
.achievement-wrap, 
.gamipress-achievement, 
.yga-achievement-box,
div[class*="achievement"] {
    padding: 1rem !important;       /* Reduce padding (was likely 2rem+) */
    border-radius: 0.5rem !important; 
    background-color: #1e293b !important; /* Match theme Slate-800 */
    border: 1px solid #334155;      /* Subtle border */
    border-left: 4px solid #3b82f6 !important; /* Keep the blue accent */
    margin-bottom: 1rem !important;
    max-width: 600px;               /* Stop it from stretching full width */
}

/* Force the inner layout to be tighter */
.achievement-wrap .achievement-image, 
.gamipress-achievement-image img,
div[class*="achievement"] img {
    width: 50px !important;         /* Smaller Icon */
    height: 50px !important;
    margin-right: 1rem !important;
}

/* Make the title smaller and tighter */
.achievement-wrap .achievement-title,
.gamipress-achievement-title,
div[class*="achievement"] h3 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 0.25rem !important;
    margin-top: 0 !important;
}

/* Make description text smaller */
.achievement-wrap .achievement-description,
.gamipress-achievement-description,
div[class*="achievement"] p {
    font-size: 0.9rem !important;
    color: #94a3b8 !important;      /* Slate 400 */
    margin: 0 !important;
    line-height: 1.4 !important;
}