/* =========================================================
   ELASTIC ALAPÚ TÉMÁK (FontAwesome ikon a bal sávban)
   ========================================================= */
#taskmenu a.button-desktop::before {
    content: "\f108";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
    font-weight: 900;
}

#taskmenu a.button-mobile::before {
    content: "\f3cd";
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
    font-weight: 900;
}

/* =========================================================
   LARRY TÉMA (Beágyazott SVG ikon a felső menüsávban)
   ========================================================= */
#taskbar a.skin-switch-btn {
    padding-left: 26px;
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 16px 16px;
}

#taskbar a.button-mobile {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' viewBox='0 0 24 24' fill='%23cccccc'><path d='M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z'/></svg>");
}

#taskbar a.button-desktop {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://w3.org' viewBox='0 0 24 24' fill='%23cccccc'><path d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v2H8v2h8v-2h-2v-2h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/></svg>");
}

/* =========================================================
   ELASTIC & ELASTIC 2022 MOBIL NÉZET: Teljes e-mail-cím
   ========================================================= */
@media screen and (max-width: 768px) {
    /* 1. A címzetteket tartó lista engedje a több sorba törést */
    ul.recipient-input,
    .recipient-input {
        flex-wrap: wrap !important;
        height: auto !important;
        max-height: none !important;
    }

    /* 2. Maga a kiválasztott címzett buborék ne korlátozza a szélességet */
    ul.recipient-input li.recipient,
    .recipient-input li.recipient,
    li.recipient {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
        flex-wrap: wrap !important;
        padding: 4px 8px !important;
    }

    /* 3. Minden belső szöveges elem (név, e-mail, span, a) törjön sorba */
    ul.recipient-input li.recipient *,
    .recipient-input li.recipient *,
    li.recipient span,
    li.recipient a {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-all !important;
        overflow-wrap: anywhere !important;
        overflow: visible !important;
        text-overflow: clip !important;
        display: inline !important;
    }

    /* 4. A törlés (X) gomb maradjon a buborék szélén */
    li.recipient a.remove,
    li.recipient .remove {
        display: inline-block !important;
        margin-left: 6px !important;
    }

    /* 5. Az automatikus kiegészítő (legördülő) listában is törjön sorba a cím */
    .ui-autocomplete .ui-menu-item a,
    #rcmKSearchpane ul li a {
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.3 !important;
    }
}