/* header_buttons — дополнительные кнопки в шапке */

.header_actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.header_actions .header_buttons {
    display: contents;
}

.header_buttons {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.header_menu a.header_buttons_item,
.header_buttons_item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box;
    padding: 14px 28px;
    border-style: solid;
    border-width: var(--hb-border-width, 0);
    border-color: var(--hb-border-color, transparent);
    border-radius: var(--hb-radius, 999px);
    background-color: var(--hb-bg, var(--button-bg-color));
    color: var(--hb-color, var(--button-text-color)) !important;
    font-family: var(--site-font-family);
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.header_menu a.header_buttons_item:hover,
.header_buttons_item:hover {
    background-color: var(--hb-hover-bg, var(--button-hover-bg-color, var(--hb-bg, var(--button-bg-color))));
    color: var(--hb-hover-color, var(--button-hover-text-color, var(--hb-color, var(--button-text-color)))) !important;
    border-color: var(--hb-hover-border-color, var(--hb-border-color, transparent));
    text-decoration: none;
}

.header_buttons_mobile {
    display: none;
    width: 100%;
    flex-direction: column;
    gap: 10px;
}

.header_buttons_mobile .header_buttons_item {
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .header_actions {
        display: none !important;
    }

    .header_buttons_mobile {
        display: flex;
    }
}