/*
Theme Name: ButtonPress
Theme URI: https://example.com/buttonpress
Author: ChatGPT
Description: Minimal, fast, and accessible theme that lists posts as big buttons. Uses red / black / white palette.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: buttonpress
Tags: blog, one-column, custom-logo, custom-menu, featured-images, rtl-language-support, accessibility-ready
*/

/* Color System */
:root{
  --bp-red:#e50914;
  --bp-red-dark:#b20710;
  --bp-black:#0a0a0a;
  --bp-white:#ffffff;
  --bp-gray:#1a1a1a;
}

/* Base reset */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bp-black);
  color:var(--bp-white);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
}

/* Global links */
a{color:var(--bp-white);text-decoration:none}
a:focus{outline:2px dashed var(--bp-white);outline-offset:2px}

/* Layout */
.container{max-width:960px;margin:0 auto;padding:24px}
.header{
  text-align:center;
  padding:24px 12px;
}
.site-title{margin:8px 0 0;font-size:28px;font-weight:800;letter-spacing:.5px}
.site-desc{margin:4px 0 0;opacity:.8}
.site-brand{
  display:inline-flex;gap:12px;align-items:center;justify-content:center;
}
.site-brand .logo img{width:84px;height:84px;border-radius:50%;border:2px solid var(--bp-red)}

/* Navigation */
.nav{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px auto 0;
}
.nav a{
  padding:8px 14px;border-radius:999px;background:var(--bp-gray);
}
.nav a:hover{background:var(--bp-red)}
.current-menu-item>a{background:var(--bp-red)}

/* Button list */
.button-list{
  display:flex;flex-direction:column;gap:10px;align-items:center;
}
.button-list .post-button{
  display:block;width:min(520px,92%);
  background:linear-gradient(180deg,var(--bp-red),var(--bp-red-dark));
  color:#fff;font-weight:800;letter-spacing:.3px;
  padding:14px 18px;border-radius:8px;text-align:center;
  box-shadow:0 6px 14px rgba(229,9,20,.25);
  transition:transform .05s ease, box-shadow .2s ease, filter .2s ease;
}
.post-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(229,9,20,.35);filter:saturate(1.1)}
.post-button:active{transform:translateY(1px)}

/* Search box */
.search-form{display:flex;gap:8px;justify-content:center;margin:14px 0 20px}
.search-form input[type=search]{width:min(520px,80%);padding:10px 12px;border-radius:8px;border:1px solid #333;background:#121212;color:#fff}
.search-form button{padding:10px 14px;border-radius:8px;border:0;background:var(--bp-red);color:#fff;font-weight:700}
.search-form button:hover{background:var(--bp-red-dark)}

/* Single/Page */
.content{max-width:860px;margin:0 auto;padding:16px}
.h1,.content h1{font-size:28px;margin:0 0 10px;font-weight:800}
.post-meta{opacity:.7;font-size:14px;margin-bottom:16px}
.content img, .content iframe, .content video{max-width:100%;height:auto;border-radius:8px}
.wp-block-image img{border-radius:8px}

/* Footer */
.footer{padding:24px 12px;text-align:center;opacity:.8;border-top:2px solid #111}

/* Widgets */
.sidebar .widget{background:#111;border:1px solid #222;border-radius:10px;padding:12px;margin-bottom:12px}
.sidebar .widget-title{border-bottom:2px solid var(--bp-red);padding-bottom:6px;margin:0 0 10px}

/* Gutenberg palette */
.has-bp-red-background-color{background:var(--bp-red)}
.has-bp-red-color{color:var(--bp-red)}
.has-bp-black-background-color{background:var(--bp-black)}
.has-bp-black-color{color:var(--bp-black)}
.has-bp-white-background-color{background:var(--bp-white)}
.has-bp-white-color{color:var(--bp-white)}

/* Accessibility */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#000;padding:8px 12px;z-index:1000}


/* === ButtonPress additions: related + nav + comments === */
.post-nav{display:flex;justify-content:center;gap:10px;margin:22px 0}
.post-nav a{display:inline-block;background:linear-gradient(180deg,var(--bp-red,#e50914),var(--bp-red-dark,#b20710));color:#fff;font-weight:800;padding:10px 14px;border-radius:999px;text-decoration:none;box-shadow:0 6px 14px rgba(229,9,20,.25);transition:transform .05s ease,box-shadow .2s ease,filter .2s ease}
.post-nav a:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(229,9,20,.35);filter:saturate(1.1)}
.navigation.pagination{display:flex;justify-content:center;margin:18px 0}
.page-numbers{display:inline-block;padding:8px 12px;margin:0 4px;border-radius:8px;background:#111;color:#fff}
.page-numbers.current,.page-numbers:hover{background:var(--bp-red,#e50914);color:#fff}
.related-wrap{margin:26px auto 18px;max-width:860px}
.related-wrap h3{margin:0 0 10px;font-size:20px;font-weight:800}
.related-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}
.related-buttons a{width:min(520px,92%)}
.comments{max-width:860px;margin:22px auto;background:#0f0f0f;border:1px solid #222;border-radius:12px;padding:16px}
.comment-list{list-style:none;padding:0;margin:0 0 12px}
.comment-list .comment{border-bottom:1px solid #222;padding:12px 0}
.comment-author,.comment-metadata{opacity:.8;font-size:14px}
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;background:#121212;border:1px solid #333;color:#fff;border-radius:8px;padding:10px 12px}
.comment-form textarea{min-height:140px}
.comment-form .form-submit input[type="submit"]{background:var(--bp-red,#e50914);border:0;color:#fff;font-weight:800;padding:10px 16px;border-radius:8px;cursor:pointer}
.comment-form .form-submit input[type="submit"]:hover{background:var(--bp-red-dark,#b20710)}