/*
Theme Name: Chan Minimal
Description: Minimal WordPress theme with classic imageboard aesthetics.
Version: 1.1.0
Text Domain: chan-minimal
*/

/* ===== Palette (approx. classic 4chan) ===== */
:root{
  --bg:#f0e0d6;          /* page background */
  --ink:#2a1f1a;         /* primary text */
  --muted:#62473d;       /* muted text */
  --paper:#fff;          /* white panel */
  --line:#c8b6ab;        /* light border */
  --box:#f7efe9;         /* panel bg */
  --bar:#b94a48;         /* red title bar */
  --bar-text:#fff;       /* title bar text */
  --link:#0000ee;        /* old-school blue link */
  --link-visited:#551a8b;
  --accent:#117743;      /* green accent used sparingly */
}

*{box-sizing:border-box}
html{font-size:16px}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height:1.6;
}

/* Links mimic classic web defaults */
a{ color:var(--link); text-decoration:underline }
a:hover, a:focus{ text-decoration:none }
a:visited{ color:var(--link-visited) }

.container{ max-width:1000px; margin-inline:auto; padding:0 12px }

/* ===== Header ===== */
header.site-header{
  padding:16px 0 8px;
  margin-bottom:10px;
  background:linear-gradient(#f7efe9, var(--bg));
  border-bottom:1px solid var(--line);
  text-align:center;
}
.site-title{
  margin:0;
  font-size:40px;
  font-weight:700;
  color:#833;            /* deep maroon similar to 4chan wordmark */
  letter-spacing:.5px;
}
.site-title a{ color:inherit; text-decoration:none }
.site-sub{
  color:var(--muted);
  margin-top:4px;
  font-size:14px;
}

/* "Info / What is ..." notice box under header */
.notice{
  margin:12px auto 18px;
  background:var(--paper);
  border:1px solid #a77;
  box-shadow:0 .5px 0 rgba(0,0,0,.06);
}
.notice-title{
  background:var(--bar);
  color:var(--bar-text);
  padding:6px 10px;
  font-weight:bold;
  font-size:14px;
}
.notice-body{
  padding:10px 12px;
  font-size:14px;
}

/* ===== Nav (boards-style multi-column) ===== */
nav.primary{
  margin:18px auto 6px;
}
nav.primary .menu{
  list-style:none; padding:0; margin:0;
  display:grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap:6px 14px;
}
nav.primary .menu a{ font-size:13px }

/* ===== Generic "box" (for lists/sections) ===== */
.box{
  background:var(--box);
  border:1px solid #b77;
  margin:20px 0;
}
.box .box-title{
  background:var(--bar);
  color:var(--bar-text);
  padding:6px 10px;
  font-weight:bold;
  font-size:14px;
}
.box .box-body{ padding:10px 12px }

/* ===== Main list/posts (cards styled like panels) ===== */
main{ display:block }
.article-list{ list-style:none; padding:0; margin:0 }
.card{
  background:var(--paper);
  border:1px solid #b77;
  margin:10px 0 16px;
  padding:10px 12px;
}
.card h2, .card h1{
  margin:0 0 6px 0;
  font-size:18px;
}
.meta{
  color:var(--muted);
  font-size:12px;
  margin:0 0 8px 0;
}

/* Pagination and buttons */
.pagination{ display:flex; gap:8px; margin:16px 0 }
.pagination a, .pagination span, .button{
  border:1px solid #b77;
  background:var(--paper);
  padding:3px 8px;
  font-size:13px;
  border-radius:2px;
  text-decoration:none;
}
.pagination a:hover, .button:hover{ background:#fff7f3 }

/* Footer */
footer.site-footer{
  margin-top:24px;
  padding:16px 0 28px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
  text-align:center;
}

/* Content */
.entry-content img{ max-width:100%; height:auto }
pre{
  background:#fff7f3;
  border:1px solid var(--line);
  padding:.75rem;
  overflow:auto;
}

/* Comments resemble post panels */
.comments{ margin-top:18px }
.comment-list{ list-style:none; padding:0 }
.comment{
  border:1px dashed #b77;
  background:#fffdfa;
  padding:10px 12px;
  margin-bottom:10px;
}
.comment-meta{ color:var(--muted); font-size:12px; margin-bottom:4px }
input[type="text"], input[type="email"], input[type="url"], textarea{
  width:100%; padding:.5rem; border:1px solid var(--line); background:#fff;
}
input[type="submit"], button{ border:1px solid #b77; background:#fff; padding:.35rem .7rem; cursor:pointer }
input[type="submit"]:hover, button:hover{ background:#fff7f3 }