/* Базовый контейнер */
.wp-block-mix-of-callout.mix-callout-block {
    background-color: var(--mix-callout-bg, #fbfbc5);
    color: var(--mix-callout-text, #381400);
    border-left: 4px solid var(--mix-callout-border, #664735);
    padding: 20px 25px;
    border-radius: 12px; /* Скругление как в блоке песни */
    margin: 20px 0;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.wp-block-mix-of-callout.has-shadow {
    box-shadow: 0 4px 12px rgba(56, 20, 0, 0.1);
}

.wp-block-mix-of-callout.has-shadow:hover {
    box-shadow: 0 8px 24px rgba(56, 20, 0, 0.15);
    transform: translateY(-2px);
}

/* Шапка с иконкой и заголовком */
.wp-block-mix-of-callout .mix-callout__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

/* Жесткая защита заголовка от стилей темы */
.wp-block-mix-of-callout .mix-callout__title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.3em !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important; /* Убираем тени, если они есть в теме */
}

.wp-block-mix-of-callout .mix-callout__title.align-center {
    text-align: center;
    width: 100%;
}

/* Иконка */
.wp-block-mix-of-callout .mix-callout__icon {
    color: var(--mix-callout-icon, #ff8a00);
    font-size: 1.5em; /* Средний размер */
    line-height: 1;
    flex-shrink: 0;
}

.wp-block-mix-of-callout .mix-callout__icon.size-small { font-size: 1.1em; }
.wp-block-mix-of-callout .mix-callout__icon.size-large { font-size: 2em; }

/* Контент (InnerBlocks) */
.wp-block-mix-of-callout .mix-callout__content {
    font-size: 1em;
    line-height: 1.6;
    color: inherit;
}

/* Сброс отступов для вложенных блоков */
.wp-block-mix-of-callout .mix-callout__content > *:first-child { margin-top: 0; }
.wp-block-mix-of-callout .mix-callout__content > *:last-child { margin-bottom: 0; }

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .wp-block-mix-of-callout.mix-callout-block {
        padding: 15px 20px;
        border-radius: 8px;
    }
    .wp-block-mix-of-callout .mix-callout__title {
        font-size: 1.1em !important;
    }
}