/*
Theme Name: Nullx child
Version: 1.0
Requires PHP: 8.0
Tested up to: 6.7
Template:  Nullx
Text Domain: Nullx
*/

body.single-post .page-content-wrapper {
    --sidebar-width: 420px;
}

/* =================================================================== */
/* 1. Custom Editor Styles for Classic Editor
/* =================================================================== */

/* --- Update Notice Style --- */
.notice-update {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #f0fdf4; /* Light Green */
    color: #15803d; /* Dark Green */
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #bbf7d0;
    font-size: 0.95rem;
    font-weight: 500;
}

.notice-update::before {
    content: '🔔'; /* Bell Emoji */
    font-size: 1.1em;
    display: inline-block;
    animation: pulse-animation 2s infinite ease-in-out;
}

/* --- Hot Product Notice Style --- */
.notice-hot {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #fffbeb; /* Light Orange/Yellow */
    color: #b45309; /* Dark Orange */
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #fde68a;
    font-size: 0.95rem;
    font-weight: 500;
}

.notice-hot::before {
    content: '🔥'; /* Fire Emoji */
    font-size: 1.1em;
    display: inline-block;
    animation: fire-wobble-animation 1.5s infinite linear;
}


/* --- Keyframe Animations --- */
@keyframes pulse-animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes fire-wobble-animation {
    0%, 100% { transform: rotate(-2deg); }
    50% { transform: rotate(2deg); }
}

/* --- Dark Mode Adjustments --- */
html[scheme="dark"] .notice-update {
    background-color: #14532d;
    color: #bbf7d0;
    border-color: #22c55e;
}

html[scheme="dark"] .notice-hot {
    background-color: #78350f;
    color: #fde68a;
    border-color: #f59e0b;
}