/*
 * Theme Name: Vikinger - BuddyPress Social Community Child
 * Theme URI: https://odindesignthemes.com/vikinger-theme/
 * Author: Odin Design Themes
 * Author URI: https://themeforest.net/user/odin_design
 * Description: The next generation WordPress+Buddypress social community! We carefully designed this theme for you to have all you need to build an incredible community with full profiles, reactions, groups, badges, quests, ranks, credits and much more to come!
 * Version: 1.0.0
 * License: https://themeforest.net/licenses/
 * License URI: https://themeforest.net/licenses/
 * Text Domain: vikingerchild
 * Template: vikinger
*/


/* 3. DIE QUEST-KARTE (Gleiche Höhe & Design) */
.gamipress-achievement {
    display: flex !important;
    flex-direction: column !important;
	justify-content: space-between !important;
    /* Wichtig für "alle Karten gleiche Höhe" */
    height: 100% !important; 
    border-radius:12px !important;
    padding: 30px !important;
	 gap: 20px !important;
    background-color: #ffffff !important;
border: 5px solid #F8F8FB !important;
    position: relative;
    /* Inhalt zentrieren */
    text-align: center !important;
    justify-content: flex-start !important;
    margin: 0 !important; /* Margin wird über grid-gap gesteuert */
	margin-bottom: 30px !important;
}

/* 4. INHALTS-ZENTRIERUNG INNERHALB DER KARTE */
.gamipress-achievement-image,
.gamipress-achievement-title,
.gamipress-achievement-points,
.gamipress-achievement-excerpt,
.gamipress-achievement-attached {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* Sorgt dafür, dass der Button/Footer immer unten andockt, 
   auch wenn der Text oben unterschiedlich lang ist */
.gamipress-achievement-description {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.gamipress-achievement-excerpt {
    flex-grow: 1 !important; /* Drückt den Button nach unten */
    margin-top: 15px !important;
}

/* 5. GESTALTUNG DER PUNKTE-BOX (Zentriert) */
.gamipress-achievement-points {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: rgba(62, 235, 177, 0.1) !important;
    color: #3eebb1 !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    font-size: 0.85rem !important;
    margin: 15px auto !important;
   border: 2px solid #bc00ff; /* Lila Glow Rahmen */
animation: borderGlow 4s infinite alternate;
    box-shadow: 0 0 20px rgba(188, 0, 255, 0.3); !important;


}
@keyframes borderGlow {
            0% { border-color: #bc00ff; box-shadow: 0 0 15px rgba(188, 0, 255, 0.4); }
            100% { border-color: #00f0ff; box-shadow: 0 0 25px rgba(0, 240, 255, 0.6); }
        }

.gamipress-submissions-toggle-button {display: inline-block;
            background: #23d2e2 !important; /* Button Farbe: Neon Grün */
            color: #fff !important; /* Schwarzer Text für harten Kontrast */
            padding: 15px 40px !important;
            border-radius: 4px;
            font-weight: 800;
            font-family: 'Rajdhani', sans-serif;
            text-decoration: none;
            letter-spacing: 1.5px;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(25, 210, 226, 0.5);
            border: none !important;
        }

       .gamipress-submissions-toggle-button:hover {
            background: #615DFA !important; /* Etwas dunkleres Grün beim Hover */
            box-shadow: 0 0 30px #615DFA;
            transform: scale(1.05);
        }



/* 6. FILTER & SUCHE (OPTIONAL: Falls du die auch stylen willst) */
#gamipress-achievements-filters-wrap {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    color: #fff !important;
}

#achievements_list_filter, 
#gamipress-achievements-search-input {
    background: #fff !important;
    color: #3e3f5e !important;
    border: 1px solid #dedeea !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
}

#gamipress-achievements-filters-wrap {background-color:#fff !important;
padding:20px !important;
border-radius:12px !important;
margin-bottom:30px !important;}

#gamipress-achievements-search-submit {background: #23d2e2 !important; /* Button Farbe: Neon Grün */
            color: #fff !important; /* Schwarzer Text für harten Kontrast */
            padding: 15px !important;
	margin-top: 10px !important;
            border-radius: 4px;
            font-weight: 800;
            font-family: 'Rajdhani', sans-serif;
            text-decoration: none;
            letter-spacing: 1.5px;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(25, 210, 226, 0.5);
            border: none !important;
	    float: right !important;
        }
#gamipress-achievements-search-submit:hover {background: #615DFA !important; /* Etwas dunkleres Grün beim Hover */
            box-shadow: 0 0 30px #615DFA;
	transform: scale(1.05);}

/* Hover Effekt für die ganze Karte */
.gamipress-achievement:hover {
  

}