/*
Theme Name: Christmastreee
Theme URI: https://www.christmastreee.com
Author: Jonathan Alonso
Author URI: https://www.jonalonso.com
Description: A festive, Material Design, mobile-first Christmas blog theme with Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: christmastreee
Tags: blog, christmas, material-design, mobile-first, tailwind
*/

/* Base resets handled by Tailwind CDN */
/* Custom utilities below */

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* WordPress Core Alignment */
.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.aligncenter { text-align: center; }

/* WordPress Block Editor */
.wp-block-image img { border-radius: 0.75rem; }
.wp-block-quote { border-left: 4px solid #FFD700; padding-left: 1.5rem; margin: 1.5rem 0; font-style: italic; color: #1A3C2D; }
.wp-block-quote p { margin-bottom: 0.5rem; }

/* Article Content Typography */
.article-content h2 { color: #0B6623; font-weight: 700; font-size: 1.5rem; margin-top: 2rem; margin-bottom: 1rem; }
.article-content h3 { color: #0B6623; font-weight: 600; font-size: 1.25rem; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.article-content p { color: #1A3C2D; line-height: 1.8; margin-bottom: 1.25rem; }
.article-content ul, .article-content ol { color: #1A3C2D; padding-left: 1.5rem; margin-bottom: 1.25rem; line-height: 1.8; }
.article-content a { color: #c21e3a; text-decoration: underline; }
.article-content a:hover { color: #0B6623; }
.article-content img { border-radius: 0.75rem; margin: 1.5rem 0; }
.article-content blockquote { border-left: 4px solid #FFD700; padding: 1rem 1.5rem; margin: 1.5rem 0; background: #FFFAFA; border-radius: 0 0.5rem 0.5rem 0; }

/* Post card hover */
.post-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.post-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); }

/* Pagination */
.page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; font-weight: 600; transition: all 0.2s; }
.page-numbers.current { background-color: #c21e3a; color: white; }
.page-numbers:not(.current):hover { background-color: #0B6623; color: white; }