/* Fleur · Список (дизайн «Дневник»). База — inline в render.php (mobile-first 390px).
   Десктоп — с !important. */
/* Тон v2 (2026-07-03): фон за варіантом — numbered білий · cards рожевий liquid-glass банд ·
   bullets темний liquid-glass банд. !important — де база inline в render.php. */
.wp-block-fleur-checklist { background: #FFFFFF; }

/* — cards («За 1 час вы узнаете»): рожевий банд + скляні картки — */
.wp-block-fleur-checklist.fleur-checklist--cards {
	background:
		radial-gradient(58% 44% at 94% 4%, rgba(236, 72, 153, 0.14), transparent 72%),
		radial-gradient(44% 36% at 0% 100%, rgba(255, 255, 255, 0.50), transparent 72%),
		#F9E0EE;
	position: relative;
	overflow: hidden;
}
.wp-block-fleur-checklist.fleur-checklist--cards::before {
	content: ""; position: absolute; width: 200px; height: 200px; border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.60), transparent 70%);
	filter: blur(30px); top: -60px; right: -50px; pointer-events: none;
}
.wp-block-fleur-checklist.fleur-checklist--cards::after {
	content: ""; position: absolute; width: 170px; height: 170px; border-radius: 50%;
	background: radial-gradient(circle, rgba(236, 72, 153, 0.16), transparent 70%);
	filter: blur(28px); bottom: -50px; left: -40px; pointer-events: none;
}
.wp-block-fleur-checklist.fleur-checklist--cards .fleur-checklist__inner { position: relative; z-index: 1; }
.wp-block-fleur-checklist.fleur-checklist--cards .fleur-checklist__inner > div:last-child > div {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.44)) !important;
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	backdrop-filter: blur(14px) saturate(160%);
	border: 1px solid rgba(255, 255, 255, 0.65);
	box-shadow: 0 12px 30px rgba(19, 27, 43, 0.10) !important;
}

