.widget_recent_entries,
.widget_recent_comments,
.wp-block-latest-posts,
.wp-block-latest-comments {
    --khomanguon-widget-red: #b91c1c;
    --khomanguon-widget-green: #16a34a;
    --khomanguon-widget-cyan: #06b6d4;
    --khomanguon-widget-text: #111827;
    --khomanguon-widget-muted: #64748b;
}

.widget_recent_entries,
.widget_recent_comments {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: 22px;
    padding: 16px 16px 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.12), transparent 30%),
        radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.12), transparent 34%),
        #ffffff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

.widget_recent_entries::before,
.widget_recent_comments::before {
    position: absolute;
    inset: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef);
    content: "";
    pointer-events: none;
}

.widget_recent_entries .widget-title,
.widget_recent_entries .title,
.widget_recent_entries h2,
.widget_recent_entries h3,
.widget_recent_comments .widget-title,
.widget_recent_comments .title,
.widget_recent_comments h2,
.widget_recent_comments h3 {
    display: flex;
    align-items: center;
    margin: 0 0 12px;
    padding: 0 0 10px 12px;
    border-left: 4px solid var(--khomanguon-widget-red);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--khomanguon-widget-text);
    font-size: 19px;
    font-weight: 900;
    line-height: 1.25;
}

.widget_recent_comments .widget-title,
.widget_recent_comments .title,
.widget_recent_comments h2,
.widget_recent_comments h3 {
    border-left-color: var(--khomanguon-widget-green);
}

.widget_recent_entries ul,
.widget_recent_comments ul,
.wp-block-latest-posts,
.wp-block-latest-comments {
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.widget_recent_entries li,
.widget_recent_comments li,
.wp-block-latest-posts li,
.wp-block-latest-comments li {
    position: relative;
    margin: 0;
    padding: 9px 0 9px 30px !important;
    border-bottom: 1px dashed rgba(148, 163, 184, 0.22);
    color: var(--khomanguon-widget-muted);
    font-size: 13px;
    font-weight: 700;
    list-style: none !important;
    line-height: 1.45;
}

.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child,
.wp-block-latest-posts li:last-child,
.wp-block-latest-comments li:last-child {
    border-bottom: 0;
    padding-bottom: 4px;
}

.widget_recent_entries li::before,
.widget_recent_comments li::before,
.wp-block-latest-posts li::before,
.wp-block-latest-comments li::before {
    position: absolute !important;
    top: calc(9px + 0.72em) !important;
    left: 10px !important;
    display: block !important;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef);
    background-size: 300% 300%;
    box-shadow: 0 0 0 3px rgba(217, 70, 239, 0.08), 0 0 10px rgba(217, 70, 239, 0.22);
    content: "" !important;
    animation: khomanguon-widget-circle-rainbow 2.8s linear infinite;
    transform: translateY(-50%);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.widget_recent_entries li a::before,
.widget_recent_comments li a::before,
.wp-block-latest-posts li a::before,
.wp-block-latest-comments li a::before {
    display: none !important;
    content: none !important;
}

.widget_recent_entries li:hover,
.widget_recent_comments li:hover,
.wp-block-latest-posts li:hover,
.wp-block-latest-comments li:hover {
    background: linear-gradient(90deg, rgba(250, 204, 21, 0.1), rgba(34, 211, 238, 0.08), transparent);
}

.widget_recent_entries li:hover::before,
.widget_recent_comments li:hover::before,
.wp-block-latest-posts li:hover::before,
.wp-block-latest-comments li:hover::before {
    transform: translateY(-50%) scale(1.28);
    box-shadow: 0 0 0 5px rgba(217, 70, 239, 0.12), 0 0 16px rgba(6, 182, 212, 0.36);
}

.widget_recent_entries a,
.widget_recent_comments a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
    color: var(--khomanguon-widget-red);
    font-weight: 800;
    text-decoration: none;
    transition: color 160ms ease;
}

.widget_recent_entries a:hover,
.widget_recent_entries a:focus,
.widget_recent_comments a:hover,
.widget_recent_comments a:focus,
.wp-block-latest-posts a:hover,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:hover,
.wp-block-latest-comments a:focus {
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef, #ff004c);
    background-size: 300% 100%;
    color: transparent !important;
    text-decoration: none !important;
    animation: khomanguon-widget-rainbow-text 2s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.widget_recent_entries li:hover a,
.widget_recent_entries li:focus-within a,
.widget_recent_comments li:hover a,
.widget_recent_comments li:focus-within a,
.wp-block-latest-posts li:hover a,
.wp-block-latest-posts li:focus-within a,
.wp-block-latest-comments li:hover a,
.wp-block-latest-comments li:focus-within a {
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef, #ff004c);
    background-size: 300% 100%;
    color: transparent !important;
    text-decoration: none !important;
    animation: khomanguon-widget-rainbow-text 2s linear infinite;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.single-post h1.entry-title,
body.single-post .entry-header h1,
body.single-post .post-title h1,
body.single-post article h1:first-of-type {
    position: relative;
    isolation: isolate;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 18px 14px;
    border-radius: 18px;
    color: #111827;
    font-weight: 950;
    line-height: 1.18;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
    transition: filter 180ms ease, transform 180ms ease;
}

body.single-post h1.entry-title a,
body.single-post .entry-header h1 a,
body.single-post .post-title h1 a,
body.single-post article h1:first-of-type a {
    color: inherit;
    text-decoration: none;
}

body.single-post h1.entry-title::before,
body.single-post .entry-header h1::before,
body.single-post .post-title h1::before,
body.single-post article h1:first-of-type::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.14), transparent 32%),
        radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.14), transparent 36%),
        rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    content: "";
    opacity: 0.92;
    transition: border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

