:root {
    /* Basis-Farben für die Toolbar */
    --bh-toolbar-background: #50657A;
    --bh-toolbar-color: #ffffff;
    --bh-toolbar-border: #415265;

    /* Standardfarben für verschiedene Button-Typen */
    --bh-color-success: #28a745;
    --bh-color-success-hover: #218838;
    --bh-color-warning: #ffc107;
    --bh-color-warning-hover: #e0a800;
    --bh-color-danger: #dc3545;
    --bh-color-danger-hover: #c82333;
    --bh-color-information: #17a2b8;
    --bh-color-information-hover: #138496;
    --bh-color-text-light: #ffffff;
    --bh-color-text-dark: #1d2327;
}

/* Haupt-Toolbar-Container */
.bh-plugin-toolbar {
    background-color: var(--bh-toolbar-background);
    border-bottom: 1px solid var(--bh-toolbar-border);
    padding: 0 15px;
    position: sticky;
    top: 0;
    z-index: 998;
    height: 42px;
    max-height: 42px;
    display: flex;
    align-items: center;
}


/* =================================================================== */
/* Toolbar-Inhalt (Buttons, Filter)                                   */
/* =================================================================== */

.bh-plugin-toolbar-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
}

/* =================================================================== */
/* KORREKTUR: Zusätzliche Regel für den inneren Wrapper                */
/* =================================================================== */
.toolbar-inner-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toolbar-item-wrapper {
    display: flex;
}

.bh-plugin-toolbar .button,
.bh-plugin-toolbar .toolbar-filter {
    height: 30px;
    box-sizing: border-box;
}

.bh-plugin-toolbar .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.bh-plugin-toolbar .toolbar-filter {
    border: 1px solid #8c8f94;
    border-radius: 3px;
    background-color: #fff;
    color: var(--bh-color-text-dark);
}

/* Spezifische Button-Farben */
.bh-plugin-toolbar .button-success {
    background-color: var(--bh-color-success);
    border-color: var(--bh-color-success);
    color: var(--bh-color-text-light);
}
.bh-plugin-toolbar .button-success:hover {
    background-color: var(--bh-color-success-hover);
    border-color: var(--bh-color-success-hover);
}

.bh-plugin-toolbar .button-warning {
    background-color: var(--bh-color-warning);
    border-color: var(--bh-color-warning);
    color: var(--bh-color-text-dark);
}
.bh-plugin-toolbar .button-warning:hover {
    background-color: var(--bh-color-warning-hover);
    border-color: var(--bh-color-warning-hover);
}

.bh-plugin-toolbar .button-danger {
    background-color: var(--bh-color-danger);
    border-color: var(--bh-color-danger);
    color: var(--bh-color-text-light);
}
.bh-plugin-toolbar .button-danger:hover {
    background-color: var(--bh-color-danger-hover);
    border-color: var(--bh-color-danger-hover);
}

.bh-plugin-toolbar .button-information {
    background-color: var(--bh-color-information);
    border-color: var(--bh-color-information);
    color: var(--bh-color-text-light);
}
.bh-plugin-toolbar .button-information:hover {
    background-color: var(--bh-color-information-hover);
    border-color: var(--bh-color-information-hover);
}

/* Deaktivierter (Disabled) Button-Zustand */
.bh-plugin-toolbar .button:disabled,
.bh-plugin-toolbar .button[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
    pointer-events: none;
}

/* =================================================================== */
/* Card Layout & Mini-Toolbar Styling                                  */
/* =================================================================== */

.offer-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Nach oben ausrichten */
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
}

.offer-card-header-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin: 0;
}

.offer-card-header-toolbar {
    display: flex;
    align-items: center;
}

.mini-toolbar {
    display: flex;
    gap: 5px;
}

.mini-toolbar .button {
    height: 32px;
    width: 32px;
    padding: 0;
    font-size: 0;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mini-toolbar .button .icon-inline svg {
    margin: 0;
}

.mini-toolbar .button.button-warning {
    color: var(--bh-color-warning);
}
.mini-toolbar .button.button-warning:hover {
    background-color: var(--bh-color-warning);
    color: var(--bh-color-text-dark);
}

.mini-toolbar .button.button-danger {
    color: var(--bh-color-danger);
}
.mini-toolbar .button.button-danger:hover {
    background-color: var(--bh-color-danger);
    color: var(--bh-color-text-light);
}

/* =================================================================== */
/* Responsive Anpassungen                                             */
/* =================================================================== */

@media (max-width: 768px) {
    .bh-plugin-toolbar {
        max-height: none;
        height: auto;
        padding: 10px;
    }

    .bh-plugin-toolbar-inner {
        flex-direction: column;
        align-items: stretch;
    }

    .bh-plugin-toolbar .button,
    .bh-plugin-toolbar .toolbar-filter {
        width: 100%;
        justify-content: center;
        height: 38px;
    }
}