/*
Theme Name: NOSQC
Theme URI: https://nosqc.org
Author: Northern Ohio Software Quality Collaborative
Author URI: https://nosqc.org
Description: Custom theme for the Northern Ohio Software Quality Collaborative featuring a hero-driven homepage, custom Events post type, and blog. Styling handled via Tailwind CSS.
Version: 1.0
Requires at least: 6.0
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: nosqc
*/

/* All visual styling is handled by Tailwind CSS loaded via CDN in header.php.
   Custom overrides and any Tailwind-incompatible rules go here. */

/* Keeps anchored sections from hiding under the sticky 80px nav */
section[id] {
    scroll-margin-top: 96px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.dot-pattern {
    background-image: radial-gradient(#0E2A5A 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.05;
}

/* Blog and event content typography */
.entry-content h1 { font-size: 2rem; font-weight: 700; margin: 1.5rem 0 0.75rem; }
.entry-content h2 { font-size: 1.5rem; font-weight: 700; margin: 1.5rem 0 0.5rem; }
.entry-content h3 { font-size: 1.25rem; font-weight: 600; margin: 1.25rem 0 0.5rem; }
.entry-content p { margin: 0 0 1rem; line-height: 1.7; }
.entry-content ul, .entry-content ol { margin: 0 0 1rem 1.5rem; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li { margin-bottom: 0.25rem; }
.entry-content a { color: #00163b; text-decoration: underline; }
.entry-content a:hover { color: #bb0025; }
.entry-content blockquote {
    border-left: 4px solid #bb0025;
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #44474f;
}
.entry-content img { max-width: 100%; height: auto; border-radius: 0.5rem; margin: 1rem 0; }
.entry-content code {
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.9em;
}
.entry-content pre {
    background: #101823;
    color: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1rem 0;
}