body.single-post h1.entry-title::after,
body.single-post .entry-header h1::after,
body.single-post .post-title h1::after,
body.single-post article h1:first-of-type::after {
    position: absolute;
    right: 10%;
    bottom: 0;
    left: 10%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef);
    background-size: 300% 100%;
    box-shadow: 0 6px 18px rgba(217, 70, 239, 0.18);
    content: "";
    opacity: 0.88;
    transition: right 180ms ease, left 180ms ease, opacity 180ms ease;
}

body.single-post h1.entry-title:hover,
body.single-post .entry-header h1:hover,
body.single-post .post-title h1:hover,
body.single-post article h1:first-of-type:hover {
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef, #ff004c);
    background-size: 300% 100%;
    color: transparent !important;
    animation: khomanguon-widget-rainbow-text 2.4s linear infinite !important;
    filter: saturate(1.12);
    transform: translateY(-1px);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.single-post h1.entry-title:hover::before,
body.single-post .entry-header h1:hover::before,
body.single-post .post-title h1:hover::before,
body.single-post article h1:first-of-type:hover::before {
    border-color: rgba(34, 211, 238, 0.34);
    background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.18), transparent 28%),
        radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.2), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 41, 59, 0.94) 100%);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2), 0 0 24px rgba(217, 70, 239, 0.16);
    opacity: 1;
}

