/*
Theme Name: Built by Boot
Theme URI: https://builtbyboot.co.uk
Author: Built by Boot
Description: Blog theme that matches the Built by Boot website — same type, lime accents, nav and footer. Content published by Soro renders in the site's article style.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: builtbyboot
*/

/* ---- WordPress-specific tidy-ups (the bulk of the styling comes from assets/main.css) ---- */

/* the admin bar offsets the fixed nav for logged-in users */
body.admin-bar .nav { top: 32px; }
@media (max-width: 782px){ body.admin-bar .nav { top: 46px; } }

/* Soro/Gutenberg content inside the .prose column */
.prose img { max-width: 100%; height: auto; border-radius: 16px; margin: 1.5em 0; }
.prose figure { margin: 1.6em 0; }
.prose figure img { margin: 0; }
.prose figcaption { font-size: 13px; color: var(--muted); text-align: center; margin-top: 10px; }
.prose .wp-block-image { margin: 1.5em 0; }
.prose .wp-block-image img { border-radius: 16px; }
.prose .wp-block-quote, .prose blockquote { }
.prose .wp-block-button__link { display: inline-flex; }
.prose h4 { font-weight: 600; font-size: clamp(17px,1.8vw,20px); color: #111; margin: 1.4em 0 0.4em; }
.prose ol { list-style: decimal; }
.prose table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 15.5px; }
.prose th, .prose td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; }
.prose th { background: var(--paper-2); font-weight: 600; color: var(--ink); }
.prose a { word-break: break-word; }

/* pagination */
.bbb-pagination { max-width: 720px; margin: clamp(30px,5vw,50px) auto 0; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.bbb-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; font-weight: 600; font-size: 14.5px; color: var(--muted); transition: border-color .2s, color .2s, background .2s; }
.bbb-pagination .page-numbers:hover { border-color: var(--lime); color: var(--ink); }
.bbb-pagination .page-numbers.current { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* empty state */
.bbb-empty { max-width: 720px; margin: 0 auto; text-align: center; color: var(--muted); }

/* =========================================================
   MOBILE / LOAD FIXES (baked in — mirror the Additional CSS overrides)
   ========================================================= */
/* Show content immediately — no fade-in delay on load */
.reveal { opacity: 1; transform: none; transition: none; }
/* Article & page templates must clear the fixed nav (was too tight on mobile) */
.article { padding-top: clamp(104px, 14vh, 140px); }