/* Ограничаваме височината на скрол контейнера за 3 реда бутони */
.preset-scroll-container {
    scrollbar-width: thin;
}

/* Admin palettes are scoped here; public pages keep their existing styles. */
.cms-admin-theme {
    color: var(--bs-body-color);
    --cms-link-color: var(--bs-link-color);
    --cms-admin-color: var(--bs-body-color);
    --cms-admin-surface: var(--bs-body-bg);
    --cms-admin-muted: var(--bs-secondary-color);
    --cms-admin-border: var(--bs-border-color);
}

.cms-admin-theme[data-bs-theme="dark"] {
    --bs-secondary-color: #c4ccd6;
    --bs-secondary-color-rgb: 196, 204, 214;
}

/* Opaque UI panels keep their contrast even over a photo or a gradient. */
.cms-admin-theme .admin-page-surface {
    padding: 1.25rem;
    border-radius: .75rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.cms-admin-theme .cms-admin-sticky-bar,
.cms-admin-theme .cms-inspector-pane,
.cms-admin-theme .admin-editor-actions {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.cms-admin-theme .cms-admin-sticky-bar {
    border-radius: .5rem;
}

.cms-admin-theme .admin-editor-actions {
    padding: 1rem;
    border-radius: .5rem;
}

.cms-admin-theme .cms-admin-controls {
    color: var(--cms-admin-color);
    background: var(--cms-admin-surface);
    --bs-body-color: var(--cms-admin-color);
    --bs-body-bg: var(--cms-admin-surface);
    --bs-secondary-color: var(--cms-admin-muted);
    --bs-border-color: var(--cms-admin-border);
}

.cms-admin-theme .style-editor-accordion {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

.cms-admin-theme .style-editor-group-button {
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

.cms-admin-theme .style-editor-group-button:hover,
.cms-admin-theme .style-editor-group-button:focus-visible {
    background: var(--bs-secondary-bg);
}

.cms-admin-theme .style-property-label,
.cms-admin-theme .style-editor-select-field label {
    color: var(--bs-body-color);
}

.cms-admin-theme .style-editor-subsection-title,
.cms-admin-theme .style-editor-preset-category {
    color: var(--bs-secondary-color);
}

.cms-admin-theme .style-editor-divider {
    background: var(--bs-border-color);
}

.cms-admin-theme .upload-zone {
    background: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color) !important;
}

.cms-admin-theme .upload-zone:hover {
    background: var(--bs-secondary-bg);
}

/* Outline actions need lighter semantic colors on dark control surfaces. */
.cms-admin-theme[data-bs-theme="dark"] :is(.btn-outline-primary, .btn-outline-success, .btn-outline-danger, .btn-outline-info, .btn-outline-warning, .btn-outline-secondary):not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: var(--bs-body-color);
}

.cms-admin-theme[data-bs-theme="dark"] .btn-outline-danger:not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: #ff9da7;
}

.cms-admin-theme[data-bs-theme="dark"] .btn-outline-success:not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: #8fd5b4;
}

.cms-admin-theme[data-bs-theme="dark"] .btn-outline-primary:not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: #9ec5fe;
}

.cms-admin-theme[data-bs-theme="dark"] .btn-outline-info:not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: var(--bs-info-text-emphasis);
}

.cms-admin-theme[data-bs-theme="dark"] .btn-outline-warning:not(:where(.cms-site-content *, .preview-area *)) {
    --bs-btn-color: var(--bs-warning-text-emphasis);
}