/* — bullets («Почему вам ценно»): темний банд + glow + скляні чипи з акцент-лінією — */
.wp-block-fleur-checklist.fleur-checklist--bullets {
	background:
		radial-gradient(55% 42% at 88% 10%, rgba(236, 72, 153, 0.20), transparent 72%),
		radial-gradient(50% 44% at 4% 96%, rgba(255, 156, 205, 0.12), transparent 72%),
		#131B2B;
	position: relative;
	overflow: hidden;
}
.wp-block-fleur-checklist.fleur-checklist--bullets::before {
	content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 156, 205, 0.30), transparent 70%);
	filter: blur(34px); top: -70px; right: -70px; pointer-events: none;
}
.wp-block-fleur-checklist.fleur-checklist--bullets::after {
	content: ""; position: absolute; width: 190px; height: 190px; border-radius: 50%;
	background: radial-gradient(circle, rgba(236, 72, 153, 0.22), transparent 70%);
	filter: blur(30px); bottom: -60px; left: -50px; pointer-events: none;
}
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner { position: relative; z-index: 1; }
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__eyebrow { color: #FF9CCD !important; }
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__title { color: #FFFFFF !important; }
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__title em { color: #FF9CCD !important; }
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner > div:last-child > div {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04));
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	backdrop-filter: blur(16px) saturate(150%);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-left: 2px solid #FF9CCD;
	border-radius: 8px 16px 16px 8px;
	padding: 15px 18px 15px 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner > div:last-child > div > span[style*="width: 9px"] { display: none; }
.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner > div:last-child > div > span:last-child { color: rgba(255, 255, 255, 0.90) !important; }

/* — accordion (классический FAQ): нативный <details>, плюс-иконка поворачивается в крестик — */
/* Клик мышью оставлял браузерную фокус-рамку на summary: карточка с overflow:hidden
   обрезает её до «жирной чёрной линии» под вопросом (фидбек Ильи 2026-07-30).
   Указателю — ничего, клавиатуре — брендовый фокус. */
.wp-block-fleur-checklist .fleur-faq__item > summary:focus { outline: none; }
.wp-block-fleur-checklist .fleur-faq__item > summary:focus-visible { outline: 2px solid #EC4899; outline-offset: -2px; border-radius: 18px; }
.wp-block-fleur-checklist.fleur-checklist--accordion { background: #FFFFFF; }
.wp-block-fleur-checklist.fleur-checklist--accordion .fleur-faq__item > summary { list-style: none; border: 0; }
.wp-block-fleur-checklist.fleur-checklist--accordion .fleur-faq__item > summary::-webkit-details-marker { display: none; }
.wp-block-fleur-checklist.fleur-checklist--accordion .fleur-faq__item[open] .fleur-faq__icon { transform: rotate(45deg); }
/* Мягкая волосяная линия между вопросом и ответом (вместо жёсткой темной черты браузера/темы). */
.wp-block-fleur-checklist.fleur-checklist--accordion .fleur-faq__item[open] > summary { border-bottom: 1px solid rgba(19, 27, 43, 0.06); }

/* — numberedAccordion: программа-ступени (номер 01, 02… слева; активная ступень — розовая) — */
.wp-block-fleur-checklist .fleur-faq--steps .fleur-faq__item { transition: box-shadow 0.2s ease; }
.wp-block-fleur-checklist .fleur-faq--steps .fleur-faq__item[open] { box-shadow: 0 18px 40px rgba(236, 72, 153, 0.16); }
.wp-block-fleur-checklist .fleur-faq--steps .fleur-faq__item[open] .fleur-faq__step { background: #EC4899; color: #FFFFFF; }

/* ——— page-id-153 «Высшая школа меренги»: на десктопе секции по центру (не прижаты влево) ——— */
@media (min-width: 1024px) {
	:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist .fleur-checklist__inner > div:first-child { text-align: center; }
	:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner > div:last-child,
	:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--accordion .fleur-checklist__inner > div:last-child { margin-left: auto !important; margin-right: auto !important; }
}

/* ——— page-id-153: чередование тонов секций, чтобы соседние не сливались в один блок ———
   На странице шли подряд одинаковые тона (3 белых: Десерты/Программа/Формат; и розовые:
   Автор/Сертификат/Тарифы). Задаём альтернацию бело-розово-бело:
   · оба аккордеона (Программа + FAQ) → мягкий розовый банд #FBEAF4 (белые карточки на нём читаются);
   · «Сертификат» (checklist cards) → белый + гасим розовые свечения + карточки делаем сплошными
     белыми (стеклянные полупрозрачные на белом фоне терялись). */
:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--accordion { background: #FBEAF4; }
:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--cards { background: #FFFFFF; }
:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--cards::before,
:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--cards::after { display: none !important; }
:is(body.page-id-153, body.page-id-163) .wp-block-fleur-checklist.fleur-checklist--cards .fleur-checklist__inner > div:last-child > div {
	background: #FFFFFF !important;
	border: 1px solid #F1E4EB;
}

@media (min-width: 768px) {
	.wp-block-fleur-checklist .fleur-checklist__inner { max-width: 620px !important; }
	.wp-block-fleur-checklist .fleur-checklist__title { font-size: 40px !important; }
}

/* Десктоп ≥1024: усі варіанти в один лівий край (inner 1000, як сітки);
   cards — 2 колонки; numbered — 2 колонки (не 6 в стовпчик); bullets — читабельна колонка. */
@media (min-width: 1024px) {
	.wp-block-fleur-checklist .fleur-checklist__inner { max-width: 1000px !important; }
	.wp-block-fleur-checklist .fleur-checklist__title { font-size: 44px !important; }
	.wp-block-fleur-checklist.fleur-checklist--cards .fleur-checklist__inner > div:last-child { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
	.wp-block-fleur-checklist.fleur-checklist--bullets .fleur-checklist__inner > div:last-child { max-width: 640px !important; }
	.wp-block-fleur-checklist.fleur-checklist--numbered .fleur-checklist__inner > div:last-child { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 48px !important; }
	.wp-block-fleur-checklist.fleur-checklist--accordion .fleur-checklist__inner > div:last-child { max-width: 760px !important; }
}