/*
 Theme Name: Reboot Child
 Template: reboot
 */

/* ==== WinPoker — оформление статей «Сукно» (06.11.2026) ==== */
.entry-content {
  --wnp-felt: #1e5b3c;      /* зелёное сукно */
  --wnp-bord: #7a1f2b;      /* бордо */
  --wnp-cream: #faf6ee;
  --wnp-line: #e7e0d2;
}

/* ---- H2: короткая зелёная черта под заголовком ---- */
.entry-content > h2 { padding-bottom: 10px; position: relative; }
.entry-content > h2::after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 48px; height: 3px; border-radius: 2px; background: var(--wnp-felt);
}
/* ---- H3: цвет бордо ---- */
.entry-content > h3 { color: var(--wnp-bord); }

/* ---- Маркированный список: маленький ромб ---- */
.entry-content > ul > li { position: relative; padding-left: 24px; }
.entry-content > ul > li::before {
  content: ""; position: absolute; left: 4px; top: .62em;
  width: 7px; height: 7px; margin: 0; border: 0; border-radius: 1px;
  background: var(--wnp-bord); transform: rotate(45deg);
}

/* ---- Нумерованный список: номер в зелёном кружке ---- */
.entry-content > ol { counter-reset: wnp-step; padding-left: 0; }
.entry-content > ol > li { position: relative; padding-left: 38px; counter-increment: wnp-step; margin-bottom: 10px; }
.entry-content > ol > li::before {
  content: counter(wnp-step);
  position: absolute; left: 0; top: .1em;
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--wnp-felt) !important; color: #fff !important;
  font: 700 13px/24px Montserrat, Arial, sans-serif; text-align: center;
}

/* ---- Выноски: приглушённый фон своего цвета, полоса слева, подпись ---- */
.entry-content > blockquote.info, .entry-content > blockquote.warning, .entry-content > blockquote.danger, .entry-content > blockquote.check,
.entry-content > blockquote.question, .entry-content > blockquote.quote, .entry-content > blockquote.thumbs-up, .entry-content > blockquote.thumbs-down {
  --wnp-c: #1e5b3c; --wnp-bg: #eef5f0; --wnp-label: "\2666\00a0\00a0Полезно знать";
  position: relative; margin: 24px 0 !important; padding: 38px 20px 16px 20px !important;
  background: var(--wnp-bg) !important; border: 0 !important; border-left: 4px solid var(--wnp-c) !important;
  border-radius: 0 8px 8px 0 !important; box-shadow: none !important;
  font-style: normal; color: #1d1d1d;
}
.entry-content > blockquote.warning     { --wnp-c: #b5700f; --wnp-bg: #fcf4e6; --wnp-label: "\2663\00a0\00a0Внимание"; }
.entry-content > blockquote.danger      { --wnp-c: #7a1f2b; --wnp-bg: #f8ecee; --wnp-label: "\2665\00a0\00a0Риск"; }
.entry-content > blockquote.check       { --wnp-c: #2f7d4a; --wnp-bg: #edf6ef; --wnp-label: "\2660\00a0\00a0Проверено"; }
.entry-content > blockquote.question    { --wnp-c: #3d5a73; --wnp-bg: #eef2f6; --wnp-label: "?\00a0\00a0Вопрос"; }
.entry-content > blockquote.quote       { --wnp-c: #8c6d2c; --wnp-bg: #faf6ee; --wnp-label: "\2660\00a0\00a0Запомните"; }
.entry-content > blockquote.thumbs-up   { --wnp-c: #2f7d4a; --wnp-bg: #edf6ef; --wnp-label: "\2660\00a0\00a0Так делают сильные игроки"; }
.entry-content > blockquote.thumbs-down { --wnp-c: #7d5a5f; --wnp-bg: #f5f0f0; --wnp-label: "\2663\00a0\00a0Так делать не стоит"; }

.entry-content > blockquote.info::before, .entry-content > blockquote.warning::before, .entry-content > blockquote.danger::before, .entry-content > blockquote.check::before,
.entry-content > blockquote.question::before, .entry-content > blockquote.quote::before, .entry-content > blockquote.thumbs-up::before, .entry-content > blockquote.thumbs-down::before {
  content: var(--wnp-label);
  position: absolute; left: 20px !important; top: 13px !important; width: auto; height: auto;
  margin: 0 !important; transform: none; background: none;
  font-family: Montserrat, Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important;
  letter-spacing: .05em; text-transform: uppercase; color: var(--wnp-c);
}
.entry-content > blockquote.info::after, .entry-content > blockquote.warning::after, .entry-content > blockquote.danger::after, .entry-content > blockquote.check::after,
.entry-content > blockquote.question::after, .entry-content > blockquote.quote::after, .entry-content > blockquote.thumbs-up::after, .entry-content > blockquote.thumbs-down::after { content: none; display: none; }
.entry-content > blockquote > p:first-child { margin-top: 0 !important; }
.entry-content > blockquote p:last-child { margin-bottom: 0 !important; }
.entry-content > blockquote > br:first-child { display: none; }

/* ---- Таблицы: шапка цвета сукна, светлые строки ---- */
.entry-content table { border-collapse: separate; border-spacing: 0; width: 100%; border: 1px solid var(--wnp-line); border-radius: 8px; overflow: hidden; }
.entry-content table th { background: var(--wnp-felt); color: #fff; font-weight: 700; text-align: left; border: 0; padding: 11px 14px; }
.entry-content table td { border: 0; border-top: 1px solid var(--wnp-line); padding: 11px 14px; vertical-align: top; }
.entry-content table tr:nth-child(odd) td { background: var(--wnp-cream); }

/* ---- FAQ: вопрос виден, ответ по нажатию ---- */
.entry-content .wnp-faq { margin: 16px 0 28px; border-top: 1px solid var(--wnp-line); }
.entry-content .wnp-faq details { border-bottom: 1px solid var(--wnp-line); }
.entry-content .wnp-faq summary {
  position: relative; list-style: none; cursor: pointer;
  padding: 15px 44px 15px 0; font-weight: 700; font-size: 17px; color: #1d1d1d;
}
.entry-content .wnp-faq summary::-webkit-details-marker { display: none; }
.entry-content .wnp-faq summary::after {
  content: "+"; position: absolute; right: 4px; top: 50%; margin-top: -13px;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--wnp-cream); color: var(--wnp-bord); border: 1px solid var(--wnp-line);
  font: 400 20px/24px Montserrat, Arial, sans-serif; text-align: center;
}
.entry-content .wnp-faq details[open] summary { color: var(--wnp-bord); }
.entry-content .wnp-faq details[open] summary::after { content: "\2212"; background: var(--wnp-bord); color: #fff; border-color: var(--wnp-bord); }
.entry-content .wnp-faq summary:hover { color: var(--wnp-bord); }
.entry-content .wnp-faq__a { padding: 0 44px 14px 0; }
.entry-content .wnp-faq__a p { margin: 0 0 10px; }
