/* ========================================================================
   Sportsportal Global Custom Styles
   ======================================================================== */

/* -------------------------------------------------------------------------
 * Button Centering & Alignment
 * Fixes vertical & horizontal centering for buttons (.uk-button) across all browsers.
 * - display: inline-flex with align-items/justify-content centers text and icons dead-center.
 * - text-indent: 1.8px compensates for the font letter-spacing: 1.8px (Raleway).
 * ------------------------------------------------------------------------- */
.uk-button:not(.uk-button-text):not(.uk-button-link) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-indent: 1.8px;
    vertical-align: middle;
    line-height: 1.2 !important;
    box-sizing: border-box;
}

/* Standard Button (Höhe ca. 38px) */
.uk-button:not(.uk-button-small):not(.uk-button-large):not(.uk-button-text):not(.uk-button-link) {
    min-height: 38px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Große Buttons (.uk-button-large wie #paybutton, Höhe ca. 52px) */
.uk-button-large {
    min-height: 52px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Kleine Buttons (.uk-button-small, Höhe ca. 28px) */
.uk-button-small {
    min-height: 28px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Inputs mit .uk-button Klasse (z. B. input[type="submit"]) */
input.uk-button {
    display: inline-block !important;
    text-align: center !important;
    text-indent: 1.8px !important;
}
input.uk-button:not(.uk-button-small):not(.uk-button-large) {
    line-height: 38px !important;
    height: 38px !important;
}
input.uk-button-large {
    line-height: 52px !important;
    height: 52px !important;
}
input.uk-button-small {
    line-height: 28px !important;
    height: 28px !important;
}

/* Icons und SVGs innerhalb von Buttons vertikal exakt mittig ausrichten */
.uk-button > [uk-icon],
.uk-button > span[uk-icon],
.uk-button > svg,
.uk-button > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex-shrink: 0;
}

/* Harmonisierter Abstand zwischen Icon und Text im Button */
.uk-button > [uk-icon]:first-child:not(:last-child),
.uk-button > span[uk-icon]:first-child:not(:last-child),
.uk-button > svg:first-child:not(:last-child) {
    margin-right: 8px !important;
}

.uk-button > [uk-icon]:last-child:not(:first-child),
.uk-button > span[uk-icon]:last-child:not(:first-child),
.uk-button > svg:last-child:not(:first-child) {
    margin-left: 8px !important;
}