/* theme: corkboard, playful pinned sticky notes on a cork wall */

.wall-theme-corkboard {
  background:
    radial-gradient(circle at 1px 1px, rgba(120,90,50,0.18) 1px, transparent 1px) 0 0/20px 20px,
    #2b2013;
  color: #221a13;
  border-radius: 14px;
  padding-top: 20px;
}

.wall-theme-corkboard .wall-heading h2 { font-family: "VT323", monospace; font-size: 2.6rem; color: #fff3d6; margin: 0; }
.wall-theme-corkboard .wall-heading p { color: #d8c7a6; font-size: 0.9rem; }

.wall-theme-corkboard .wall-controls { border-bottom: 1px dashed rgba(255,255,255,0.2); padding-bottom: 10px; }
.wall-theme-corkboard .wall-count { font-family: "Ubuntu Mono", monospace; font-size: 0.75rem; color: #d8c7a6; }
.wall-theme-corkboard .wall-sort button { font-family: "Ubuntu Mono", monospace; font-size: 0.72rem; background: none; border: 1px solid rgba(255,255,255,0.25); color: #d8c7a6; padding: 4px 10px; border-radius: 6px; cursor: pointer; }
.wall-theme-corkboard .wall-sort button.active { color: #221a13; background: #ffcf5c; border-color: #ffcf5c; }

.wall-theme-corkboard .wall-authbar { color: #d8c7a6; }
.wall-theme-corkboard .wall-authbar .switch { color: #ffcf5c; }
.wall-theme-corkboard .wall-authform input { font-family: system-ui, sans-serif; font-size: 0.85rem; color: #221a13; background: #f3ede0; border: none; border-radius: 4px; padding: 8px 10px; }
.wall-theme-corkboard .wall-authform button { font-family: system-ui, sans-serif; font-weight: 600; font-size: 0.8rem; background: #ffcf5c; color: #221a13; border: none; padding: 8px 14px; border-radius: 4px; cursor: pointer; }
.wall-theme-corkboard .wall-authform .err { color: #ffb3a3; }

.wall-theme-corkboard .wall-compose {
  position: relative;
  background: #fff3b0;
  padding: 20px 20px 16px;
  transform: rotate(-0.6deg);
  box-shadow: 2px 6px 14px rgba(0,0,0,0.3);
}
.wall-theme-corkboard .wall-compose::before {
  content: ""; position: absolute; top: -9px; left: 50%; transform: translateX(-50%);
  width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff9d97, #e0453f 60%);
  box-shadow: 0 2px 3px rgba(0,0,0,0.35);
}
.wall-theme-corkboard .wall-compose label { display: block; font-family: "Ubuntu Mono", monospace; font-size: 11px; color: rgba(34,26,19,0.6); margin-bottom: 8px; }
.wall-theme-corkboard .wall-compose textarea { font-family: system-ui, sans-serif; font-size: 15px; color: #221a13; background: transparent; border: none; border-bottom: 1px dashed rgba(34,26,19,0.3); padding-bottom: 10px; }
.wall-theme-corkboard .wall-compose-file { color: rgba(34,26,19,0.7); }
.wall-theme-corkboard .wall-filelabel { color: #c2432f; font-weight: 600; }
.wall-theme-corkboard .wall-compose-foot input[type=text] { font-family: "Ubuntu Mono", monospace; font-size: 12px; background: transparent; border: none; border-bottom: 1px solid rgba(34,26,19,0.25); color: #221a13; padding: 2px 0; }
.wall-theme-corkboard .wall-compose-foot button { font-family: system-ui, sans-serif; font-weight: 700; font-size: 14px; background: #c2432f; color: #fff8ee; border: none; padding: 8px 16px; border-radius: 3px; cursor: pointer; }

.wall-theme-corkboard .wall-post {
  position: relative; color: #221a13; box-shadow: 2px 5px 12px rgba(0,0,0,0.28);
}
.wall-theme-corkboard .wall-post::before {
  content: ""; position: absolute; top: -8px; left: 22px; width: 52px; height: 16px;
  background: rgba(255,255,255,0.55); transform: rotate(-3deg);
}
.wall-theme-corkboard .wall-post.author-0 { background: #ffcf5c; transform: rotate(-1.1deg); }
.wall-theme-corkboard .wall-post.author-1 { background: #b8e46c; transform: rotate(0.8deg); }
.wall-theme-corkboard .wall-post.author-2 { background: #fff3b0; transform: rotate(-0.4deg); }
.wall-theme-corkboard .wall-post.author-3 { background: #ff8a73; transform: rotate(0.5deg); }

.wall-theme-corkboard .wall-post-name { font-family: system-ui, sans-serif; font-weight: 700; font-size: 15px; }
.wall-theme-corkboard .wall-post-time { font-family: "Ubuntu Mono", monospace; font-size: 10px; color: rgba(34,26,19,0.55); }
.wall-theme-corkboard .wall-post-body { font-size: 14.5px; }
.wall-theme-corkboard .wall-reacts button { font-family: "Ubuntu Mono", monospace; font-size: 12px; color: rgba(34,26,19,0.75); }
.wall-theme-corkboard .wall-reacts button:hover { color: #221a13; }
.wall-theme-corkboard .wall-replylink { font-family: "Ubuntu Mono", monospace; font-size: 12px; color: rgba(34,26,19,0.55); }

.wall-theme-corkboard .wall-thread { border-left: 1px dashed rgba(34,26,19,0.35); }
.wall-theme-corkboard .wall-reply { background: rgba(255,255,255,0.35); border-radius: 2px; }
.wall-theme-corkboard .wall-reply-name { font-family: system-ui, sans-serif; font-weight: 700; font-size: 13px; }
.wall-theme-corkboard .wall-reply-time { font-family: "Ubuntu Mono", monospace; font-size: 9.5px; color: rgba(34,26,19,0.5); }
.wall-theme-corkboard .wall-reply-body { font-size: 13.5px; }
.wall-theme-corkboard .wall-reply .wall-reacts button { font-size: 11px; }
.wall-theme-corkboard .wall-reply .wall-replylink { font-size: 11px; }
.wall-theme-corkboard .wall-reply .wall-thread { margin-top: 8px; }

.wall-theme-corkboard .wall-attachment-file { color: #221a13; font-weight: 600; font-size: 13px; }
.wall-theme-corkboard .wall-attachment-file span { color: rgba(34,26,19,0.6); font-weight: 400; }
.wall-theme-corkboard .wall-replybox input[type=text] { font-family: system-ui, sans-serif; font-size: 13px; color: #221a13; background: rgba(255,255,255,0.4); border: none; border-radius: 2px; padding: 7px 9px; }
.wall-theme-corkboard .wall-replybox button { font-family: "Ubuntu Mono", monospace; font-size: 11px; background: #221a13; color: #fff; border: none; padding: 0 12px; border-radius: 2px; cursor: pointer; }

.wall-theme-corkboard .wall-loadmore { font-family: "Ubuntu Mono", monospace; font-size: 0.72rem; background: none; border: 1px solid rgba(255,255,255,0.3); color: #d8c7a6; padding: 9px 18px; border-radius: 6px; cursor: pointer; }
.wall-theme-corkboard .wall-annot { font-family: "Ubuntu Mono", monospace; color: #a4926f; }
.wall-theme-corkboard .wall-empty { color: #d8c7a6; font-family: "Ubuntu Mono", monospace; }
