/*  --- Gombok beállításai ---
/* v3
/* by:johnsee
/* last mode: 2026.05.02
/*--------------------------------
/* Módosítások (v2)
/*    veszélyes gomb
/* Módosítások (v3)
/*  táblázat gomb
/*--------------------------------*/

/* Alap gomb stílus minden gombhoz */
button {
    font-family: inherit;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    margin: 5px 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: block;
}

/* Elsődleges gomb */
.primary-button {
    background-color: #2c7a7b; /* Pávakék */
    color: #fff;
    border: none;
}

.primary-button:hover {
    background-color: #1e6f7e; /* Sötétebb árnyalat hover állapotban */
}

.primary-button:active {
    background-color: #155d63; /* Még sötétebb árnyalat kattintáskor */
}

/* Másodlagos gomb */
.secondary-button {
    background-color: #e0f4f4; /* Világos pávakék árnyalat */
    color: #2c7a7b; /* Szöveg az eredeti főszínnel */
    font-size: 14px;
    border: 1px solid #2c7a7b;
}

.secondary-button:hover {
    background-color: #c8eaea; /* Hover állapotban kicsit sötétebb */
}

.secondary-button:active {
    background-color: #b0dede; /* Kattintáskor még sötétebb */
}

/* Letiltott gomb */
button:disabled,
.disabled-button {
    background-color: #ccc;
    color: #666;
    border: none;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Veszélyes gomb (piros árnyalat) */
.danger-button {
    background-color: #e53e3e; /* Piros árnyalat */
    color: #fff;
    border: none;
}

.danger-button:hover {
    background-color: #c53030; /* Sötétebb piros hover */
}

.danger-button:active {
    background-color: #9b2c2c; /* Még sötétebb kattintáskor */
}

/* Táblázat gomb (inline, kompakt) */
.table-button {
    font-size: 13px;
    padding: 4px 8px;
    margin: 0;
    background-color: transparent;
    color: #2c7a7b;
    border: 1px solid #2c7a7b;
    border-radius: 4px;
    display: inline-block;
}

.table-button:hover {
    background-color: #e0f4f4;
}

.table-button:active {
    background-color: #c8eaea;
}