/*
 * Deliber TAXISnet Auth — minimal button styling.
 *
 * Reuses the host theme's GOV.GR design-system CSS custom properties
 * (--dl-primary, --dl-secondary, etc.) when present, falling back to the
 * same literal values so the plugin still looks right on other themes.
 */

.dl-taxisnet-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.75em 1.5em;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    background: var(--dl-primary, #003375);
    color: #fff;
    border: 2px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.dl-taxisnet-btn:hover,
.dl-taxisnet-btn:focus-visible {
    background: var(--dl-tertiary, #0065b3);
    color: #fff;
}

.dl-taxisnet-btn--pa {
    background: var(--dl-secondary, #00b0f0);
    color: var(--dl-primary, #003375);
}

.dl-taxisnet-btn--pa:hover,
.dl-taxisnet-btn--pa:focus-visible {
    background: var(--dl-tertiary, #0065b3);
    color: #fff;
}

.dl-taxisnet-btn--logout {
    background: transparent;
    color: var(--dl-error, #b60202);
    border-color: currentColor;
}

.dl-taxisnet-btn--logout:hover,
.dl-taxisnet-btn--logout:focus-visible {
    background: var(--dl-error, #b60202);
    color: #fff;
}

.dl-taxisnet-note {
    font-size: 0.95em;
    color: var(--dl-info, #0064cc);
    margin: 0;
}

.dl-taxisnet-account {
    display: flex;
    flex-direction: column;
    gap: 0.1em;
    font-size: 0.95em;
}

.dl-taxisnet-account__name {
    font-weight: 600;
}

.dl-taxisnet-account__afm {
    color: var(--dl-info, #0064cc);
    font-variant-numeric: tabular-nums;
}