/* ==========================================
   Protected Mail by MediaArt
   ========================================== */

.ma-email {
    display: inline;
}

/* Společný základ tlačítek */

.ma-email .ma-email-btn {
    --ma-mail-bg: #0066cc;
    --ma-mail-text: #ffffff;
    --ma-mail-hover: #0052a3;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    min-height: 40px;
    padding: 10px 18px;

    background: var(--ma-mail-bg);
    color: var(--ma-mail-text);

    border: 1px solid transparent;
    border-radius: 6px;

    font-family: inherit;
    font-size: 0.95em;
    font-weight: 500;
    line-height: 1.4;

    text-align: center;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.ma-email .ma-email-btn:hover,
.ma-email .ma-email-btn:focus-visible {
    background: var(--ma-mail-hover);
    color: var(--ma-mail-text);
}

.ma-email .ma-email-btn:focus-visible {
    outline: 2px solid var(--ma-mail-bg);
    outline-offset: 3px;
}

/* 1. CLASSIC */

.ma-email .ma-email-btn-classic {
    --ma-mail-bg: #e8e8e8;
    --ma-mail-text: #222222;
    --ma-mail-hover: #d4d4d4;

    border: 1px solid #bcbcbc;
    border-radius: 4px;
    font-weight: 500;
}

.ma-email .ma-email-btn-classic:hover {
    border-color: #999999;
}

/* 2. MODERN */

.ma-email .ma-email-btn-modern {
    --ma-mail-bg: #0066cc;
    --ma-mail-text: #ffffff;
    --ma-mail-hover: #0052a3;

    border-radius: 8px;
    font-weight: 600;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.ma-email .ma-email-btn-modern:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.18);
}

.ma-email .ma-email-btn-modern:active {
    transform: translateY(0);
}

/* 3. OUTLINE */

.ma-email .ma-email-btn-outline {
    --ma-mail-bg: #0066cc;
    --ma-mail-text: #0066cc;
    --ma-mail-hover: #0052a3;

    background: transparent;
    color: var(--ma-mail-text);

    border: 2px solid var(--ma-mail-bg);
    border-radius: 6px;
    font-weight: 600;
}

.ma-email .ma-email-btn-outline:hover,
.ma-email .ma-email-btn-outline:focus-visible {
    background: var(--ma-mail-hover);
    color: #ffffff;
    border-color: var(--ma-mail-hover);
}

/* 4. PILL */

.ma-email .ma-email-btn-pill {
    --ma-mail-bg: #007bff;
    --ma-mail-text: #ffffff;
    --ma-mail-hover: #0062cc;

    padding: 11px 24px;
    border-radius: 999px;
    font-weight: 600;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
}

.ma-email .ma-email-btn-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20);
}

/* 5. FLAT */

.ma-email .ma-email-btn-flat {
    --ma-mail-bg: #333333;
    --ma-mail-text: #ffffff;
    --ma-mail-hover: #555555;

    border-radius: 0;
    font-weight: 500;
    box-shadow: none;
}

.ma-email .ma-email-btn-flat:hover {
    transform: none;
    box-shadow: none;
}

/* Textový odkaz */

.ma-email .ma-email-link {
    color: var(--ma-mail-text, inherit);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ma-email .ma-email-link:hover {
    text-decoration: none;
}

/* Zobrazená e-mailová adresa */

.ma-email .ma-email-address {
    text-decoration: underline;
}

/* Přístupnost */

@media (prefers-reduced-motion: reduce) {
    .ma-email .ma-email-btn {
        transition: none;
    }

    .ma-email .ma-email-btn:hover {
        transform: none;
    }
}