/* для старых градиентов стили под новые блоки */
.wp-block-group.has-border-color {
  margin-block: 1.2em !important;
}

/* Группа: Стильный градиент */
.wp-block-group.has-blush-light-purple-gradient-background {
padding: clamp(18px, 3vw, 28px) !important;
border-radius: 18px !important;
background:
linear-gradient(135deg, rgba(255, 192, 224, 0.82) 0%, rgba(198, 174, 255, 0.82) 48%, rgba(130, 126, 240, 0.88) 100%) !important;
border: 1px solid rgba(255,255,255,0.55) !important;
box-shadow:
0 16px 38px rgba(99, 102, 241, 0.18),
inset 0 1px 0 rgba(255,255,255,0.75) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
margin-block: 1.2em !important;
}

/* =========================================================
Красивые списки ТОЛЬКО для обычных UL
Не затрагиваем Kadence Gallery
========================================================= */

.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) {
list-style: none !important;
padding-left: 0 !important;
margin: 14px 0 !important;
}

/* Только прямые LI обычных списков */
.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) > li {
position: relative !important;
padding-left: 22px !important;
margin-bottom: 8px !important;
line-height: 1.55 !important;
}

/* Фиолетовые маркеры */
.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) > li::before {
content: '•' !important;
position: absolute !important;
left: 0 !important;
top: -1px !important;
color: #8b5cf6 !important;
font-weight: 900 !important;
font-size: 1.15em !important;
}

/* Gutenberg любит оборачивать текст в p */
.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) li p {
margin: 0 !important;
}

/* Вложенные списки */
.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) ul {
margin-top: 8px !important;
margin-bottom: 0 !important;
}

/* Второй уровень */
.wp-block-group.has-blush-light-purple-gradient-background ul:not(.kb-gallery-ul) ul > li::before {
content: '◦' !important;
color: #a78bfa !important;
}

/* =========================================================
FIX: Kadence Advanced Gallery внутри стильных групп
Убираем наши декоративные маркеры со служебных ul/li галереи
========================================================= */

.wp-block-group.has-blush-light-purple-gradient-background .wp-block-kadence-advancedgallery ul,
.wp-block-group.has-blush-light-purple-gradient-background .kb-gallery-ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
}

.wp-block-group.has-blush-light-purple-gradient-background .wp-block-kadence-advancedgallery li,
.wp-block-group.has-blush-light-purple-gradient-background .kadence-blocks-gallery-item {
position: static !important;
padding-left: 0 !important;
margin-bottom: 0 !important;
line-height: normal !important;
}

.wp-block-group.has-blush-light-purple-gradient-background .wp-block-kadence-advancedgallery li::before,
.wp-block-group.has-blush-light-purple-gradient-background .kadence-blocks-gallery-item::before {
content: none !important;
display: none !important;
}

.grecaptcha-badge {
display: none;
}

.wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25% !important;
height: 0;
overflow: hidden;
border-radius: var(--radius-m);
}

.wp-block-image>figure>img {
border-radius: var(--radius-m);
}

.wp-block-gallery>figure>img {
border-radius: var(--radius-m);
}

figcaption {
color: var(--base-ultra-dark);
}

.wp-block-kadence-advancedgallery {
margin: var(--content-gap) 0;
}

.kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
border-radius: var(--radius);
}

.kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius img {
border-radius: var(--radius);
}

.wp-block-group__inner-container.is-layout-constrained > ul.wp-block-list:last-child {
margin-bottom: 0;
}

.quizle {
margin: 0;
max-width: 100%;
}

.quizle {
--quizle-answer-border-color: #684992;
}

.quizle-answer--check label {
color: var(--quizle-text-color);
align-items: center;
}

.quizle-container {
margin: 0;
}

.quizle-image-screen__button {
width: 100%;
}

.quizle-button, a.quizle-button, a:visited.quizle-button {
width: 100%;
text-align: center;
}

.quizle-image-screen__container {
overflow-y: visible;
}

/* --- wpDiscuz) --- */

#wpdcom .wpd-form-col-left .wpd-field-group.wpd-field-single .wpd-field-group-title, #wpdcom .wpd-form-col-right .wpd-field-group.wpd-field-single .wpd-field-group-title {
height: auto;
}

