/* ==========================================================================
   OneAppleFall · Colourful Skin v1.0
   Matches the AI Image Upscaler page: vivid indigo→violet→purple gradients with pink and cyan glows,
   multi-colour accents (orange, cyan, pink, green), pastel section backgrounds, soft coloured shadows.
   Loaded after theme.css / single.css; the theme itself is unchanged. Remove the mu-plugin to switch off.
   ========================================================================== */

:root {
    --sk-indigo: #4f46e5; --sk-violet: #7c3aed; --sk-purple: #a855f7; --sk-pink: #ec4899; --sk-rose: #db2777;
    --sk-orange: #f97316; --sk-amber: #fbbf24; --sk-cyan: #06b6d4; --sk-teal: #0891b2; --sk-green: #10b981;
    --sk-hero: radial-gradient(760px 340px at 0% 0%, rgba(236,72,153,.55), transparent 65%),
               radial-gradient(680px 340px at 100% 100%, rgba(6,182,212,.5), transparent 65%),
               linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #a855f7 100%);
    --sk-pastel: radial-gradient(700px 320px at 0% 0%, rgba(236,72,153,.10), transparent 70%),
                 radial-gradient(700px 320px at 100% 0%, rgba(6,182,212,.10), transparent 70%),
                 linear-gradient(180deg, #eef2ff 0%, #faf5ff 55%, #fff 100%);
    --sk-rainbow: linear-gradient(90deg, #4f46e5, #7c3aed, #ec4899, #f97316, #fbbf24, #10b981, #06b6d4);
    --sk-btn: linear-gradient(135deg, #4f46e5, #7c3aed 60%, #a855f7);
    --sk-shadow: 0 18px 40px -24px rgba(30,27,75,.45);
}
::selection { background: #f5d0fe; color: #3b0764; }

/* ── Header: rainbow line, colourful active link, gradient Subscribe ─────── */
#oaf-navbar { border-bottom: 0; }
#oaf-navbar::after {
    display: block !important; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
    background: var(--sk-rainbow); background-size: 200% 100%; animation: sk-slide 12s linear infinite;
}
@keyframes sk-slide { to { background-position: 200% 0; } }
.oaf-nav__links > li > a:hover, .oaf-nav__links > a:hover { color: var(--sk-violet); background: #f5f3ff; }
.oaf-nav__links > li.current-menu-item > a, .oaf-nav__links > li.current_page_item > a,
.oaf-nav__links > li.current-menu-ancestor > a, .oaf-nav__links > li.current-page-ancestor > a {
    color: #fff; background: var(--sk-btn); box-shadow: 0 8px 18px -10px rgba(124,58,237,.9);
}
a.oaf-nav__subscribe { background: linear-gradient(135deg, #ec4899, #7c3aed 55%, #4f46e5); box-shadow: 0 10px 22px -10px rgba(124,58,237,.9); }
a.oaf-nav__subscribe:hover { background: linear-gradient(135deg, #f97316, #ec4899 55%, #7c3aed); }
.oaf-topbar { background: var(--sk-rainbow) !important; background-size: 200% 100% !important; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn-primary, .oaf-btn-buy, .oaf-msg-form__submit {
    background: var(--sk-btn) !important; color: #fff !important; border: 0 !important;
    box-shadow: 0 12px 24px -12px rgba(124,58,237,.95);
}
.btn-primary:hover, .oaf-btn-buy:hover, .oaf-msg-form__submit:hover { box-shadow: 0 16px 30px -12px rgba(236,72,153,.85); transform: translateY(-2px); }
.oaf-about-btn--primary { background: #fff; color: var(--sk-indigo); box-shadow: 0 14px 30px -12px rgba(0,0,0,.45); }
.oaf-about-btn--primary:hover { color: var(--sk-violet); }

/* ── Section kickers: colourful pills ────────────────────────────────────── */
.oaf-kick:not(.oaf-kick--light) {
    display: inline-block; padding: 5px 13px; border-radius: 999px;
    background: linear-gradient(135deg, #eef2ff, #fce7f3); color: #6d28d9; letter-spacing: .12em;
}
.oaf-kick--light {
    display: inline-block; padding: 5px 13px; border-radius: 999px; color: #fff;
    background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.3);
}
.oaf-shead h2, .oaf-shead--center h2 { letter-spacing: -.025em; }

/* ── Dark heroes → vivid gradient heroes ─────────────────────────────────── */
.oaf-blog-page-hero, .oaf-about-hero, .oaf-meth-hero { background: var(--sk-hero) !important; }
.oaf-blog-page-hero::after, .oaf-about-hero::after, .oaf-meth-hero::after {
    content: ""; position: absolute; width: 300px; height: 300px; border-radius: 50%;
    right: -90px; bottom: -140px; background: rgba(255,255,255,.08); pointer-events: none;
}
.oaf-blog-page-hero__blob--1, .oaf-about-hero__blob--1 { background: radial-gradient(circle, #f9a8d4, transparent 70%); opacity: .35; }
.oaf-blog-page-hero__blob--2, .oaf-about-hero__blob--2 { background: radial-gradient(circle, #67e8f9, transparent 70%); opacity: .3; }
.oaf-blog-page-hero__accent, .oaf-about-hero__accent {
    background: linear-gradient(90deg, #fde68a, #fbcfe8 60%, #a5f3fc); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: #fde68a;
}
.oaf-blog-page-hero__stat { background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.3) !important; }

/* ── Light heroes → pastel gradient ──────────────────────────────────────── */
.oaf-hero2, .oaf-arc-hero, .oaf-page-hero, .oaf-contact-hero { background: var(--sk-pastel) !important; }
.oaf-hero2::before {
    content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; right: -120px; top: 40px;
    background: radial-gradient(circle, rgba(168,85,247,.18), transparent 70%); pointer-events: none;
}
.oaf-page-title, .oaf-arc-title, .oaf-contact-hero__title {
    background: linear-gradient(120deg, #1e1b4b 0%, #4f46e5 45%, #c026d3 100%); -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
.oaf-hero2__trust b { background: linear-gradient(120deg, #4f46e5, #ec4899); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.oaf-rubric { box-shadow: 0 30px 70px -20px rgba(124,58,237,.35), 0 2px 8px rgba(0,0,0,.04); border-color: #ede9fe; }
.oaf-rubric__seal { background: var(--sk-btn) !important; }

/* ── Post cards: soft, colourful (replaces the black outline look) ───────── */
.oaf-review-card {
    border: 1px solid #ecebf7 !important; border-radius: 22px !important;
    box-shadow: var(--sk-shadow) !important; --sk-c: var(--sk-indigo);
}
.oaf-review-card:hover { transform: translateY(-6px) !important; box-shadow: 0 26px 50px -24px var(--sk-c) !important; border-color: transparent !important; }
.oaf-review-card__thumb { border-bottom: 0 !important; border-radius: 21px 21px 0 0 !important; }
.oaf-review-card__thumb::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; z-index: 3;
    background: linear-gradient(90deg, var(--sk-c), color-mix(in srgb, var(--sk-c) 40%, #fff));
}
.oaf-review-card__body { border-radius: 0 0 21px 21px !important; }
.oaf-review-card__cat {
    color: var(--sk-c) !important; background: color-mix(in srgb, var(--sk-c) 12%, #fff) !important;
    padding: 4px 10px !important; border-radius: 999px !important; align-self: flex-start;
}
.oaf-review-card__new { background: linear-gradient(135deg, #fbbf24, #f97316) !important; color: #fff !important; border: 0 !important; box-shadow: 0 6px 14px -6px rgba(249,115,22,.9) !important; border-radius: 999px !important; }
.oaf-review-card:nth-child(6n+2), .oaf-blog-spotlight__sub:nth-child(6n+2) { --sk-c: #db2777; }
.oaf-review-card:nth-child(6n+3), .oaf-blog-spotlight__sub:nth-child(6n+3) { --sk-c: #ea580c; }
.oaf-review-card:nth-child(6n+4), .oaf-blog-spotlight__sub:nth-child(6n+4) { --sk-c: #0891b2; }
.oaf-review-card:nth-child(6n+5), .oaf-blog-spotlight__sub:nth-child(6n+5) { --sk-c: #059669; }
.oaf-review-card:nth-child(6n+6), .oaf-blog-spotlight__sub:nth-child(6n+6) { --sk-c: #7c3aed; }

/* Featured / spotlight cards */
.oaf-spotlight, .oaf-feat, .oaf-blog-spotlight__main, .oaf-blog-spotlight__sub {
    border-color: #ecebf7 !important; box-shadow: var(--sk-shadow); border-radius: 22px;
}
.oaf-blog-spotlight__main:hover, .oaf-blog-spotlight__sub:hover { box-shadow: 0 28px 56px -24px rgba(124,58,237,.55) !important; }
.oaf-feat__cat, .oaf-blog-spotlight__cat, .oaf-blog-spotlight__sub-cat { color: var(--sk-rose) !important; }

/* ── Blog tabs and pager ─────────────────────────────────────────────────── */
.oaf-blog-tab--active { color: var(--sk-violet); border-bottom-color: transparent; border-image: var(--sk-rainbow) 1; }
.oaf-blog-tab--active .oaf-blog-tab__count { background: var(--sk-btn); }
.oaf-blog-tab__count { background: #fce7f3; color: #9d174d; }
.oaf-arc-pager a:hover, .oaf-arc-pager .current { background: var(--sk-btn) !important; border-color: transparent !important; color: #fff !important; box-shadow: 0 10px 20px -10px rgba(124,58,237,.9); }

/* ── Newsletter blocks → vivid gradient ──────────────────────────────────── */
.oaf-nl-dark, .oaf-blog-midnl, body.single-post .oaf-side-news {
    background: radial-gradient(600px 260px at 0% 0%, rgba(249,115,22,.45), transparent 65%),
                radial-gradient(600px 260px at 100% 100%, rgba(6,182,212,.45), transparent 65%),
                linear-gradient(135deg, #db2777 0%, #7c3aed 50%, #4f46e5 100%) !important;
    box-shadow: 0 34px 70px -34px rgba(124,58,237,.7) !important;
}
.oaf-nl-dark__btn, .oaf-blog-midnl__btn, body.single-post .oaf-side-news form button {
    background: #fff !important; color: #6d28d9 !important; box-shadow: 0 10px 22px -10px rgba(0,0,0,.45);
}
.oaf-nl-dark__btn:hover, .oaf-blog-midnl__btn:hover, body.single-post .oaf-side-news form button:hover { background: #fef3c7 !important; color: #9a3412 !important; }
body.single-post .oaf-side-news p { color: rgba(255,255,255,.9); }

/* ── About / Methodology / Contact cards with colourful icons ───────────── */
.oaf-about-value-card, .oaf-about-process__step, .oaf-meth-step, .oaf-meth-crit, .oaf-meth-policy, .oaf-contact-method,
.oaf-form-card, .oaf-about-team__card, .oaf-side-card {
    border-color: #ecebf7 !important; box-shadow: var(--sk-shadow);
}
.oaf-about-value-card__icon, .oaf-meth-step__icon, .oaf-meth-policy__icon, .oaf-contact-method__icon, .oaf-form-card__icon {
    color: #fff !important; background: linear-gradient(135deg, #818cf8, #4f46e5) !important;
    box-shadow: 0 10px 20px -10px rgba(79,70,229,.9);
}
.oaf-about-value-card:nth-child(3n+2) .oaf-about-value-card__icon, .oaf-meth-step:nth-child(3n+2) .oaf-meth-step__icon,
.oaf-contact-method:nth-child(3n+2) .oaf-contact-method__icon { background: linear-gradient(135deg, #f472b6, #db2777) !important; box-shadow: 0 10px 20px -10px rgba(219,39,119,.9); }
.oaf-about-value-card:nth-child(3n+3) .oaf-about-value-card__icon, .oaf-meth-step:nth-child(3n+3) .oaf-meth-step__icon,
.oaf-contact-method:nth-child(3n+3) .oaf-contact-method__icon { background: linear-gradient(135deg, #fbbf24, #f97316) !important; box-shadow: 0 10px 20px -10px rgba(249,115,22,.9); }
.oaf-about-stat b, .oaf-about-stat strong, .oaf-meth-stat b, .oaf-meth-step__num, .oaf-meth-crit__num, .oaf-about-process__step b {
    background: linear-gradient(120deg, #4f46e5, #ec4899); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* ── Articles ────────────────────────────────────────────────────────────── */
body.single-post .oaf-art-eyebrow { color: var(--sk-rose); }
body.single-post .oaf-article-body h2 {
    padding-bottom: 12px;
    background: linear-gradient(90deg, #4f46e5, #ec4899, #f97316) left bottom / 64px 4px no-repeat;
}
body.single-post .oaf-article-body a { text-decoration-color: #f0abfc; }
body.single-post .oaf-article-body a:hover { background: #fae8ff; color: #6d28d9; }
body.single-post .oaf-art-toc {
    background: radial-gradient(400px 200px at 100% 0%, rgba(236,72,153,.10), transparent 70%), linear-gradient(135deg, #eef2ff, #faf5ff) !important;
    border: 1px solid #e9e5fb !important; border-radius: 20px !important; box-shadow: var(--sk-shadow);
}
body.single-post .oaf-art-toc h4 { color: var(--sk-rose); }
body.single-post .oaf-art-toc li::before {
    background: linear-gradient(120deg, #4f46e5, #ec4899); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
/* Tables: gradient header, soft rows */
body.single-post .oaf-article-body th, body.single-post .oaf-tbl-wrap th,
body.single-post .oaf-article-body .tbl-wrap th, body.single-post .oaf-article-body table.cmp th,
body.single-post .oaf-article-body .wp-block-table thead th {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important; color: #fff !important; border-color: transparent !important;
}
body.single-post .oaf-article-body .wp-block-table, body.single-post .oaf-tbl-wrap, body.single-post .oaf-article-body .tbl-wrap {
    border-radius: 18px; overflow-x: auto; box-shadow: var(--sk-shadow); border: 1px solid #e6e5f3;
}
body.single-post .oaf-article-body table.cmp tbody tr:nth-child(even),
body.single-post .oaf-article-body .wp-block-table tbody tr:nth-child(even) td { background: #faf9ff; }
/* Quotes and callouts */
body.single-post .oaf-article-body blockquote {
    border-left: 4px solid transparent !important; border-image: linear-gradient(180deg, #4f46e5, #ec4899) 1 !important;
    background: linear-gradient(135deg, #f5f3ff, #fdf2f8) !important;
}
/* Byline tag, post tags, related */
.oaf-byline__tag, .oaf-post-tag { background: linear-gradient(135deg, #eef2ff, #fce7f3) !important; color: #6d28d9 !important; border-color: transparent !important; }
.oaf-post-tag:hover { background: var(--sk-btn) !important; color: #fff !important; }

/* Plain pages (privacy, terms…) */
.oaf-page-content h2 { padding-bottom: 10px; background: linear-gradient(90deg, #4f46e5, #ec4899, #f97316) left bottom / 56px 4px no-repeat; }

/* ── Footer: pastel gradient with rainbow line ───────────────────────────── */
.oaf-footer {
    position: relative; border-top: 0 !important;
    background: radial-gradient(700px 300px at 0% 100%, rgba(236,72,153,.10), transparent 70%),
                radial-gradient(700px 300px at 100% 0%, rgba(6,182,212,.10), transparent 70%),
                linear-gradient(180deg, #f5f3ff 0%, #fdf2f8 60%, #fff7ed 100%) !important;
}
.oaf-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--sk-rainbow); }
.oaf-ft-col__title { background: linear-gradient(120deg, #4f46e5, #db2777); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.oaf-ft-links a:hover, .oaf-footer a:hover { color: var(--sk-violet) !important; }

/* ── Search modal / mobile menu touches ─────────────────────────────────── */
.oaf-mobile-menu__list a:hover, .oaf-mobile-menu__list .current-menu-item > a { color: var(--sk-violet); }
.oaf-mob-cta { background: var(--sk-btn) !important; color: #fff !important; }

@media (prefers-reduced-motion: reduce) { #oaf-navbar::after { animation: none; } }

/* ── Fixes after preview ─────────────────────────────────────────────────── */
/* WordPress core draws dark cell borders on table blocks: keep only soft row lines */
body.single-post .oaf-article-body table td, body.single-post .oaf-article-body table th {
    border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; border-bottom: 1px solid #efeef8 !important;
}
body.single-post .oaf-article-body table thead, body.single-post .oaf-article-body table tfoot { border: 0 !important; }
body.single-post .oaf-article-body .wp-block-table table { border: 0 !important; }
/* Inline call-to-action strip in articles */
body.single-post .oaf-cta-strip {
    background: radial-gradient(500px 220px at 0% 0%, rgba(249,115,22,.4), transparent 65%), linear-gradient(135deg, #db2777, #7c3aed 55%, #4f46e5) !important;
    box-shadow: 0 26px 50px -28px rgba(124,58,237,.8);
}
body.single-post .oaf-cta-strip a { background: #fff !important; color: #6d28d9 !important; border-radius: 999px !important; }
/* Grey alternate sections → pastel */
.oaf-about-process, .oaf-meth-section--alt {
    background: radial-gradient(700px 300px at 100% 0%, rgba(236,72,153,.08), transparent 70%), linear-gradient(135deg, #eef2ff, #faf5ff 60%, #fff7ed) !important;
}
.oaf-pc--pro { border-top-color: var(--sk-green) !important; }

/* ── FAQ: colourful accordion everywhere (same look as the AI Image Upscaler page) ─────────────────── */
.oaf-article-body, .oaf-page-content, .oaf-hub__faq, .oaf-cfaq__list, .oaf-meth-faqs, .oaf-faq, .faq { counter-reset: oafq; }
.oaf-article-body details:not(:has(> summary:empty)), .oaf-page-content details:not(.upx-faq > details), .oaf-hub__faq details, .oaf-cfaq__item, .oaf-meth-faq__item {
    counter-increment: oafq; border: 0 !important; border-radius: 18px !important; overflow: hidden; margin: 0 0 12px !important; padding: 0 !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; color: #fff; box-shadow: 0 16px 34px -24px rgba(30,27,75,.6) !important;
}
.oaf-article-body details:not(:has(> summary:empty)):nth-of-type(4n+2), .oaf-page-content details:not(.upx-faq > details):nth-of-type(4n+2), .oaf-hub__faq details:nth-of-type(4n+2), .oaf-cfaq__item:nth-of-type(4n+2), .oaf-meth-faq__item:nth-of-type(4n+2) { background: linear-gradient(135deg, #ec4899, #f97316) !important; }
.oaf-article-body details:not(:has(> summary:empty)):nth-of-type(4n+3), .oaf-page-content details:not(.upx-faq > details):nth-of-type(4n+3), .oaf-hub__faq details:nth-of-type(4n+3), .oaf-cfaq__item:nth-of-type(4n+3), .oaf-meth-faq__item:nth-of-type(4n+3) { background: linear-gradient(135deg, #0891b2, #6366f1) !important; }
.oaf-article-body details:not(:has(> summary:empty)):nth-of-type(4n+4), .oaf-page-content details:not(.upx-faq > details):nth-of-type(4n+4), .oaf-hub__faq details:nth-of-type(4n+4), .oaf-cfaq__item:nth-of-type(4n+4), .oaf-meth-faq__item:nth-of-type(4n+4) { background: linear-gradient(135deg, #10b981, #0891b2) !important; }
.oaf-article-body details:not(:has(> summary:empty)) > summary, .oaf-page-content details:not(.upx-faq > details) > summary, .oaf-hub__faq details > summary, .oaf-cfaq__item > summary, .oaf-meth-faq__item > summary {
    display: flex !important; align-items: center; gap: 14px; padding: 15px 18px !important; margin: 0 !important; list-style: none; cursor: pointer;
    font-family: var(--font-body, 'DM Sans', sans-serif) !important; font-weight: 800 !important; font-size: 16px !important; line-height: 1.35 !important;
    color: #fff !important; background: none !important; border: 0 !important; justify-content: flex-start !important;
}
.oaf-article-body details:not(:has(> summary:empty)) > summary::-webkit-details-marker, .oaf-page-content details:not(.upx-faq > details) > summary::-webkit-details-marker, .oaf-hub__faq details > summary::-webkit-details-marker, .oaf-cfaq__item > summary::-webkit-details-marker, .oaf-meth-faq__item > summary::-webkit-details-marker { display: none; }
.oaf-article-body details:not(:has(> summary:empty)) > summary::before, .oaf-page-content details:not(.upx-faq > details) > summary::before, .oaf-hub__faq details > summary::before, .oaf-cfaq__item > summary::before, .oaf-meth-faq__item > summary::before {
    content: counter(oafq, decimal-leading-zero) !important; flex: 0 0 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
    background: rgba(255,255,255,.22); color: #fff; font-size: 13px; font-weight: 800; font-style: normal;
}
.oaf-article-body details:not(:has(> summary:empty)) > summary::after, .oaf-page-content details:not(.upx-faq > details) > summary::after, .oaf-hub__faq details > summary::after, .oaf-cfaq__item > summary::after, .oaf-meth-faq__item > summary::after {
    content: "+" !important; margin-left: auto !important; padding-left: 8px; font-size: 24px !important; font-weight: 400 !important; line-height: 1;
    color: #fff !important; transition: transform .2s; flex: none; position: static !important;
}
.oaf-article-body details:not(:has(> summary:empty))[open] > summary::after, .oaf-page-content details:not(.upx-faq > details)[open] > summary::after, .oaf-hub__faq details[open] > summary::after, .oaf-cfaq__item[open] > summary::after, .oaf-meth-faq__item[open] > summary::after { content: "+" !important; transform: rotate(45deg); }
.oaf-article-body details:not(:has(> summary:empty)) > :not(summary), .oaf-page-content details:not(.upx-faq > details) > :not(summary), .oaf-hub__faq details > :not(summary), .oaf-cfaq__item > :not(summary), .oaf-meth-faq__item > :not(summary) {
    background: #fff !important; color: #33364d !important; margin: 0 !important; padding: 14px 18px 16px !important; border: 0 !important;
    font-size: 15.5px; line-height: 1.65;
}
.oaf-article-body details:not(:has(> summary:empty)) > :not(summary) + :not(summary), .oaf-page-content details:not(.upx-faq > details) > :not(summary) + :not(summary), .oaf-hub__faq details > :not(summary) + :not(summary), .oaf-cfaq__item > :not(summary) + :not(summary), .oaf-meth-faq__item > :not(summary) + :not(summary) { padding-top: 0 !important; }
.oaf-article-body details:not(:has(> summary:empty)) > :not(summary) p, .oaf-page-content details:not(.upx-faq > details) > :not(summary) p, .oaf-hub__faq details > :not(summary) p, .oaf-cfaq__item > :not(summary) p, .oaf-meth-faq__item > :not(summary) p { margin: 0 0 10px !important; color: inherit; }
.oaf-article-body details:not(:has(> summary:empty)) > :not(summary) p:last-child, .oaf-page-content details:not(.upx-faq > details) > :not(summary) p:last-child, .oaf-hub__faq details > :not(summary) p:last-child, .oaf-cfaq__item > :not(summary) p:last-child, .oaf-meth-faq__item > :not(summary) p:last-child { margin-bottom: 0 !important; }
.oaf-article-body details:not(:has(> summary:empty)) a, .oaf-page-content details:not(.upx-faq > details) a, .oaf-hub__faq details a, .oaf-cfaq__item a, .oaf-meth-faq__item a { color: #4f46e5; }
/* Contact page: keep the emoji, inside the number circle; theme chevrons replaced by "+" */
.oaf-cfaq__item > summary::before { display: none !important; }
.oaf-cfaq__emoji { flex: 0 0 34px; height: 34px; border-radius: 50%; display: grid !important; place-items: center; background: rgba(255,255,255,.22); margin: 0 !important; }
.oaf-cfaq__toggle, .oaf-meth-faq__chevron { display: none !important; }
/* Converted FAQ lists on pages: two columns like the upscaler page */
@media (min-width: 900px) {
    .oaf-page-content .oaf-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
    .oaf-page-content .oaf-faq > details { margin: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .oaf-article-body details:not(:has(> summary:empty)) > summary::after, .oaf-page-content details:not(.upx-faq > details) > summary::after, .oaf-hub__faq details > summary::after, .oaf-cfaq__item > summary::after, .oaf-meth-faq__item > summary::after { transition: none; } }
/* Keep the "+" centred even where a page's own CSS positions it */
.oaf-hub__faq details > summary::after, .oaf-page-content details > summary::after {
    align-self: center !important; margin-top: 0 !important; float: none !important; top: auto !important; right: auto !important;
}
.oaf-hub__faq details:not([open]) > summary::after, .oaf-page-content details:not([open]) > summary::after { transform: none !important; }
.oaf-hub__faq details[open] > summary::after, .oaf-page-content details[open] > summary::after { transform: rotate(45deg) !important; }

/* "Further reading" box at the end of posts: soft pastel card instead of the black outline */
body.single-post .oaf-further-reading {
    border: 1px solid #e9e5fb !important; border-radius: 22px !important; box-shadow: 0 18px 40px -26px rgba(76,29,149,.45) !important;
    background: radial-gradient(420px 200px at 100% 0%, rgba(236,72,153,.10), transparent 70%), linear-gradient(135deg, #eef2ff, #faf5ff 60%, #fff7ed) !important;
}
body.single-post .oaf-further-reading h3 { background: linear-gradient(120deg, #4f46e5, #db2777); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
body.single-post .oaf-further-reading__list li::before { color: #db2777 !important; }
body.single-post .oaf-further-reading__list a:hover { color: #7c3aed !important; }

/* ── Comments: short, colourful form (fields trimmed by mu-plugin oaf-comments-compact.php) ───────── */
body.single-post .oaf-comments #respond {
    border: 1px solid #e9e5fb !important; border-radius: 22px !important; padding: 22px 24px 20px !important; position: relative; overflow: hidden;
    box-shadow: 0 18px 40px -26px rgba(76,29,149,.45) !important;
    background: radial-gradient(420px 180px at 100% 0%, rgba(236,72,153,.08), transparent 70%), linear-gradient(135deg, #f5f3ff, #fff 55%) !important;
}
body.single-post .oaf-comments #respond::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--sk-rainbow); }
body.single-post .oaf-comments .oaf-comment-form-header { align-items: center !important; gap: 12px !important; margin-bottom: 14px !important; flex-wrap: wrap; flex-direction: row !important; }
body.single-post .oaf-comments .oaf-comment-form-header__icon {
    width: 36px !important; height: 36px !important; border: 0 !important; box-shadow: 0 8px 16px -8px rgba(124,58,237,.9) !important;
    background: var(--sk-btn) !important; color: #fff !important; border-radius: 11px !important;
}
body.single-post .oaf-comments .comment-reply-title { font-size: 20px !important; margin: 0 !important; }
body.single-post .oaf-comments .oaf-comment-form-sub { font-size: 12.5px !important; margin: 0 0 0 auto !important; }
body.single-post .oaf-comments .comment-form { display: grid !important; grid-template-columns: 1fr 1fr auto; gap: 10px !important; align-items: end; }
body.single-post .oaf-comments .comment-form > *:not(.oaf-comment-fields-row):not(.form-submit):not(.comment-form-comment) { grid-column: 1 / -1; }
body.single-post .oaf-comments .comment-form-comment { grid-column: 1 / -1; }
body.single-post .oaf-comments .oaf-comment-fields-row { display: contents !important; }
body.single-post .oaf-comments .comment-form label:not([for="wp-comment-cookies-consent"]) {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0 !important;
}
body.single-post .oaf-comments .comment-form input[type="text"], body.single-post .oaf-comments .comment-form input[type="email"],
body.single-post .oaf-comments .comment-form textarea {
    border: 1px solid #e2def5 !important; background: #fff !important; border-radius: 12px !important; font-size: 14.5px !important;
}
body.single-post .oaf-comments .comment-form input[type="text"], body.single-post .oaf-comments .comment-form input[type="email"] { height: 44px !important; }
body.single-post .oaf-comments .comment-form textarea { min-height: 84px !important; height: 84px; padding-top: 11px !important; }
body.single-post .oaf-comments .comment-form input:focus, body.single-post .oaf-comments .comment-form textarea:focus {
    border-color: #a78bfa !important; box-shadow: 0 0 0 3px rgba(124,58,237,.15) !important;
}
body.single-post .oaf-comments .oaf-cf-icon { top: 14px !important; }
body.single-post .oaf-comments .comment-form-comment .oaf-cf-icon { top: 13px !important; }
body.single-post .oaf-comments .form-submit { margin: 0 !important; }
body.single-post .oaf-comments .oaf-comment-submit, body.single-post .oaf-comments #submit {
    height: 44px; padding: 0 22px !important; border: 0 !important; background: var(--sk-btn) !important; color: #fff !important;
    box-shadow: 0 12px 24px -12px rgba(124,58,237,.95) !important; font-size: 14.5px !important;
}
body.single-post .oaf-comments .oaf-comment-submit:hover, body.single-post .oaf-comments #submit:hover {
    background: linear-gradient(135deg, #ec4899, #7c3aed) !important; transform: translateY(-1px) !important;
}
body.single-post .oaf-comments .logged-in-as { font-size: 12.5px !important; margin: 0 !important; }
body.single-post .oaf-comments #respond + p, body.single-post .oaf-comments .akismet_comment_form_privacy_notice { font-size: 12px; color: #8b8fa3; margin-top: 8px; }
/* Existing comments: soft cards instead of black outlines */
body.single-post .oaf-comments .comment-body { border: 1px solid #ecebf7 !important; box-shadow: var(--sk-shadow) !important; border-radius: 18px !important; }
@media (max-width: 640px) {
    body.single-post .oaf-comments .comment-form { grid-template-columns: 1fr 1fr; }
    body.single-post .oaf-comments .form-submit { grid-column: 1 / -1; }
    body.single-post .oaf-comments .oaf-comment-form-sub { margin-left: 0 !important; width: 100%; }
}