/* Tlačítka — jednotný vzhled pro celou aplikaci.

   Tlačítko má plochu, ne jen rámeček, a jsou dvě barvy:
     - světle modrá pro všechno obyčejné (uložit, odeslat, založit, stáhnout),
     - červená pro všechno, co něco maže nebo ruší (smazat, odebrat, zrušit).

   Soubor se načítá poslední (base.html.twig), na každé šířce. Starší pravidla
   v style.css a mobile.css dávala tlačítkům šedou plochu nebo jen rámeček,
   pokaždé trochu jinak; tady se to sjednocuje a `!important` jen zajišťuje,
   že to přebije zbytek, dokud se ta stará pravidla nevyčistí.

   Červená se pozná sama, nemusí se nic označovat:
     - třída `.danger` nebo `.bigAction-danger`,
     - `value="DELETE…"` u odesílacího tlačítka (DELETE, DELETE_TERM, …),
     - potvrzení, jehož tlačítko začíná na Smazat / Odebrat / Zrušit
       (`data-confirm-ok`).

   Mimo jsou ikonová tlačítka (kopírování, kulatá akce), záložky a „Zrušit"
   v potvrzovacím okně — to je vedlejší volba, ne tlačítko akce. */

:root {
    --btn:            #5aa7e0;
    --btn-hover:      #7bbaf0;
    --btn-active:     #4a94cc;
    --btn-border:     #8cc4f2;
    --btn-fg:         #0a2540;
    --btn-danger:        #c0392b;
    --btn-danger-hover:  #d9483a;
    --btn-danger-active: #a33024;
    --btn-danger-border: #e0736a;
    --btn-danger-fg:     #ffffff;
}

:is(button, input[type="submit"], input[type="button"], .bigAction, .pillAction, .cardAction, a.button, button.button):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton) {
    color: var(--btn-fg) !important;
    background: var(--btn) !important;
    border: 1px solid var(--btn-border) !important;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}
:is(button, input[type="submit"], input[type="button"], .bigAction, .pillAction, .cardAction, a.button, button.button):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton):hover {
    background: var(--btn-hover) !important;
}
:is(button, input[type="submit"], input[type="button"], .bigAction, .pillAction, .cardAction, a.button, button.button):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton):active {
    background: var(--btn-active) !important;
}
:is(button, input[type="submit"], input[type="button"]):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton):disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Červená: něco maže nebo ruší. */
:is(button, input[type="submit"], .bigAction, .pillAction, .cardAction, a.button):is(.danger, .bigAction-danger, [value^="DELETE"], [data-confirm-ok^="Smazat"], [data-confirm-ok^="Odebrat"], [data-confirm-ok^="Zrušit"]):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton),
.confirmOk.danger {
    color: var(--btn-danger-fg) !important;
    background: var(--btn-danger) !important;
    border-color: var(--btn-danger-border) !important;
}
:is(button, input[type="submit"], .bigAction, .pillAction, .cardAction, a.button):is(.danger, .bigAction-danger, [value^="DELETE"], [data-confirm-ok^="Smazat"], [data-confirm-ok^="Odebrat"], [data-confirm-ok^="Zrušit"]):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton):hover,
.confirmOk.danger:hover {
    background: var(--btn-danger-hover) !important;
}
:is(button, input[type="submit"], .bigAction, .pillAction, .cardAction, a.button):is(.danger, .bigAction-danger, [value^="DELETE"], [data-confirm-ok^="Smazat"], [data-confirm-ok^="Odebrat"], [data-confirm-ok^="Zrušit"]):not(.copyButton, .roundAction, .confirmCancel, .tabBarLink, .tabBarAction *, .iconAction, .linkButton):active,
.confirmOk.danger:active {
    background: var(--btn-danger-active) !important;
}

/* Zelená: potvrdí platbu. Šedá: schová pohyb bez rozhodnutí (Odložit). */
button.btnGreen.btnGreen { background: #2e8b57 !important; border-color: #46a56f !important; color: #fff !important; }
button.btnGreen.btnGreen:hover { background: #369f64 !important; }
button.btnGreen.btnGreen:active { background: #257247 !important; }
button.btnGrey.btnGrey { background: #6b7079 !important; border-color: #868b95 !important; color: #fff !important; }
button.btnGrey.btnGrey:hover { background: #7a808a !important; }
button.btnGrey.btnGrey:active { background: #575b63 !important; }