/**
 * Styly pro tlačítka
 * Plugin: Pracovní evidence
 */

/* ========================================
   ZÁKLADNÍ STYLY TLAČÍTEK
   ======================================== */

/* Společné styly pro všechna barevná tlačítka */
.pracovni-evidence-tlacitko-zelene,
.pracovni-evidence-tlacitko-modre,
.pracovni-evidence-tlacitko-svetle-modre,
.pracovni-evidence-tlacitko-fialove,
.pracovni-evidence-tlacitko-oranzove,
.pracovni-evidence-tlacitko-sede,
.pracovni-evidence-tlacitko-cerne,
.pracovni-evidence-tlacitko-cervene,
.pracovni-evidence-tlacitko-bilo-modre {
    /* Layout */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    
    /* Spacing */
    padding: 6px 10px;
    
    /* Visual */
    border: none;
    border-radius: 4px;
    
    /* Typography */
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-decoration: none !important;
    color: white !important;
    
    /* Interaction */
    cursor: pointer;
    transition: background-color 0.3s ease;
    
    /* Box model */
    box-sizing: border-box;
    vertical-align: middle;
}

/* ========================================
   BAREVNÉ VARIANTY TLAČÍTEK
   ======================================== */

/* Zelené - potvrzovací akce */
.pracovni-evidence-tlacitko-zelene {
    background: #00ba11;
}
.pracovni-evidence-tlacitko-zelene:hover {
    background: #039c11;
}

/* Modré - primární akce */
.pracovni-evidence-tlacitko-modre {
    background: #00a4ff;
}
.pracovni-evidence-tlacitko-modre:hover {
    background: #0066ff;
}

/* Světle modré - sekundární akce */
.pracovni-evidence-tlacitko-svetle-modre {
    background: #f0f9ff;
    color: #575757 !important;
    border: 1px solid #3ec3ff;
}
.pracovni-evidence-tlacitko-svetle-modre:hover {
    background: #D1F2FF;
    color: #000 !important;
}

/* Fialové - vyúčtování */
.pracovni-evidence-tlacitko-fialove {
    background: #de75ff;
}
.pracovni-evidence-tlacitko-fialove:hover {
    background: #c200ff;
}

/* Oranžové - upozornění */
.pracovni-evidence-tlacitko-oranzove {
    background: #eb8c00;
}
.pracovni-evidence-tlacitko-oranzove:hover {
    background: #c76f01;
}

/* Šedé - neutrální akce */
.pracovni-evidence-tlacitko-sede {
    background: #929292;
}
.pracovni-evidence-tlacitko-sede:hover {
    background: #767676;
}

/* Červené - odmítnutí */
.pracovni-evidence-tlacitko-cervene {
    background: #dc3545;
}
.pracovni-evidence-tlacitko-cervene:hover {
    background: #bd0000;
}

/* Černé - odstranění */
.pracovni-evidence-tlacitko-cerne {
    background: #000;
}
.pracovni-evidence-tlacitko-cerne:hover {
    background: #bd0000;
}

/* Bílo-modré - outline styl */
.pracovni-evidence-tlacitko-bilo-modre {
    background: #ffffff;
    color: #252424 !important;
    border: 1px solid #00a4ff;
    padding: 6px 8px;
}
.pracovni-evidence-tlacitko-bilo-modre:hover {
    background: #00a4ff;
    color: #fff !important;
}

/* ========================================
   RESPONZIVNÍ DESIGN
   ======================================== */
@media (max-width: 768px) {
    [class*="pracovni-evidence-tlacitko-"] {
        width: auto;
        min-width: 80px;
    }
}