/*
Theme Name: WDAA
Description: Editorial theme for We Deserve an Asteroid, a satirical news site. Built with Tailwind CSS and no theme JavaScript.
Version: 2.2
Author: WDAA
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: wdaa
Domain Path: /languages
*/

@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/playfair-display-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/lora-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 400; font-display: swap; src: url('assets/fonts/lora-latin-400-italic.woff2') format('woff2'); }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 600; font-display: swap; src: url('assets/fonts/lora-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/inter-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/inter-latin-700-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('assets/fonts/space-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('assets/fonts/space-mono-latin-700-normal.woff2') format('woff2'); }

body { font-family: 'Lora', Georgia, serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* Offset sticky header when the WP admin bar is visible (32px desktop, 46px mobile) */
.admin-bar header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar header { top: 46px; } }

.entry-content { font-family: 'Lora', serif; font-size: 17px; line-height: 1.8; color: #1a1a1a; }
.entry-content p { margin-bottom: 24px; }
.entry-content h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; color: #1a1a1a; margin: 48px 0 16px; line-height: 1.1; }
.entry-content h3 { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #1a1a1a; margin: 36px 0 12px; }
.entry-content a { color: #1a1a1a; text-decoration: underline; }
.entry-content h4 { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 28px 0 8px; }
.entry-content blockquote { border-left: 4px solid #000; margin: 32px 0; padding: 0 0 0 24px; font-style: italic; font-size: 20px; line-height: 1.45; }
.entry-content ul, .entry-content ol { margin: 0 0 24px; padding-left: 24px; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li { margin-bottom: 8px; }
.entry-content img { height: auto; }
.entry-content figure { margin: 32px 0; }
.entry-content figcaption { font-family: 'Space Mono', 'Courier New', monospace; font-size: 12px; line-height: 1.5; color: #4a4a4a; margin-top: 8px; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px; line-height: 1.5; }
.entry-content th, .entry-content td { border: 1px solid #e2e8f0; padding: 8px 12px; text-align: left; vertical-align: top; }
.entry-content th { font-weight: 600; }
.entry-content hr { border: 0; border-top: 1px solid #e2e8f0; margin: 40px 0; }
.entry-content code { font-family: 'Space Mono', 'Courier New', monospace; font-size: 15px; background: #f5f5f5; padding: 1px 4px; }
.entry-content pre { font-family: 'Space Mono', 'Courier New', monospace; font-size: 14px; line-height: 1.5; background: #f5f5f5; padding: 16px; margin: 0 0 24px; overflow-x: auto; }
.entry-content pre code { background: none; padding: 0; }