/* Write your custom CSS here! */

/* asking.synth.download/assets/custom/custom.css */
.ask {
    .content {
        p:first-child {
            margin-bottom: 14px; /* give the question a bit more room */
        }
    }
    
    &:has(.response form label input[name="response"]) { /* unanswered asks */
        border: 2px solid var(--primary);
    }
    
    &:has(details.cw) { /* ask with content warning */
        details.cw summary {
            list-style: none;
            cursor: pointer;
            border-left: 2px solid var(--warn);
            padding-left: 12px;

            &:before {
                content: "";
                margin-right: 5px;
                display: inline-block;
                width: 18px;
                height: 18px;
                background-color: var(--warn);
                mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01'/%3E%3C/svg%3E");
                vertical-align: bottom;
            }
        }
        
        &:has(.response form label input[name="response"]) { /* unanswered asks */
            border: 2px solid var(--warn);
            
            details.cw summary {
                border-left: none;
                padding-left: 14px;
            }
        }
    }
    
    &:has(details.cw[open]) { /* ask with content warning - opened */
        details.cw summary {
            border-left: unset;
            padding-left: 14px;
            border-bottom: solid 1px var(--primary-50);
            border-left: unset;
        }
    }
}