/* Additional page content styling */
.page-content,
.site-content {
    padding: var(--spacing-xl) 0;
    min-height: 60vh;
}

.entry-header {
    margin-bottom: var(--spacing-lg);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid var(--color-background-light);
}

.entry-title {
    font-size: 2.5rem;
    color: var(--color-primary);
}

.entry-content {
    font-size: 1.125rem;
    line-height: 1.8;
}

.entry-content h2 {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-md);
}

.entry-content h3 {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.entry-content p {
    margin-bottom: var(--spacing-md);
}

.entry-content ul,
.entry-content ol {
    margin-bottom: var(--spacing-md);
    padding-left: var(--spacing-lg);
}

.entry-content li {
    margin-bottom: var(--spacing-xs);
}

/* WordPress alignment classes */
.alignleft {
    float: left;
    margin-right: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.alignright {
    float: right;
    margin-left: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-md);
}

/* WordPress gallery */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

.gallery-item img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}

/* Sticky header enhancement */
.site-header.scrolled {
    padding: 0.5rem 0;
}

/* Mobile menu animation */
@media (max-width: 768px) {
    .main-navigation ul {
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* Print styles */
@media print {

    .site-header,
    .site-footer,
    .menu-toggle,
    .btn {
        display: none;
    }

    .site-content {
        padding: 0;
    }
}