/**
 * AI Pamagator Frontend Styles
 *
 * Стилі для візуального оформлення елементів,
 * згенерованих AI Редактором (шорткоди, блоки тощо).
 */

/* --- Базовий стиль для всіх акцентних блоків --- */
.aip-accent-block {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    border-radius: 8px;
    border-left: 5px solid;
    background-color: #f9f9f9;
}

.aip-accent-block p:last-child {
    margin-bottom: 0;
}

.aip-accent-block strong {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

/* --- Стиль для блоку "Порада експерта" (синій/зелений) --- */
.aip-tip-block {
    border-color: #0073aa; /* Синій колір WordPress */
    background-color: #f0f8ff; /* Світло-синій */
}

.aip-tip-block strong {
    color: #0073aa;
}

/* --- Стиль для блоку "Важливо знати" (жовтий/помаранчевий) --- */
.aip-warning-block {
    border-color: #ffb900; /* Жовтий колір WordPress */
    background-color: #fff8e1; /* Світло-жовтий */
}

.aip-warning-block strong {
    color: #d59600;
}

/* --- Стиль для блоку "Цікавий факт" (фіолетовий) --- */
.aip-fact-block {
    border-color: #826eb4; /* Фіолетовий колір WordPress */
    background-color: #f7f5fa; /* Світло-фіолетовий */
}

.aip-fact-block strong {
    color: #826eb4;
}