/*
Theme Name: Architect Log
Theme URI: https://mywebprofiler.com/
Author: Architect
Author URI: https://mywebprofiler.com/
Description: A brutalist, architectural blog theme for engineers and technical writers. Dark surfaces, gold accents, monospace technical data, and a strict grid system. Inspired by Twenty Fourteen's structure with a modern editorial aesthetic.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: architect-log
Tags: blog, one-column, two-columns, custom-menu, featured-images, threaded-comments, translation-ready, dark-mode
*/

/* Most visual styling is delivered via Tailwind (enqueued in functions.php).
   This file defines core WP element styles and overrides. */

html { background: #050505; }
body {
  background-color: #050505;
  color: #e2e2e2;
  overflow-x: hidden;
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.architectural-grid {
  position: fixed; inset: 0; pointer-events: none; z-index: 1;
  background-image:
    linear-gradient(to right, rgba(38,38,38,.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(38,38,38,.08) 1px, transparent 1px);
  background-size: 20% 15%;
}
.content-canvas { position: relative; z-index: 2; }
.brutalist-border { border: 1px solid #262626; }
.gold-glow:hover { box-shadow: 0 0 15px rgba(201,180,140,.2); border-color: #C9B48C; }
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
pre { scrollbar-width: thin; scrollbar-color: #262626 #0c0f0f; }

/* WordPress core required classes */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 1100px; }
.alignfull { max-width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-family: "JetBrains Mono", monospace; font-size: 12px; color: #A5A5A5; text-transform: uppercase; letter-spacing: .15em; padding-top: 8px; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.sticky { display: block; }
.bypostauthor { display: block; }

/* Pagination */
.pagination a, .pagination span {
  display: inline-block; padding: 10px 16px; margin: 0 4px;
  border: 1px solid #262626; color: #e6cfa6;
  font-family: "JetBrains Mono", monospace; font-size: 12px;
  text-transform: uppercase; letter-spacing: .15em; text-decoration: none;
  transition: all .3s;
}
.pagination a:hover, .pagination .current { background: #e6cfa6; color: #050505; border-color: #e6cfa6; }

/* Comments */
.commentlist { list-style: none; padding: 0; }
.commentlist li { border: 1px solid #262626; padding: 16px; background: #171717; margin-bottom: 16px; }
.comment-author { font-family: "JetBrains Mono", monospace; color: #e6cfa6; font-size: 12px; text-transform: uppercase; letter-spacing: .15em; }
.comment-meta { font-family: "JetBrains Mono", monospace; color: #A5A5A5; font-size: 10px; text-transform: uppercase; margin-bottom: 8px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
  width: 100%; background: #0c0f0f; border: 1px solid #262626; color: #e2e2e2; padding: 10px; font-family: "JetBrains Mono", monospace; font-size: 14px;
}
.comment-form label { font-family: "JetBrains Mono", monospace; color: #A5A5A5; font-size: 11px; text-transform: uppercase; letter-spacing: .15em; display: block; margin-bottom: 4px; }
.comment-form .form-submit input {
  background: transparent; border: 1px solid #e6cfa6; color: #e6cfa6; padding: 12px 24px;
  font-family: "JetBrains Mono", monospace; text-transform: uppercase; letter-spacing: .15em; cursor: pointer; transition: all .3s;
}
.comment-form .form-submit input:hover { background: #e6cfa6; color: #050505; }

/* Prose adjustments inside .entry-content */
.entry-content p { color: #cfc5b8; font-size: 18px; line-height: 1.7; margin: 0 0 1.5em; }
.entry-content h2 { font-family: "Bebas Neue", sans-serif; color: #e6cfa6; font-size: 48px; line-height: 1.1; margin: 2em 0 .5em; text-transform: uppercase; }
.entry-content h3 { font-family: "Bebas Neue", sans-serif; color: #e6cfa6; font-size: 32px; margin: 1.5em 0 .5em; text-transform: uppercase; }
.entry-content a { color: #e6cfa6; text-decoration: underline; text-decoration-color: rgba(230,207,166,.4); }
.entry-content a:hover { text-decoration-color: #e6cfa6; }
.entry-content blockquote { border-left: 3px solid #e6cfa6; padding-left: 24px; margin: 2em 0; color: #cfc5b8; font-style: italic; }
.entry-content code { background: #0c0f0f; border: 1px solid #262626; padding: 2px 6px; font-family: "JetBrains Mono", monospace; font-size: .9em; color: #dac49b; }
.entry-content pre { background: #0c0f0f; border: 1px solid #262626; padding: 24px; font-family: "JetBrains Mono", monospace; font-size: 14px; overflow-x: auto; margin: 2em 0; }
.entry-content pre code { background: transparent; border: 0; padding: 0; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content ul, .entry-content ol { color: #cfc5b8; padding-left: 1.5em; margin: 0 0 1.5em; }
.entry-content li { margin-bottom: .5em; }