/* Custom CSS overrides for the blog */

/* Bold text styling - override the default font-weight: 700 */
b, strong {
    font-weight: 600; /* You can change this value */
    color: #CC00CC; /* Dark magenta color */
}

/* Improved date and tag alignment */
.post .post-header .meta,
.recent-posts .posts .post .meta,
.list .posts .post .meta {
    padding-left: 0 !important; /* Remove the default left padding */
    margin-left: 0 !important;
    margin-top: 5px !important;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 15px;
}

/* Fixed width for dates to create consistent alignment */
.meta .date {
    display: inline-block;
    width: 80px; /* Fixed width for date - adjust as needed */
    flex-shrink: 0;
}

/* Style the tags section */
.meta .post-tags {
    flex: 1;
    min-width: 0;
    text-align: right;
}

/* Ensure tags display inline and group together */
.post-tags .tags {
    display: inline-block;
}

.post-tags .tags a {
    margin-left: 8px; /* Changed from margin-right to margin-left for right alignment */
}

/* Remove margin from the first tag when right-aligned */
.post-tags .tags a:first-child {
    margin-left: 0;
}

/* Override flexbox layout for tag pages to keep original inline formatting */
ul.posts .post .meta {
    display: inline !important;
    flex-direction: unset !important;
    gap: unset !important;
    text-align: left !important;
}

ul.posts .meta .date {
    display: inline !important;
    width: auto !important;
}

/* For tag pages, the tags are direct children of .meta (no .post-tags wrapper) */
ul.posts .meta a.draft-label {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* Tag page description styling */
.tag-description {
    font-style: italic;
    color: #666;
    margin-bottom: 20px;
    font-size: 1.1rem;
    line-height: 1.4;
}

.tag-content {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

/* You can also add different styling for different contexts */
/* For example, bold text in headings: */
/*
h1 b, h1 strong,
h2 b, h2 strong,
h3 b, h3 strong {
    font-weight: 700;
    color: #e74c3c;
}
*/

/* Bold text in paragraphs: */
/*
p b, p strong {
    font-weight: 600;
    background-color: #fff3cd;
    padding: 2px 4px;
    border-radius: 3px;
}
*/