/* === ISOLATED STYLING FOR EVENTS TAB === */
.events-tab {
    font-family: 'Trebuchet MS', sans-serif;
    color: #d9d9d9;
    padding: 20px;
}

.events-tab .events-container {
    max-width: 700px;
    margin: 0 auto;
}

.events-tab .event-card {
    background: linear-gradient(145deg, #2a140a, #3c1d0d);
    border: 1px solid #b48a3b;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 0 8px rgba(200,162,75,0.15);
}

.events-tab .event-card:hover {
    box-shadow: 0 0 12px rgba(255,215,100,0.25);
}

/* Tytuł wydarzenia */
.events-tab .event-title {
    color: #f2cb73;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    position: relative;
}

.events-tab .event-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #c8a24b;
    margin: 6px auto 12px auto;
    border-radius: 2px;
}

/* Countdown */
.countdown {
    text-align: center;
    margin: 5px 0 15px 0;
    color: red; 
}

/* Tekst aktywnego eventu */
.active-text {
    color: #00ff00 !important;
}

/* Sekcje */
.events-tab .event-section {
    margin-bottom: 10px;
    line-height: 1.4;
}

.events-tab .event-label {
    color: #c8a24b;
    font-weight: bold;
}

/* Skrzynka z nagrodami */
.events-tab .event-reward-box {
    border: 1px solid #c8a24b;
    background-color: rgba(30, 15, 5, 0.6);
    border-radius: 6px;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #ffd65c;
    box-shadow: inset 0 0 8px rgba(200,162,75,0.15);
}

.events-tab .reward-items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.events-tab .reward-item {
    background: rgba(25, 12, 4, 0.6);
    border: 1px solid #c8a24b;
    border-radius: 6px;
    padding: 8px;
    width: 80px;
    text-align: center;
}

.events-tab .reward-item:hover {
    box-shadow: 0 0 8px rgba(255,215,100,0.25);
}

.events-tab .reward-item img {
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
}

.events-tab .reward-item small {
    display: block;
    color: #ffd65c;
}