body.single-post h1.entry-title:hover a,
body.single-post .entry-header h1:hover a,
body.single-post .post-title h1:hover a,
body.single-post article h1:first-of-type:hover a {
    background: linear-gradient(90deg, #ff4d8d, #ffb000, #fff176, #3ee879, #22d3ee, #a78bfa, #f472b6, #ff4d8d);
    background-size: 500% 100%;
    color: transparent !important;
    animation: khomanguon-widget-rainbow-slide 1.8s linear infinite !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.single-post h1.entry-title:hover::after,
body.single-post .entry-header h1:hover::after,
body.single-post .post-title h1:hover::after,
body.single-post article h1:first-of-type:hover::after {
    right: 0;
    left: 0;
    animation: khomanguon-widget-rainbow-text 2s linear infinite;
    opacity: 1;
}

@keyframes khomanguon-widget-rainbow-text {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes khomanguon-widget-circle-rainbow {
    0% {
        background-position: 0% 50%;
        filter: hue-rotate(0deg);
    }

    100% {
        background-position: 100% 50%;
        filter: hue-rotate(360deg);
    }
}

@keyframes khomanguon-widget-rainbow-slide {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 500% 50%;
    }
}

@keyframes khomanguon-widget-rainbow-live {
    0% {
        background-position: 0% 50%;
        filter: hue-rotate(0deg) saturate(1.18);
    }

    100% {
        background-position: 600% 50%;
        filter: hue-rotate(360deg) saturate(1.18);
    }
}

@media (prefers-reduced-motion: reduce) {
    .widget_recent_entries a:hover,
    .widget_recent_entries a:focus,
    .widget_recent_comments a:hover,
    .widget_recent_comments a:focus,
    .wp-block-latest-posts a:hover,
    .wp-block-latest-posts a:focus,
    .wp-block-latest-comments a:hover,
    .wp-block-latest-comments a:focus {
        animation: none;
    }

    .widget_recent_entries li:hover a,
    .widget_recent_entries li:focus-within a,
    .widget_recent_comments li:hover a,
    .widget_recent_comments li:focus-within a,
    .wp-block-latest-posts li:hover a,
    .wp-block-latest-posts li:focus-within a,
    .wp-block-latest-comments li:hover a,
    .wp-block-latest-comments li:focus-within a {
        animation: none;
    }

    .widget_recent_entries li::before,
    .widget_recent_comments li::before,
    .wp-block-latest-posts li::before,
    .wp-block-latest-comments li::before {
        animation: none;
    }

    body.single-post h1.entry-title:hover,
    body.single-post .entry-header h1:hover,
    body.single-post .post-title h1:hover,
    body.single-post article h1:first-of-type:hover,
    body.single-post h1.entry-title:hover::after,
    body.single-post .entry-header h1:hover::after,
    body.single-post .post-title h1:hover::after,
    body.single-post article h1:first-of-type:hover::after,
    body.single-post h1.entry-title:hover a,
    body.single-post .entry-header h1:hover a,
    body.single-post .post-title h1:hover a,
    body.single-post article h1:first-of-type:hover a {
        animation: none;
    }
}
.widget_recent_comments .comment-author-link,
.wp-block-latest-comments__comment-author {
    color: var(--khomanguon-widget-text);
    font-weight: 900;
}

.widget_recent_comments .url,
.wp-block-latest-comments__comment-link {
    color: var(--khomanguon-widget-red);
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
    display: block;
    margin-top: 4px;
    color: var(--khomanguon-widget-muted);
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .widget_recent_entries,
    .widget_recent_comments {
        border-radius: 16px;
        padding: 14px;
    }

    .widget_recent_entries .widget-title,
    .widget_recent_entries .title,
    .widget_recent_entries h2,
    .widget_recent_entries h3,
    .widget_recent_comments .widget-title,
    .widget_recent_comments .title,
    .widget_recent_comments h2,
    .widget_recent_comments h3 {
        font-size: 17px;
    }
}

.widget_recent_entries li a:hover,
.widget_recent_entries li a:focus,
.widget_recent_entries li:hover a,
.widget_recent_entries li:focus-within a,
.widget_recent_comments li a:hover,
.widget_recent_comments li a:focus,
.widget_recent_comments li:hover a,
.widget_recent_comments li:focus-within a,
.wp-block-latest-posts li a:hover,
.wp-block-latest-posts li a:focus,
.wp-block-latest-posts li:hover a,
.wp-block-latest-posts li:focus-within a,
.wp-block-latest-comments li a:hover,
.wp-block-latest-comments li a:focus,
.wp-block-latest-comments li:hover a,
.wp-block-latest-comments li:focus-within a {
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef, #ff004c, #ff8a00) !important;
    background-size: 650% 100% !important;
    background-position: 0% 50%;
    background-repeat: repeat;
    color: transparent !important;
    text-decoration: none !important;
    animation: khomanguon-widget-rainbow-live 1.2s linear infinite !important;
    will-change: background-position;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.wp-block-latest-comments li:hover .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments li:focus-within .wp-block-latest-comments__comment-meta {
    background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #22c55e, #06b6d4, #6366f1, #d946ef, #ff004c, #ff8a00) !important;
    background-size: 650% 100% !important;
    background-position: 0% 50%;
    color: transparent !important;
    animation: khomanguon-widget-rainbow-live 1.2s linear infinite !important;
    will-change: background-position;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

body.single-post h1.entry-title:hover,
body.single-post .entry-header h1:hover,
body.single-post .post-title h1:hover,
body.single-post article h1:first-of-type:hover {
    background: linear-gradient(90deg, #ff4d8d, #ffb000, #fff176, #3ee879, #22d3ee, #a78bfa, #f472b6, #ff4d8d) !important;
    background-size: 650% 100% !important;
    color: transparent !important;
    animation: khomanguon-widget-rainbow-live 1.4s linear infinite !important;
    box-shadow: inset 0 0 0 999px rgba(15, 23, 42, 0.9), 0 18px 42px rgba(15, 23, 42, 0.2), 0 0 24px rgba(217, 70, 239, 0.16);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

body.single-post h1.entry-title:hover a,
body.single-post .entry-header h1:hover a,
body.single-post .post-title h1:hover a,
body.single-post article h1:first-of-type:hover a {
    background: linear-gradient(90deg, #ff4d8d, #ffb000, #fff176, #3ee879, #22d3ee, #a78bfa, #f472b6, #ff4d8d) !important;
    background-size: 650% 100% !important;
    animation: khomanguon-widget-rainbow-live 1.4s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .widget_recent_entries li a:hover,
    .widget_recent_entries li a:focus,
    .widget_recent_entries li:hover a,
    .widget_recent_entries li:focus-within a,
    .widget_recent_comments li a:hover,
    .widget_recent_comments li a:focus,
    .widget_recent_comments li:hover a,
    .widget_recent_comments li:focus-within a,
    .wp-block-latest-posts li a:hover,
    .wp-block-latest-posts li a:focus,
    .wp-block-latest-posts li:hover a,
    .wp-block-latest-posts li:focus-within a,
    .wp-block-latest-comments li a:hover,
    .wp-block-latest-comments li a:focus,
    .wp-block-latest-comments li:hover a,
    .wp-block-latest-comments li:focus-within a,
    .wp-block-latest-comments li:hover .wp-block-latest-comments__comment-meta,
    .wp-block-latest-comments li:focus-within .wp-block-latest-comments__comment-meta,
    body.single-post h1.entry-title:hover,
    body.single-post .entry-header h1:hover,
    body.single-post .post-title h1:hover,
    body.single-post article h1:first-of-type:hover,
    body.single-post h1.entry-title:hover a,
    body.single-post .entry-header h1:hover a,
    body.single-post .post-title h1:hover a,
    body.single-post article h1:first-of-type:hover a {
        animation: none;
    }
}