/* Enhanced TODO/DONE State Styling for Aleks Gruv Theme */

/* TODO State - Orange with background */
.org-todo, 
.org-org-todo,
span.todo,
.todo {
    color: var(--accent-orange) !important;  /* #fe8019 - Bright orange */
    font-weight: 700 !important;
    background-color: rgba(254, 128, 25, 0.15) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    border: 1px solid rgba(254, 128, 25, 0.3) !important;
    display: inline-block !important;
    margin-right: 0.5em !important;
}

/* DONE State - Green with background */
.org-done,
.org-org-done, 
span.done,
.done {
    color: var(--accent-green) !important;  /* #b8bb26 - Bright green */
    font-weight: 700 !important;
    background-color: rgba(184, 187, 38, 0.15) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    border: 1px solid rgba(184, 187, 38, 0.3) !important;
    display: inline-block !important;
    margin-right: 0.5em !important;
}

/* STARTED State - Yellow */
.org-started,
.org-org-started,
span.started,
.started {
    color: var(--accent-yellow) !important;  /* #fabd2f - Yellow */
    font-weight: 700 !important;
    background-color: rgba(250, 189, 47, 0.15) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    border: 1px solid rgba(250, 189, 47, 0.3) !important;
    display: inline-block !important;
    margin-right: 0.5em !important;
}

/* WAITING State - Purple */
.org-waiting,
.org-org-waiting,
span.waiting,
.waiting {
    color: var(--accent-purple) !important;  /* #d3869b - Purple */
    font-weight: 700 !important;
    background-color: rgba(211, 134, 155, 0.15) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    border: 1px solid rgba(211, 134, 155, 0.3) !important;
    display: inline-block !important;
    margin-right: 0.5em !important;
}

/* CANCELLED/CANCELED State - Muted red */
.org-cancelled,
.org-org-cancelled,
.org-canceled,
.org-org-canceled,
span.cancelled,
span.canceled,
.cancelled,
.canceled {
    color: #fb4934 !important;  /* Gruvbox red */
    font-weight: 700 !important;
    background-color: rgba(251, 73, 52, 0.1) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    font-size: 0.8em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.75px !important;
    border: 1px solid rgba(251, 73, 52, 0.2) !important;
    text-decoration: line-through !important;
    opacity: 0.7 !important;
    display: inline-block !important;
    margin-right: 0.5em !important;
}

/* Hover effects for TODO states */
.org-todo:hover, .org-org-todo:hover, span.todo:hover, .todo:hover,
.org-done:hover, .org-org-done:hover, span.done:hover, .done:hover,
.org-started:hover, .org-org-started:hover, span.started:hover, .started:hover,
.org-waiting:hover, .org-org-waiting:hover, span.waiting:hover, .waiting:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.15s ease-out !important;
}