/**
 * DiplomaCompany Store Shortcodes — Live Chat Button Styles
 * Version: 2.1.0
 *
 * All three classes render as <button type="button"> — no href, no URL in
 * status bar, no # ever appended to the page URL.
 *
 * Usage:
 *   [livechat]                                      → blue #1159AF inline link
 *   [livechat label="live chat"]                    → blue link, custom label
 *   [livechat class="chat-link"]                    → same as default
 *   [livechat class="chat-dark"]                    → honors footer link style
 *   [livechat class="chat-button"]                  → solid filled blue button
 *   [livechat class="chat-button" label="Start Chat"] → button, custom label
 */

/* ── Shared base: strip all button chrome ────────────────────────────────── */
button.chat-link,
button.chat-dark,
button.chat-button {
    appearance        : none;
    -webkit-appearance: none;
    background        : none;
    background-color  : transparent;
    border            : none;
    border-radius     : 0;
    box-shadow        : none;
    padding           : 0;
    margin            : 0;
    font-family       : inherit;
    font-size         : inherit;
    font-weight       : inherit;
    line-height       : inherit;
    cursor            : pointer;
    display           : inline;
    vertical-align    : baseline;
}

/* ── chat-link: blue underlined inline link ──────────────────────────────── */
button.chat-link {
    color           : #1159AF;
    text-decoration : underline;
}

button.chat-link:hover,
button.chat-link:focus {
    color            : #0d4a96;
    text-decoration  : none;
    background-color : transparent;
    box-shadow       : none;
}

/* ── chat-dark: #333 default, blue on hover — for footer use ────────────── */
button.chat-dark {
    color               : #333333;
    text-decoration     : none;
    transition          : all .1s linear;
}

button.chat-dark:hover,
button.chat-dark:focus {
    color            : #1159AF;
    text-decoration  : none;
    background-color : transparent;
    box-shadow       : none;
}

/* ── chat-button: solid filled button for CTAs ───────────────────────────── */
button.chat-button {
    display          : inline-block;
    padding          : 10px 22px;
    background-color : #1159AF;
    color            : #ffffff;
    border           : 2px solid transparent;
    border-radius    : 4px;
    font-weight      : 600;
    line-height      : 1.4;
    text-decoration  : none;
    vertical-align   : middle;
    transition       : background-color 0.2s ease;
}

button.chat-button:hover,
button.chat-button:focus {
    background-color : #0d4a96;
    color            : #ffffff;
    text-decoration  : none;
    box-shadow       : none;
}

button.chat-button:focus-visible {
    outline       : 2px solid #1159AF;
    outline-offset: 3px;
}