/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/style.css ***!
  \*******************************************************************************************************************************************************************/


/* Базовые общие стили для всех инфо-блоков */
.gp-info-box  {
    padding: 16px 20px;
    border-left: 4px solid #333;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: flex-start;  
    gap: 14px; 
}

@media (max-width:700px) {
.gp-info-box  {
    padding: 16px 10px;
    }
}

/* Стилизация контента внутри */
.gp-info-box p, .gp-info-box__content {
    margin: 0;
    font-size: 1em;
}
/* 🔹 СИНИЙ БЛОК (Нормальный) */
.gp-info-box--blue {
    background-color: #f0f7ff;
    border-color: #0073aa;
    color: #004466;
}
html[data-theme="dark"] .gp-info-box--blue {
   background-color: rgb(104 168 248 / 18%);
    color: var(--white)
}
/* 🔸 ЗЕЛЕНЫЙ БЛОК (Хороший) */
.gp-info-box--green {
    background-color: #f2f9f2;
    border-color: #46b450;
    color: #256029;
}
html[data-theme="dark"] .gp-info-box--green {
    background-color: rgb(85 255 85 / 15%);
    color: var(--white);
}
/* ⚡ ЖЕЛТЫЙ БЛОК (Внимание) */
.gp-info-box--yellow {
    background-color: #fffdf0;
    border-color: #ffb900;
    color: #664d00;
}
html[data-theme="dark"] .gp-info-box--yellow {
    background-color: rgb(255 233 123 / 19%);
    color: var(--white);
}
/* 🛑 КРАСНЫЙ БЛОК (Опасно) */
.gp-info-box--red {
    background-color: #fdf2f2;
    border-color: #dc3232;
    color: #661717;
}
html[data-theme="dark"] .gp-info-box--red {
    background-color: rgb(247 68 68 / 14%);
      color: var(--white);
}
/* Небольшой фикс для удобства ввода текста внутри Гутенберга */
.gp-info-box-editor .gp-info-box__content:focus {
    outline: none;
}
.gp-info-box__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 2px; /* Легкое смещение вниз для идеального выравнивания по строке */
}
.gp-info-box__svg {
    width: 22px;
    height: 22px;
    display: block;
}
/* Контент занимает всю оставшуюся ширину */
.gp-info-box__content {
    flex-grow: 1;
}
/* Цвет иконок подстраивается под цвет текста конкретного блока автоматически */
.gp-info-box--blue .gp-info-box__icon { color: #0073aa; }
.gp-info-box--green .gp-info-box__icon { color: #46b450; }
.gp-info-box--yellow .gp-info-box__icon { color: #ffb900; }
.gp-info-box--red .gp-info-box__icon { color: #dc3232; }
/* Прошлые стили цветов для фонов остаются прежними */
.gp-info-box--blue { background-color: #f0f7ff; color: #004466; }
.gp-info-box--green { background-color: #f2f9f2; color: #256029; }
.gp-info-box--yellow { background-color: #fffdf0; color: #664d00; }
.gp-info-box--red { background-color: #fdf2f2; color: #661717; }
.gp-info-box-editor .gp-info-box__content:focus {
    outline: none;
} 



/*# sourceMappingURL=style-index.css.map*/