@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');


:root {
  color-scheme: dark;
}
/* ─── Normalize ─────────────────────────────────────────── */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
[hidden], template { display: none; }

/* ─── Base ─────────────────────────────────────────────── */
html, body { height: 100%; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #2a2e37;
  font-size: 16px;
  line-height: 1.6;
  color: #acb4c0;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; text-transform: none; }
h1 { font-family: "Press Start 2P", monospace; color: #cda76a; }
h2 { font-family: "VT323", monospace; font-size: 26px; color: #cda76a; }
h3, h4, h5, h6 { font-family: "VT323", monospace; font-size: 24px; color: #cda76a; }

p { line-height: 1.8; margin: 0 0 20px; }

a { text-decoration: none; }
a:link    { color: #51afef; }
a:visited { color: #c678dd; }
a:hover   { color: #4db5bd; }
a:active  { color: #51afef; }

ol, ul { line-height: 1.4; margin: 0 0 20px; }
ol ol, ol ul, ul ol, ul ul { margin: 10px 0 0 20px; }
ol li, ul li { margin: 0 0 2px; }
ol li:last-of-type, ul li:last-of-type { margin-bottom: 0; }

blockquote { border-left: 1px dotted #51afef; margin: 40px 0; padding: 5px 30px; }
blockquote p { display: block; font-style: italic; margin: 0; width: 100%; }

img { display: block; margin: 40px 0; max-width: 100%; width: auto; }
img[src$=align-center] { margin: auto; }
img[src$=align-left] { float: left; margin-right: 40px; }
img[src$=align-right] { float: right; margin-left: 40px; }

pre { border: 1px solid #3a404c; border-radius: 3px; font-size: 16px; margin: 0 0 20px; overflow-x: auto; padding: 10px; }
pre code { padding: 0; }
code { background-color: #21242b; border-radius: 4px; font-size: 90%; padding: 2px 4px; }

hr { border: none; border-bottom: 1px dotted #3a404c; margin: 45px 0; }

table { margin-bottom: 40px; width: 100%; }
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th { background-color: #21242b; }
table th { padding: 0 10px 10px; text-align: left; }
table td { padding: 10px; }
table tr { border-bottom: 1px dotted #3a404c; }

::selection { background: #3a404c; color: #acb4c0; display: block; }
::-moz-selection { background: #3a404c; color: #acb4c0; display: block; }

.fluid-width-video-wrapper { margin-bottom: 40px; }
.hidden { display: none; }
.clearfix:after { clear: both; content: ""; display: table; }

/* ─── Layout ────────────────────────────────────────────── */
.container {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 889px;
  padding-left: 2rem;
  padding-right: 2rem;
}

#wrapper { height: auto; margin-bottom: -265px; min-height: 100%; }
#wrapper:after { content: ""; display: block; height: 265px; }

.site-header,
.container,
.footer { background-color: #2a2e37; }

.site-header { overflow: auto; padding: 40px 0 0; text-align: center; }

.post-header,
.post-list,
.post-content {
  max-width: 889px;
  margin-left: auto;
  margin-right: auto;
}

/* ─── Header ────────────────────────────────────────────── */
.site-title-wrapper {
  display: flex;
  justify-content: center;
  padding: 0;
}

.site-title-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-socials {
  display: flex;
  align-items: center;
  gap: 4px;
}

.header-cart-wrap {
  position: absolute;
  right: 2rem;  /* match whatever padding you set on .container */
}

.site-title-wrapper .button-square,
.site-title-wrapper a.button-square.button-social,
.site-title-wrapper a.button-square.button-jump-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  flex: 0 0 auto;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

.site-title-wrapper .button-square:hover,
.site-title-wrapper a.button-square.button-social:hover,
.site-title-wrapper a.button-square.button-jump-top:hover { transform: none; }

.site-nav { list-style: none; margin: 28px 0 10px; padding: 0; }
.site-nav-item { display: inline-block; font-size: 14px; font-weight: 700; margin: 0 10px; }

/* ─── Buttons ───────────────────────────────────────────── */
a.button-square,
a.button-square.button-social {
  background-color: #2a2e37;
  color: #cda76a;
  margin: 0;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

a.button-square:hover,
a.button-square.button-social:hover {
  background-color: #2a2e37;
  color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

a.button-square.button-jump-top {
  background-color: #2a2e37;
  color: #cda76a;
  margin: 0;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

a.button-square.button-jump-top:hover {
  background-color: #2a2e37;
  color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

a.button-square.button-social[data-hint="Telegram"] .fa.fa-telegram { color: inherit; }

button {
  height: 30px;
  padding: 0 12px;
  border: 2px solid #51afef;
  cursor: pointer;
  background: #21242b;
  color: #cda76a;
  font-family: "VT323", monospace;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

button:hover {
  background: #21242b;
  color: #cda76a;
  border-color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

button:active {
  background: #21242b;
  color: #cda76a;
  border-color: #cda76a;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5);
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6);
}

.size-btn {
  padding: 8px 16px;
  margin: 4px;
  border: 2px solid #51afef;
  cursor: pointer;
  background: #21242b;
  color: #cda76a;
  font-family: "VT323", monospace;
  font-size: 20px;
  transition: color 0.25s ease, text-shadow 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.size-btn:hover {
  background: #21242b;
  color: #cda76a;
  border-color: #51afef;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

.size-btn:active {
  background: #21242b;
  color: #cda76a;
  border-color: #cda76a;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5);
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6);
}

/* ─── Share ─────────────────────────────────────────────── */
.post-tags, .share { color: #acb4c0; font-size: 14px; }
.post-tags span, .share span { font-weight: 600; }
.post-tags { float: left; margin: 3px 0 0; }
.share { float: right; }

.share a {
  background-color: #21242b;
  color: #acb4c0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
}

.share a:hover {
  background-color: #2a2e37;
  color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

/* ─── Nav ───────────────────────────────────────────────── */
.nav-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
}

.nav-links a {
  text-decoration: none;
  text-transform: uppercase;
  color: #cda76a;
  font-weight: bold;
  font-size: 17px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  display: inline-flex;
  align-items: center;
  height: 38px;
  border-left: 3px solid #51afef;
  padding-left: 10px;
  margin-left: 10px;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

.nav-links a:hover {
  background: none;
  color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

/* ─── View Cart Button───────────────────────────────────── */
.cart-btn {
  height: 30px;
  padding: 0 12px;
  border: 2px solid #51afef;
  cursor: pointer;
  background: #2a2e37;
  color: #cda76a !important;
  font-family: "VT323", monospace;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  transition: color 0.25s ease, text-shadow 0.25s ease, border-color 0.25s ease;
}
.cart-btn:hover {
  background: #2a2e37;
  color: #cda76a !important;
  border-color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

/* ─── Footer ────────────────────────────────────────────── */
.footer { min-height: 20vh; margin-top: 40px; overflow: auto; display: flex; flex-direction: column; justify-content: flex-end; }

.footer-menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  position: sticky;
  bottom: 0;
  background-color: transparent;
  padding: 12px 0;
  border-top: none;
  margin-top: auto;
}

.home-button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: bold;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  margin: 0;
}

.footer .home-button a {
  text-decoration: none;
  background-color: #2a2e37;
  color: #cda76a;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

.footer .home-button a:hover {
  background-color: transparent;
  color: #cda76a;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

.footer-menu-wrapper a.button-square.button-jump-top {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.footer-copyright { color: #acb4c0; font-size: 14px; margin: 0; text-align: center; text-transform: uppercase; }
.footer-copyright a { color: #51afef; font-weight: 700; }
.footer-copyright a:hover { color: #4db5bd; }

/* ─── Posts ─────────────────────────────────────────────── */
.post-header {
  margin: 0 0 20px;
  text-align: center;
  background-color: #51afef;
}

.post-title {
  color: inherit !important;
  font-size: 3rem !important;
  line-height: 1.2 !important;
  min-height: unset !important;
  height: auto !important;
  margin: 15px 0 !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
  overflow: visible !important;
  background-image: none !important;
}

.post-header p,
.post-content { color: #acb4c0; }

header.post-header p.post-date [itemprop="author"] a { color: #acb4c0; }

.blog-description, .post-date, .post-reading {
  color: #acb4c0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  margin: 25px 0 0;
}

.post-reading.post-line::after { content: none; display: none; }

.post-content a:hover { border-bottom: 1px dotted #51afef; padding: 0 0 2px; }
.post-content:last-child { margin-bottom: 0; }

.post-navigation { display: table; margin: 70px auto 100px; }
.newer-posts, .older-posts {
  background: #21242b;
  color: #acb4c0;
  float: left;
  font-size: 14px;
  font-weight: 600;
  margin: 0 5px;
  padding: 5px 10px 6px;
  text-transform: uppercase;
}
.newer-posts:hover, .older-posts:hover { background: #51afef; color: #acb4c0; }

.post-list { list-style: none; padding: 0; }

.post-stub { border-bottom: 1px dotted #3a404c; margin: 0; position: relative; }
.post-stub:first-child { padding-top: 0; }

.post-stub a { color: #cda76a !important; display: block; padding: 20px 5px; transition: color 0.25s ease, text-shadow 0.25s ease; }
.post-list .post-stub a:hover { background-color: transparent !important; color: #cda76a !important; padding: 20px 5px !important; text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3); }
.post-list .post-stub a:hover .post-stub-title { color: #cda76a !important; text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3); }

.post-stub-title { display: inline-block; margin: 0; text-decoration: none; color: #cda76a; }
.post-stub-date { display: inline-block; font-size: 14px; }
.post-stub-date:before { content: "/ "; }

.post-stub-tag {
  background: #21242b;
  border-radius: 3px;
  color: #acb4c0;
  float: right;
  font-size: 10px;
  margin: 7px 0 0;
  padding: 0 5px;
  text-transform: uppercase;
}

.order-complete,
.cart-page,
.post-header,
.post-list,
.post-content {
  background-color: #21242b;
  background-image:
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_vertical.svg"),
    url("/images/Celtic_Border_vertical.svg");
  background-position: top center, bottom center, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: auto 20px, auto 20px, 20px auto, 20px auto;
  padding: 2.2rem;
  margin: 0 0 1rem 0;
}

/* Celtic border outer wrapper */
.isso-container {
  background-color: #21242b;
  background-image:
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_vertical.svg"),
    url("/images/Celtic_Border_vertical.svg");
  background-position: top center, bottom center, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: auto 20px, auto 20px, 20px auto, 20px auto;
  padding: 2.2rem;
  margin: 0 0 1rem 0;
  box-sizing: border-box;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* ─── Product Layout ─────────────────────────────────────── */
.product-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.5rem;
  align-items: start;
  margin: 0 auto 2rem auto;
  max-width: 800px;
}

.product-item h3 {
  grid-column: 1;
  text-align: left;
}

.product-item img {
  grid-column: 1;
  grid-row: 2 / 4;
  width: 100%;
  max-height: 500px;
  height: auto;
  margin: 0;
  align-self: start;
  object-fit: contain;
}

.product-item p {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
}

.product-item form {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  margin-bottom: 0;
}
label[for="isso-postbox-website"],
#isso-postbox-website { display: none !important; }

form div { margin-bottom: 1rem; }

label {
  display: block;
  margin-bottom: 0.5rem;
  color: #cda76a;
  font-family: 'VT323', monospace;
  font-size: 14px;
}

input, textarea {
  width: 100%;
  padding: 0.5rem;
  background-color: #32373f;
  color: #acb4c0;
  border: 1px solid #3a404c;
  font-family: 'VT323', monospace;
  font-size: 14px;
  box-sizing: border-box;
}

input:focus, textarea:focus {
  border-color: #51afef;
  outline: none;
}

input::placeholder, textarea::placeholder {
  color: #6B5C4A;
}

form input[type="submit"] {
  background-color: #21242b;
  color: #cda76a;
  border: 2px solid #51afef;
  cursor: pointer;
  font-family: 'VT323', monospace;
  font-size: 17px;
  padding: 0.5rem 1.5rem;
  width: auto;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

form input[type="submit"]:hover {
  background-color: #21242b;
  color: #cda76a;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

/* ─── Isso Comments ─────────────────────────────────────── */

/* Celtic border outer wrapper */
.isso-container {
  background-color: #21242b;
  background-image:
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_horizontal.svg"),
    url("/images/Celtic_Border_vertical.svg"),
    url("/images/Celtic_Border_vertical.svg");
  background-position: top center, bottom center, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: auto 20px, auto 20px, 20px auto, 20px auto;
  padding: 2.2rem;
  margin: 0 0 1rem 0;
  box-sizing: border-box;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* Thread base reset */
#isso-thread {
  background-color: #21242b;
  padding: 0;
  margin: 0;
}

/* Default font and colours for all isso elements */
#isso-thread * {
  font-family: "VT323", monospace !important;
  color: #acb4c0 !important;
  background-color: #21242b !important;
}

/* "X Comments" heading */
#isso-thread .isso-thread-heading {
  margin-top: 0 !important;
  font-size: 36px !important;
}

/* ── Comment Form ──────────────────────────────────────── */

#isso-thread .isso-form-wrapper {
  background-color: #2d3240 !important;
}

/* Outer form box */
#isso-thread .isso-postbox {
  background-color: #2d3240 !important;
  border: none !important;
  padding: 0.5rem !important;
  margin-bottom: 0 !important;
}

#isso-thread .isso-postbox .isso-auth-section,
#isso-thread .isso-postbox .isso-auth-section *:not(input):not(textarea),
#isso-thread .isso-postbox .isso-textarea-wrapper,
#isso-thread .isso-postbox .isso-textarea-wrapper *:not(input):not(textarea),
#isso-thread .isso-postbox .isso-notification-section,
#isso-thread .isso-postbox .isso-notification-section *:not(input):not(textarea),
#isso-thread .isso-postbox .isso-post-action,
#isso-thread .isso-postbox .isso-input-wrapper,
#isso-thread .isso-postbox .isso-input-wrapper label {
  background-color: #2d3240 !important;
}

#isso-thread .isso-postbox textarea,
#isso-thread .isso-postbox input {
  background-color: #1e2330 !important;
}

/* Auth section: name, email, website fields */
#isso-thread .isso-auth-section {
  background-color: #2d3240 !important;
  padding: 0.5rem 0 !important;
}

#isso-thread .isso-auth-section .isso-input-wrapper {
  margin: 0 0 0 0.25rem !important;
}

#isso-thread .isso-auth-section .isso-input-wrapper:first-child {
  margin-left: 0 !important;
}

#isso-thread .isso-auth-section .isso-post-action {
  margin-top: 1.5rem !important;
}

/* Each input field wrapper */
#isso-thread .isso-input-wrapper {
  background-color: #2d3240 !important;
  margin: 0 0 0.5rem 1 !important;
  padding: 0 !important;
}

/* Input field labels */
#isso-thread .isso-input-wrapper label {
  background-color: #2d3240 !important;
  color: #cda76a !important;
  font-family: 'VT323', monospace !important;
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

/* Textarea wrapper */
#isso-thread .isso-textarea-wrapper {
  background-color: #2d3240 !important;
  border: none !important;
}

#isso-thread textarea.isso-textarea {
  border: 1px solid #3a404c !important;
}

#isso-thread textarea.isso-textarea:focus {
  border-color: #cda76a !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5) !important;
}

#isso-thread input:focus {
  border-color: #cda76a !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5) !important;
}

/* All text inputs and textarea base styles */
#isso-thread textarea,
#isso-thread input {
  background-color: #1e2330 !important;
  color: #acb4c0 !important;
  border: 1px solid #3a404c !important;
  font-family: 'VT323', monospace !important;
  font-size: 14px !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

/* Textarea overrides height and padding */
#isso-thread textarea {
  height: auto !important;
  padding: 0.5rem !important;
}

/* Preview area shown when clicking preview button */
#isso-thread .isso-preview {
  border: 2px solid #51afef !important;
  padding: 0.0rem !important;
  margin-top: 0.5rem !important;
}

/* Action buttons: preview, edit, submit */
#isso-thread .isso-post-action input,
#isso-thread .isso-post-action button,
#isso-thread .isso-submit-button,
#isso-thread input[type="submit"],
#isso-thread input[type="button"],
#isso-thread input[type="reset"] {
  font-family: "VT323", monospace !important;
  font-size: 17px !important;
  text-decoration: none;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  background-color: #21242b !important;
}

/* Submit button colours */
#isso-thread .isso-submit-button,
#isso-thread input[type="submit"] {
  background-color: #21242b !important;
  color: #cda76a !important;
  border: 2px solid #51afef !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

#isso-thread .isso-submit-button:hover,
#isso-thread input[type="submit"]:hover {
  background-color: #21242b !important;
  color: #cda76a !important;
  border-color: #cda76a !important;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6), 0 0 40px rgba(81, 175, 239, 0.3);
}

#isso-thread input[type="checkbox"] {
  height: 16px !important;
  width: 16px !important;
  line-height: 16px !important;
  padding: 0 !important;
}

/* Email notification checkbox */
#isso-thread .isso-notification-section {
  display: flex !important;
  align-items: center !important;
  background-color: #21242b !important;
  padding: 0.5rem 0 !important;
}

#isso-thread .isso-notification-section input[type="checkbox"] {
  accent-color: #51afef !important;
}

#isso-thread .isso-notification-section label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: #21242b !important;
  cursor: pointer !important;
}

#isso-thread .isso-notification-section input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  background-color: #1e2330 !important;
  border: 1px solid #3a404c !important;
  cursor: pointer !important;
}

#isso-thread .isso-notification-section input[type="checkbox"]:checked {
  background-color: #cda76a !important;
  border-color: #cda76a !important;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5) !important;
}

/* ── Comment List ──────────────────────────────────────── */

/* Comment list container */
#isso-thread .isso-comment-list {
  margin: 0 !important;
  padding: 0 0.5rem !important;
}

/* Individual comment */
#isso-thread .isso-comment {
  border-bottom: 1px solid #3a404c !important;
  padding: 1rem 0 !important;
}

/* Alternate comment background */
#isso-thread .isso-comment:nth-child(odd) {
  background-color: #2d3240 !important;
  padding: 1rem 0.5rem !important;
}

#isso-thread .isso-comment:nth-child(odd) *:not(input):not(textarea) {
  background-color: #2d3240 !important;
}

/* Comment text, header, footer use system font for readability */
#isso-thread .isso-text,
#isso-thread .isso-text *,
#isso-thread .isso-comment-header,
#isso-thread .isso-comment-header *,
#isso-thread .isso-comment-footer,
#isso-thread .isso-comment-footer *,
#isso-thread .isso-notification-section,
#isso-thread .isso-notification-section * {
  font-family: 'VT323', monospace !important;
}

/* Comment text size and colour */
#isso-thread .isso-text,
#isso-thread .isso-text * { 
  font-size: 16px !important;
  color: #acb4c0 !important;
}

/* Comment author/username */
#isso-thread .isso-author {
  color: #cda76a !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.4) !important;
}

/* Comment author link colour */
#isso-thread .isso-comment-header a { color: #cda76a !important; }

/* Timestamp */
#isso-thread .isso-comment-header .isso-timestamp,
#isso-thread .isso-comment-header time {
  color: #3a404c !important;
  font-size: 13px !important;
}

/* Comment action links (reply, edit, delete) */
#isso-thread .isso-comment-footer a { 
  color: #51afef !important;
  transition: color 0.25s ease, text-shadow 0.25s ease !important;
}
#isso-thread .isso-comment-footer a:hover {
  color: #cda76a !important;
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6) !important;
}

/* ─── Progress bar ──────────────────────────────────────── */
#nprogress .bar { background: #51afef; }
#nprogress .peg { box-shadow: 0 0 10px #51afef, 0 0 5px #51afef; }
#nprogress .spinner-icon { border-left-color: #51afef; border-top-color: #51afef; }

//* ─── MERCH BUTTONS ────────────────────────────────────────────── */
.size-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.size-btn {
  display: inline-flex !important;
  margin: 4px 0 !important;
  padding: 8px !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  outline: none !important;
}

/* ─── Mobile ────────────────────────────────────────────── */
@media (max-width: 768px) {
  html, body { width: 100%; overflow-x: hidden; }

  .container,
  .site-header,
  .footer,
  #post-index,
  .post-header,
  .post-list,
  .post-content {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .container,
  .site-header { padding-left: 12px; padding-right: 12px; }


  .header-cart-wrap { position: static; }
  .site-title-wrapper .container { justify-content: space-between; }

  h1 { font-size: 1.4rem; line-height: 1.2; }
  h2 { font-size: 1.6rem; line-height: 1.2; }
  h3, h4, h5, h6 { font-size: 1.15rem; line-height: 1.25; }

  .nav-links { flex-wrap: nowrap; gap: 4px; padding-bottom: 8px; }
  .product-item {
    display: block;
  }
  .product-item img {
    margin: 0 0 1rem 0;
  }
  .header-socials { gap: 2px; }
  .nav-links a { font-size: 8px; height: 20px; padding-left: 4px; margin-left: 2px; border-left-width: 2px; }

  .post-list,
  .post-content,
  .cart-page {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    background-size: 48px 14px, 48px 14px, 14px 48px, 14px 48px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .post-list,
  .post-header,
  .post-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    background-size: 48px 14px, 48px 14px, 14px 48px, 14px 48px;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .post-header {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .post-list {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .post-title { font-size: 1rem !important; line-height: 1.25 !important; overflow-wrap: anywhere; min-height: unset !important; height: auto !important; background-image: none !important; margin: 10px 0 !important; }

  .post-header > p { font-size: 14px; }

  body { font-size: 14px; }
  h2 { font-size: 20px; }
  p { margin-bottom: 12px !important; }

  .post-stub { margin-bottom: 0.3rem; }
  .post-stub a { display: block; padding: 15px 5px !important; overflow-wrap: anywhere; }
  .post-list .post-stub a:hover { padding: 15px 5px !important; }
  .post-stub-tag { display: none; }

  a.button-square,
  a.button-square.button-social,
  a.button-square.button-jump-top,
  .share a { min-width: 44px; min-height: 44px; }

  .site-title-wrapper a.button-square,
  .site-title-wrapper a.button-square.button-social,
  .site-title-wrapper a.button-square.button-jump-top { min-width: 30px; min-height: 30px; width: 30px; height: 30px; }

  .cart-btn { font-size: 14px; height: 24px; }
  button, .btn, .size-btn, input[type="submit"], input[type="button"], input[type="reset"],
  #isso-thread .isso-post-action button,
  #isso-thread .isso-submit-button,
  #isso-thread input[type="submit"],
  #isso-thread input[type="button"],
  #isso-thread input[type="reset"] { font-size: 14px; }

  #isso-thread .isso-auth-section .isso-input-wrapper { margin: 0 !important; }

  #isso-thread .isso-notification-section {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  #isso-thread .isso-notification-section label {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    word-break: break-word !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
  }

  #isso-thread .isso-notification-section label span,
  #isso-thread .isso-notification-section label a {
    flex: 1 1 auto !important;
    word-break: break-word !important;
    white-space: normal !important;
    min-width: 0 !important;
  }
  #isso-thread .isso-submit-button,
  #isso-thread input[type="submit"],
  #isso-thread input[type="button"],
  #isso-thread input[type="reset"] { font-size: 14px !important; min-width: 0 !important; min-height: 0 !important; }

  #isso-thread .isso-thread-heading { font-size: 20px !important; }

  .isso-container { background-size: 48px 14px, 48px 14px, 14px 48px, 14px 48px; }

  .post-stub-title { padding-left: 0; font-size: 14px; }
  .post-stub-date { font-size: 10px; }

  .footer .home-button a { font-size: 14px; }

  img, video, iframe, table { max-width: 100%; }

  .cart-page { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .cart-table { font-size: 9px; width: 100%; }
  .cart-table th, .cart-table td { padding: 3px 2px; }
  .cart-table input[type="number"] { width: 28px !important; font-size: 9px !important; padding: 1px !important; height: auto !important; }
  .cart-table button { font-size: 8px !important; padding: 1px 3px !important; height: auto !important; min-height: 0 !important; }
  .cart-table form { gap: 1px !important; }

  .post-container { margin-left: 0; margin-right: 0; }
  .post-tags { width: 100%; }
  .share { float: left; margin-top: 20px; }
  .footer { margin-top: 50px; }
  .home-button { padding: 0 2px; }
  .footer-menu-wrapper { font-size: 0; }
  .footer-menu-wrapper .home-button { font-size: 14px; }
  .footer-menu-wrapper a.button-square.button-jump-top { color: #cda76a; min-width: 30px; min-height: 30px; width: 30px; height: 30px; font-size: 14px; }
}

.size-buttons input[type="radio"] {
  display: none;
}

.size-buttons input[type="radio"]:checked + label {
  background: #21242b;
  color: #cda76a;
  border-color: #cda76a;
  outline: none;
  box-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.5);
  text-shadow: 0 0 8px rgba(81, 175, 239, 0.9), 0 0 20px rgba(81, 175, 239, 0.6);
}