/* iroge-no-game complete CSS for jin-child */

@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=RocknRoll+One&display=swap');

:root {
  --iy: #FFE94A;
  --ip: #FF4FA8;
  --ic: #2BCEDE;
  --ik: #1A1A1F;
  --iw: #FFFDF4;
  --ibg: #FFF6C8;
  --ipop: 3px 3px 0 var(--ik);
  --ipops: 2px 2px 0 var(--ik);
}

body.wp-theme-jin {
  background-color: var(--ibg) !important;
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  color: var(--ik) !important;
}
html body.wp-theme-jin #header #site-info .tn-logo-size a {
  display: inline-block !important;
  width: 280px !important;
  height: 56px !important;
  background-image: url('https://irohasugame.com/wp-content/uploads/2026/05/iroge-logo-wide.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  html body.wp-theme-jin #header #site-info .tn-logo-size a {
    width: 200px !important;
    height: 40px !important;
  }
}

/* Header background - yellow */
body.wp-theme-jin #header,
body.wp-theme-jin .l-header,
body.wp-theme-jin .header-container,
html body.wp-theme-jin #header {
  background-color: var(--iy) !important;
  border-bottom: 5px solid var(--ik) !important;
  box-shadow: 0 4px 0 var(--ik) !important;
}

/* Site name - force black + Mochiy font (override JIN inline CSS) */
html body.wp-theme-jin #header #site-info,
html body.wp-theme-jin #header #site-info a,
html body.wp-theme-jin #header #site-info span,
html body.wp-theme-jin #header #site-info span a,
html body.wp-theme-jin #header .tn-logo-size,
html body.wp-theme-jin #header .tn-logo-size a,
html body.wp-theme-jin .site-name-text,
html body.wp-theme-jin .site-name-text a {
  color: #1A1A1F !important;
  font-family: 'Mochiy Pop One', sans-serif !important;
  font-size: 28px !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  font-weight: normal !important;
}

/* Global nav menu */
body.wp-theme-jin .global-menu a,
body.wp-theme-jin nav a {
  color: var(--ik) !important;
  font-family: 'RocknRoll One', sans-serif !important;
  font-weight: bold !important;
}

/* H2 override JIN h2-style01..10 */
body.wp-theme-jin .h2-style01 h2,
body.wp-theme-jin .h2-style02 h2,
body.wp-theme-jin .h2-style03 h2,
body.wp-theme-jin .h2-style04 h2,
body.wp-theme-jin .h2-style05 h2,
body.wp-theme-jin .h2-style06 h2,
body.wp-theme-jin .h2-style07 h2,
body.wp-theme-jin .h2-style08 h2,
body.wp-theme-jin .h2-style09 h2,
body.wp-theme-jin .h2-style10 h2,
body.wp-theme-jin .post-content h2,
body.wp-theme-jin .cps-post-main h2,
body.wp-theme-jin article h2 {
  background-color: var(--iy) !important;
  background-image: none !important;
  border: 3px solid var(--ik) !important;
  border-radius: 12px !important;
  box-shadow: var(--ipop) !important;
  padding: 12px 18px !important;
  margin: 32px 0 22px !important;
  font-family: 'Mochiy Pop One', sans-serif !important;
  font-size: 22px !important;
  color: var(--ik) !important;
  font-weight: normal !important;
}

body.wp-theme-jin h2::before,
body.wp-theme-jin h2::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* H3 */
body.wp-theme-jin .h3-style01 h3,
body.wp-theme-jin .h3-style02 h3,
body.wp-theme-jin .h3-style03 h3,
body.wp-theme-jin .h3-style04 h3,
body.wp-theme-jin .h3-style05 h3,
body.wp-theme-jin .post-content h3,
body.wp-theme-jin .cps-post-main h3,
body.wp-theme-jin article h3 {
  background-color: var(--iw) !important;
  background-image: none !important;
  border: none !important;
  border-left: 6px solid var(--ip) !important;
  border-bottom: 2px dashed var(--ik) !important;
  padding: 8px 14px !important;
  margin: 24px 0 14px !important;
  font-family: 'Mochiy Pop One', sans-serif !important;
  font-size: 18px !important;
  color: var(--ik) !important;
  font-weight: normal !important;
}

body.wp-theme-jin h3::before,
body.wp-theme-jin h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Post title H1 */
body.wp-theme-jin h1.cps-post-title,
body.wp-theme-jin .cps-post-title,
body.wp-theme-jin .cps-post-title.post-title,
body.wp-theme-jin .cps-post h1,
body.wp-theme-jin article h1,
body.wp-theme-jin .entry-title {
  background-color: var(--iy) !important;
  background-image: none !important;
  border: 3px solid var(--ik) !important;
  box-shadow: var(--ipop) !important;
  border-radius: 18px !important;
  padding: 16px 20px !important;
  font-family: 'Mochiy Pop One', sans-serif !important;
  color: var(--ik) !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
  display: block !important;
}

/* Post container card */
body.wp-theme-jin .cps-post,
body.wp-theme-jin article.post {
  background-color: var(--iw) !important;
  border: 3px solid var(--ik) !important;
  box-shadow: var(--ipop) !important;
  border-radius: 18px !important;
  padding: 24px !important;
}

