/* ===== BICs 2026 - April Fools tier styling ===== */

/* Tier label (injected as <dd class="bics-tier"> in postprofile, same position as "Moderator") */
.bics-tier-1{color:#aaa !important}
.bics-tier-2{color:#555 !important}
.bics-tier-3{color:#386399 !important;font-weight:bold !important}
.bics-tier-4{color:#b8860b !important;font-weight:bold !important}

/* Tier 1: Bakkabouter — Comic Sans on content only, muted gray, faded profile, small grayscale avatar */
.april1-tier1 .postbody{color:#999 !important}
.april1-tier1 .postbody article,.april1-tier1 .postbody article *,.april1-tier1 .postbody blockquote,.april1-tier1 .postbody blockquote *{font-family:'Comic Sans MS','Marker Felt','Chalkboard SE',cursive !important}
.april1-tier1 .postprofile{opacity:.65}
.april1-tier1 .postprofile dd.avatar img{filter:grayscale(100%);max-width:70%;max-height:70%}

/* Tier 1: LLM-style disclaimer at the bottom of the post */
.bics-disclaimer{
    margin:1em 4px 4px 0;
    padding:.5em .75em;
    border:1px solid #e8a800;
    border-left:3px solid #e8a800;
    font-family:Calibri,Verdana,Tahoma,Arial,sans-serif !important;
    font-size:12px !important;
    font-style:italic;
    color:#555 !important;
    background:#fffbea;
    border-radius:3px;
    line-height:1.5;
}

/* Tier 2: Ruiter — normal, label only */

/* Tier 3: Amazone — larger username, larger post text, blue border (non-animated) */
@keyframes april1-shimmer-3{
  0%,100%{text-shadow:none}
  50%{text-shadow:0 0 6px rgba(56,99,153,.8),0 0 14px rgba(56,99,153,.4)}
}
.april1-tier3 .postprofile dt a{font-size:1.2em;animation:april1-shimmer-3 3.5s ease-in-out infinite}
.april1-tier3 .postprofile dd.avatar img{box-shadow:0 0 0 3px #386399}
.april1-tier3 .postbody article{font-size:16px !important}
.april1-tier3{border:2px solid #386399 !important;box-shadow:0 0 8px rgba(56,99,153,.35) !important}

/* Tier 4: Paardenfluisteraar — gold border + glow, pulsing avatar ring, larger username */
@keyframes april1-avatar-ring{
  0%,100%{box-shadow:0 0 0 3px #ffd700,0 0 8px rgba(255,215,0,.5)}
  50%{box-shadow:0 0 0 4px #ffec6e,0 0 16px rgba(255,215,0,.8)}
}
@keyframes april1-shimmer-4{
  0%,100%{text-shadow:none}
  50%{text-shadow:0 0 8px rgba(255,215,0,1),0 0 18px rgba(255,215,0,.6)}
}
.april1-tier4{border:2px solid gold !important;box-shadow:0 0 12px 3px rgba(255,215,0,.55) !important}
.april1-tier4 .postprofile dt a{font-size:1.35em;animation:april1-shimmer-4 2s ease-in-out infinite}
.april1-tier4 .postbody article{font-size:19px !important}
.april1-tier4 .postprofile dd.avatar img{animation:april1-avatar-ring 2.2s ease-in-out infinite}

/* BICs notice + delayed quick reply */
.april1-qr-delayed{
    opacity:.15;
    pointer-events:none;
    transition:opacity 1.4s ease;
}
.april1-qr-delayed.april1-qr-ready{
    opacity:1;
    pointer-events:auto;
}

/* BICs notice inside quickreply box */
.april1-bics-notice{
    margin:0 0 .75em 0;
    padding:.6em 1em;
    background:#eaf7ea;
    border:1px solid #7db97d;
    border-left:4px solid #3a8a3a;
    border-radius:3px;
    font-size:13px;
    color:#333;
}
.april1-bics-notice a{color:#2a6b2a;font-weight:bold}
.april1-dismiss-btn{
    float:right;
    background:none;
    border:none;
    cursor:pointer;
    color:#2a6b2a;
    font-size:14px;
    line-height:1;
    padding:0 0 0 .5em;
    opacity:.6;
}
.april1-dismiss-btn:hover{opacity:1}
.april1-ext-link::after{
    content:'';
    display:inline-block;
    width:.75em;
    height:.75em;
    margin-left:.25em;
    vertical-align:-.05em;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%232a6b2a' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5,3 0.5,3 0.5,9.5 5.5,9.5 5.5,5'/%3E%3Cpolyline points='7,0.5 9.5,0.5 9.5,3'/%3E%3Cline x1='4.5' y1='5.5' x2='9.5' y2='0.5'/%3E%3C/svg%3E");
}

/* ===== end BICs 2026 ===== */

.like:hover,.dislike:hover{cursor:pointer}#modalcontainer{display:none;background-color:rgba(0,0,0,.8);position:fixed;z-index:100;width:100%;height:100%;top:0;left:0;vertical-align:center}#annoyance{padding:1em;background-color:silver;border:3px ridge #fff;position:absolute;border-radius:9px;top:50%;left:50%;transform:translate(-50%, -50%)}#msgText{padding-bottom:1em}@media(min-width: 480px){#buttonbar{display:flex;justify-content:flex-end}}#buttonbar button{height:auto;line-height:1.2em;padding:.4em}@media(max-width: 480px){#buttonbar button{display:block;margin:1em auto}}
