/*
 * Plik: style.css
 * Lokalizacja: /css/
 */
body { 
    font-family: 'Arial', sans-serif; 
    margin: 0; 
    padding: 0; 
    background-color: #f4f4f9; 
    color: #333; 
    line-height: 1.6; 
}

/* --- Główny Układ (Flexbox) - Ustawia elementy obok siebie --- */
.main-layout {
    display: flex; 
    max-width: 1300px; 
    margin: 40px auto; 
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* --- Panel Boczny (Lewy) --- */
#sidebar-tools {
    width: 300px;
    padding: 20px;
    background-color: #ecf0f1;
    border-right: 1px solid #bdc3c7;
    border-radius: 8px 0 0 8px;
    box-sizing: border-box;
}

#sidebar-tools h1 {
    font-size: 1.5em;
    border-bottom: 2px solid #bdc3c7;
    padding-bottom: 10px;
    margin-top: 0;
}

#sidebar-tools h2 {
    color: #2c3e50;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

/* --- Obszar Mapy (Prawy) --- */
#map-area {
    flex-grow: 1; 
    padding: 20px;
    text-align: center;
    min-width: 990px; 
    position: relative; /* Wymagane do pozycjonowania licznika */
}

#map-area h1 {
    font-size: 1.5em;
    border-bottom: 2px solid #bdc3c7;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* --- Style Portfela i Komunikatów --- */
.wallet-info {
    font-size: 1.2em;
    font-weight: bold;
    color: #27ae60;
    padding: 10px;
    border: 1px solid #2ecc71;
    border-radius: 5px;
    margin-bottom: 10px; /* Zmniejszony margines */
    background-color: #d4edda;
}

.message-status {
    font-weight: bold;
    color: #34495e;
    min-height: 30px; 
}

/* --- Style Narzędzi i Przycisków --- */
.tool-btn {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
    background-color: #2980b9; 
    color: white; 
    border: none; 
    border-radius: 5px; 
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s;
}

.tool-btn:hover {
    background-color: #1e649a;
}

.active-tool {
    background-color: #e74c3c !important; 
}

.tool-info {
    font-size: 0.9em;
    color: #7f8c8d;
    margin-bottom: 15px;
}

/* Styl dla kontenera mapy (Canvas) */
#game-map {
    display: block; 
    margin: 0 auto; 
    border: 5px solid #27ae60; 
    background-color: #ecf0f1; 
}