/* Post content text */
body.wp-theme-jin .post-content,
body.wp-theme-jin .post-content p,
body.wp-theme-jin .cps-post-main,
body.wp-theme-jin .cps-post-main p {
  font-family: 'Zen Kaku Gothic New', sans-serif !important;
  font-weight: 500 !important;
  color: var(--ik) !important;
  line-height: 1.8 !important;
}

body.wp-theme-jin .post-content strong,
body.wp-theme-jin .cps-post-main strong {
  background: linear-gradient(transparent 60%, var(--iy) 60%) !important;
  padding: 0 2px !important;
}

/* Images */
body.wp-theme-jin .post-content img,
body.wp-theme-jin .cps-post-main img,
body.wp-theme-jin .wp-block-image img {
  border: 3px solid var(--ik) !important;
  border-radius: 12px !important;
  box-shadow: var(--ipop) !important;
}

/* Lists */
body.wp-theme-jin .post-content ul,
body.wp-theme-jin .post-content ol,
body.wp-theme-jin .cps-post-main ul,
body.wp-theme-jin .cps-post-main ol {
  background-color: var(--iw) !important;
  border: 2.5px solid var(--ik) !important;
  border-radius: 12px !important;
  padding: 16px 16px 16px 38px !important;
  box-shadow: var(--ipops) !important;
  margin: 16px 0 !important;
}

body.wp-theme-jin .post-content ul li::marker {
  color: var(--ip) !important;
  font-size: 1.2em !important;
}

/* Sidebar widgets */
body.wp-theme-jin .sideber .widget,
body.wp-theme-jin .sideber .widget_block,
body.wp-theme-jin aside .widget,
body.wp-theme-jin .sidebar > div {
  background-color: var(--iw) !important;
  border: 3px solid var(--ik) !important;
  box-shadow: var(--ipop) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  margin-bottom: 20px !important;
}

body.wp-theme-jin .sideber .widget h2,
body.wp-theme-jin .sideber .widget_block h2.wp-block-heading {
  background-color: var(--ip) !important;
  color: var(--iw) !important;
  border: 2.5px solid var(--ik) !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
  font-family: 'Mochiy Pop One', sans-serif !important;
  font-size: 16px !important;
  display: inline-block !important;
  margin-bottom: 14px !important;
  box-shadow: var(--ipops) !important;
}

/* Recent posts as 2-col grid */
body.wp-theme-jin .wp-block-latest-posts__list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.wp-theme-jin .wp-block-latest-posts__list li {
  background-color: var(--iy) !important;
  border: 2.5px solid var(--ik) !important;
  box-shadow: var(--ipops) !important;
  border-radius: 10px !important;
  padding: 8px !important;
}

body.wp-theme-jin .wp-block-latest-posts__list li a {
  color: var(--ik) !important;
  font-family: 'RocknRoll One', sans-serif !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

/* Archive/category list as pills */
body.wp-theme-jin .wp-block-archives-list,
body.wp-theme-jin .wp-block-categories-list {
  list-style: none !important;
  padding: 0 !important;
}

body.wp-theme-jin .wp-block-archives-list li,
body.wp-theme-jin .wp-block-categories-list li {
  background-color: var(--ic) !important;
  border: 2px solid var(--ik) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  margin: 4px !important;
  display: inline-block !important;
  font-family: 'RocknRoll One', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

body.wp-theme-jin .wp-block-archives-list li a,
body.wp-theme-jin .wp-block-categories-list li a {
  color: var(--ik) !important;
  text-decoration: none !important;
}

/* Search */
body.wp-theme-jin .wp-block-search input[type="search"] {
  background-color: var(--iw) !important;
  border: 2.5px solid var(--ik) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

body.wp-theme-jin .wp-block-search button {
  background-color: var(--ip) !important;
  color: var(--iw) !important;
  border: 2.5px solid var(--ik) !important;
  border-radius: 8px !important;
  font-family: 'RocknRoll One', sans-serif !important;
  font-weight: bold !important;
  box-shadow: var(--ipops) !important;
}

/* Pagination */
body.wp-theme-jin .pagination a,
body.wp-theme-jin .page-numbers {
  background-color: var(--iw) !important;
  border: 2.5px solid var(--ik) !important;
  box-shadow: var(--ipops) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-family: 'RocknRoll One', sans-serif !important;
}

body.wp-theme-jin .page-numbers.current {
  background-color: var(--ip) !important;
  color: var(--iw) !important;
}

/* Footer - force dark */
html body.wp-theme-jin .l-footer,
html body.wp-theme-jin .footer,
html body.wp-theme-jin #footer,
html body.wp-theme-jin .l-footer-bottom,
html body.wp-theme-jin .footer-bottom,
html body.wp-theme-jin #footer-info,
html body.wp-theme-jin .footer-area,
html body.wp-theme-jin .footer-cap {
  background-color: #1A1A1F !important;
  background: #1A1A1F !important;
  color: #FFFDF4 !important;
}

html body.wp-theme-jin .l-footer a,
html body.wp-theme-jin .footer a,
html body.wp-theme-jin #footer a {
  color: #FFE94A !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.wp-theme-jin .post-content h2,
  body.wp-theme-jin .h2-style01 h2 {
    font-size: 18px !important;
    padding: 10px 14px !important;
  }
  html body.wp-theme-jin #header #site-info span a {
    font-size: 22px !important;
  }
}