/*#wpadminbar { overflow: hidden; }*/

.alternative-admin-bar {
    position: fixed;
    left: 100%;
    top: 100%;
    right: auto;
    bottom: auto;


    
    background-color: #23282d;
    z-index: 99999999;
    border-radius: 4px 0 0 0;
    
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.alternative-admin-bar:hover { left: auto; top: auto; bottom: 0; right: 0; }
/*.alternative-admin-bar::before { display: block; content: 'admin bar'; background-color: #23282d; position: fixed; bottom: 0; right: 0; color: #eeeeee/*white* /; padding: 2px 4px; /*font-size: 8px;* / border-radius: 4px 0 0 0; }*/

.alternative-admin-bar::before {
    /* Ваша база */
    color: #f0f0f1;
    box-sizing: content-box;
    display: block;
    content: ""; /* Убрали текст 'admin bar', теперь здесь иконка */
    background-color: #23282d;
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 4px 0 0 0;
    
    /* Размеры для иконки и внутренние отступы */
    width: 16px;
    height: 16px;
    padding: 6px; /* аккуратный отступ вокруг шестерёнки */

    /* Вставляем SVG шестерёнку белого цвета (%23eeeeee — это код цвета #eeeeee) */
    /*background-image: url(../images/adminbar-icon-gear.svg);*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23f0f0f1'%3E%3Cpath d='M24 13.616v-3.232c-1.651-.587-2.694-.752-3.219-2.019v-.001c-.527-1.271.1-2.134.847-3.707l-2.285-2.285c-1.561.742-2.433 1.375-3.707.847h-.001c-1.269-.526-1.435-1.576-2.019-3.219h-3.232c-.582 1.635-.749 2.692-2.019 3.219h-.001c-1.271.528-2.132-.098-3.707-.847l-2.285 2.285c.745 1.568 1.375 2.434.847 3.707-.527 1.271-1.584 1.438-3.219 2.02v3.232c1.632.58 2.692.749 3.219 2.019.53 1.282-.114 2.166-.847 3.707l2.285 2.286c1.562-.743 2.434-1.375 3.707-.847h.001c1.27.526 1.436 1.579 2.019 3.219h3.232c.582-1.636.75-2.69 2.027-3.222h.001c1.262-.524 2.12.101 3.698.851l2.285-2.286c-.744-1.563-1.375-2.433-.848-3.706.527-1.271 1.588-1.44 3.221-2.021zm-12 2.384c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px; /* задает точный размер самой шестерёнке */
}


.alternative-admin-bar:hover::before { display: none; }
.alternative-admin-bar > .button { display: inline-block; padding: 0 10px; color: #eee; font-size: 13px; font-weight: 400; line-height: 32px; text-decoration: none; }
.alternative-admin-bar > .button:hover { background: #32373c; color: #00b9eb; text-decoration: underline; border-radius: 4px 0 0 0; }

#show-adminbar { cursor: pointer; }


.live-mode { position: fixed; bottom: 0; left: 0; background-color: #23282d; color: #eeeeee; padding: 2px 4px; font-size: 8px;  text-decoration: none; z-index: 99999999; border-radius: 0 4px 0 0; }
.live-mode:hover { padding: 0 10px; font-size: 13px; line-height: 32px; }