/**
 * Title Badges - Стилі бейджів
 *
 * Мінімальні стилі, які адаптуються до теми.
 * Тема може перевизначити ці стилі через CSS-змінні або специфічні селектори.
 *
 * @package TitleBadge
 * @since 2.0.0
 */

/* Базовий стиль бейджа */
.badge-status {
    display: inline-block;
    font-size: 0.75em; /* Відносний розмір - адаптується до теми */
    line-height: 1.4;
    padding: 0.2em 0.5em;
    margin: 0 0.3em;
    border-radius: 0.25em;
    vertical-align: middle;
    white-space: nowrap;
    
    /* Використовуємо CSS-змінні теми, якщо вони є */
    color: var(--badge-text-color, #ffffff);
    background-color: var(--badge-bg-color, #dc2626);
}

/* Позиція бейджа відносно заголовку */
.badge-position-before {
    margin-right: 0.5em;
    margin-left: 0;
}

.badge-position-after {
    margin-left: 0.5em;
    margin-right: 0;
}

/* Адаптація для різних контекстів теми */
h1 .badge-status,
h2 .badge-status,
h3 .badge-status,
h4 .badge-status,
h5 .badge-status,
h6 .badge-status {
    font-size: 0.6em;
    vertical-align: baseline;
}

/* Адаптація для віджетів */
.widget .badge-status {
    font-size: 0.7em;
    padding: 0.15em 0.4em;
}

/* Адаптація для мобільних пристроїв */
@media (max-width: 768px) {
    .badge-status {
        font-size: 0.7em;
        padding: 0.15em 0.4em;
    }
}