.wc_email-wrapper {
display: none;
}

#wpdcom .wc-field-submit {
padding: 15px 0px 0 0;
}

@media screen and (max-width: 600px) {
#wpdcom.wpd-layout-2 .wpd-comment-header .wpd-comment-link {
margin-top: 0 !important;
position: relative !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
padding-top: 2px;
padding-bottom: 5px;
flex-basis: auto !important;
margin-left: auto !important;
}

#wpdcom .wpd-comment-link > div,
#wpdcom .wpd-comment-link > span,
#wpdcom .wpd-comment-link > a {
display: inline-flex !important;
margin-left: 15px !important;
}

#wpdcom .wpd-comment-header .wpd-user-info {
padding-bottom: 0 !important;
}
}

/* =========================================
СТИЛИ ДЛЯ RANKMATH FAQ (PURE CSS)
Вставить в Bricks -> Settings -> Custom Code -> Custom CSS
Без скриптов, работает на родном движке RankMath
========================================= */

/* Общий контейнер блока FAQ */
#rank-math-faq,
.rank-math-block {
width: 100%;
background: var(--primary-trans-10);
padding: var(--space-m);
border-radius: var(--radius);
}

/* Список вопросов */
.rank-math-list {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0;
margin: 0;
}

/* Отдельная карточка вопроса */
.rank-math-list-item {
background: rgba(255, 255, 255, 0.5); /* Светлое стекло */
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 16px;
padding: 0;
overflow: hidden;
box-shadow: 0 4px 15px -5px rgba(0, 0, 0, 0.05);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
list-style: none; /* Сбрасываем маркеры темы */
}

/* Эффект при наведении на карточку */
.rank-math-list-item:hover {
border-color: rgba(168, 85, 247, 0.3);
background: rgba(255, 255, 255, 0.8);
transform: translateY(-2px);
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 0 15px rgba(168, 85, 247, 0.1);
}

/* Заголовок вопроса */
.rank-math-question {
margin: 0 !important;
padding: 20px 24px;
font-size: 16px;
font-weight: 600;
color: #1f2937; /* Темно-серый текст */
cursor: pointer;
position: relative;
display: flex;
align-items: center;
transition: color 0.3s ease;
line-height: 1.4;
}

/* Эффект цвета заголовка при наведении */
.rank-math-list-item:hover .rank-math-question {
color: #a855f7;
}

.rank-math-question strong {
font-weight: 600;
}

/* Иконка Вопроса (Вместо плюсов/минусов) */
.rank-math-question::before {
content: '\f059'; /* fa-circle-question из FontAwesome */
font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome';
font-weight: 400; /* Контурная иконка по умолчанию */
font-size: 18px;
color: #a855f7; /* Неоновый фиолетовый */
margin-right: 14px;
flex-shrink: 0;
transition: transform 0.3s ease, font-weight 0.3s;
}

/* Закрашиваем иконку при наведении */
.rank-math-list-item:hover .rank-math-question::before {
font-weight: 900; /* Делаем иконку залитой (solid) */
transform: scale(1.1);
}

/* Блок с ответом */
.rank-math-answer {
padding: 0 24px;
margin: 0;
/* ВАЖНО: Мы убрали скрытие и opacity. RankMath сам будет добавлять display: none / block */
}

/* Стили текста внутри ответа */
.rank-math-answer p {
margin: 0;
padding: 0 0 20px 0; /* Отступ только снизу, чтобы текст не прилипал к рамке */
font-size: 15px;
line-height: 1.7;
color: #4b5563;
}

.rank-math-answer strong {
color: #1f2937;
font-weight: 600;
}

.rank-math-answer em {
color: #ec4899; /* Неоновый розовый для акцентов в тексте */
font-style: italic;
}

/* Caramel inRead wrap */
.caramel-inread{
    display:flex;
    justify-content:center;
    align-items: center;
    margin-block: 1.2em !important;
    min-height:90px;
}

@media (max-width:768px){
    .caramel-inread{
        min-height:250px;
    }
}