article.post .post-date .year {
	display: block;
	background: var(--grey-500);
	border-radius: 0 0 2px 2px;
	color: var(--light);
	font-size: 1.0em;
	line-height: 1.8;
	padding: 1px 10px;
    background-color: var(--quaternary); 
}

article.post .post-date .month {
	font-size: 1.0em;
}

/* Blog Tags Styling - Shared across blog pages */
.post-tags {
    text-align: center;
    padding: 0 20px;
}

.post-tags .tag-link {
    color: #007bff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.post-tags .tag-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

.post-tags .tag-link.selected {
    color: #28a745;
    font-weight: 600;
}

.post-tags .tag-link:not(:last-child)::after {
    content: "";
}

/* Syntax Highlighting for Code Blocks */
pre[class*="language-"] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    padding: 1rem;
    margin: 1.5rem 0;
    overflow-x: auto;
    font-family: 'Courier New', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: pre;
}

code[class*="language-"] {
    font-family: 'Courier New', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.875rem;
    color: #495057;
}

/* C# Syntax Highlighting */
.language-csharp .token.keyword {
    color: #0066cc;
    font-weight: bold;
}

.language-csharp .token.string {
    color: #d14;
}

.language-csharp .token.comment {
    color: #999988;
    font-style: italic;
}

.language-csharp .token.number {
    color: #009999;
}

.language-csharp .token.operator {
    color: #000000;
}

.language-csharp .token.punctuation {
    color: #999999;
}

.language-csharp .token.class-name {
    color: #445588;
    font-weight: bold;
}

.language-csharp .token.function {
    color: #990000;
}

.language-csharp .token.namespace {
    color: #555555;
}

/* JavaScript Syntax Highlighting */
.language-javascript .token.keyword,
.language-js .token.keyword {
    color: #8959a8;
    font-weight: bold;
}

.language-javascript .token.string,
.language-js .token.string {
    color: #718c00;
}

.language-javascript .token.comment,
.language-js .token.comment {
    color: #8e908c;
    font-style: italic;
}

.language-javascript .token.number,
.language-js .token.number {
    color: #f5871f;
}

.language-javascript .token.function,
.language-js .token.function {
    color: #4271ae;
}

/* HTML Syntax Highlighting */
.language-html .token.tag {
    color: #3f6ec0;
}

.language-html .token.attr-name {
    color: #91a7ff;
}

.language-html .token.attr-value {
    color: #c3e88d;
}

/* CSS Syntax Highlighting */
.language-css .token.selector {
    color: #c678dd;
}

.language-css .token.property {
    color: #e06c75;
}

.language-css .token.important {
    color: #c678dd;
    font-weight: bold;
}

/* SQL Syntax Highlighting */
.language-sql .token.keyword {
    color: #569cd6;
    font-weight: bold;
}

.language-sql .token.string {
    color: #ce9178;
}

/* Generic fallback for other languages */
pre[class*="language-"] .token.keyword {
    color: #0066cc;
    font-weight: bold;
}

pre[class*="language-"] .token.string {
    color: #d14;
}

pre[class*="language-"] .token.comment {
    color: #999988;
    font-style: italic;
}

pre[class*="language-"] .token.number {
    color: #009999;
}

pre[class*="language-"] .token.operator {
    color: #000000;
}

pre[class*="language-"] .token.punctuation {
    color: #999999;
}

/* Custom Social Media Hover Effects */
.social-icons li:hover.social-icons-tiktok a {
    background: #ff0050 !important;
}

.social-icons li:hover.social-icons-threads a {
    background: #000000 !important;
}

.social-icons li:hover.social-icons-bluesky a {
    background: #00aaff !important;
}

/* Mobile Header Responsive Fixes - v2.0 - force bundle update */
@media (max-width: 991px) {
    /* Make logo smaller on mobile to prevent cutting off hamburger menu */
    #header .header-logo img {
        max-width: 250px !important;
        width: 250px !important;
        height: auto !important;
    }
    
    /* Ensure hamburger button is visible and properly positioned */
    .header-btn-collapse-nav {
        flex-shrink: 0 !important;
    }
    
    /* Ensure header columns have proper spacing */
    .header-column {
        display: flex !important;
        align-items: center !important;
    }
    
    .header-column.justify-content-end {
        justify-content: flex-end !important;
        min-width: auto !important;
    }
    
}

@media (max-width: 576px) {
    /* Even smaller logo on very small screens */
    #header .header-logo img {
        max-width: 200px !important;
        width: 200px !important;
    }
}

/* Shareon Social Sharing - X (Twitter) Override */
.shareon > .twitter {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.shareon > .twitter:hover {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

.shareon > .twitter::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") !important;
}