/* Post Likes */
.blog-header-actions {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Pushes items to ends */
    margin-bottom: 10px; /* Adjusted space below the header actions to move it higher */
}

.post-like-container {
    margin: 0; /* Remove previous margins */
    text-align: right; /* Align to the right within its flex item */
    margin-top: -15px; /* Move the like button slightly higher */
}

.post-like-button {
    background-color: #3c3f45; /* Dark gray background when not liked */
    color: #fff; /* Default text color */
    border: none;
    border-radius: 20px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 1em;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease; /* Add background-color to transition */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px); /* Floating effect always on */
}

@keyframes pastel-background-animation {
    0% { background-color: #FFD1DC; } /* Pastel Pink */
    50% { background-color: #B3E0FF; } /* Pastel Blue */
    100% { background-color: #FFD1DC; } /* Pastel Pink */
}

@keyframes glowing-light-red-heart-animation {
    0% { color: #FF9999; text-shadow: 0 0 5px #FF9999, 0 0 10px #FF9999, 0 0 15px #FF9999; } /* Light Red with glow */
    50% { color: #FF6347; text-shadow: 0 0 5px #FF6347, 0 0 10px #FF6347, 0 0 15px #FF6347; } /* Tomato Red with glow, distinct from button background */
    100% { color: #FF9999; text-shadow: 0 0 5px #FF9999, 0 0 10px #FF9999, 0 0 15px #FF9999; } /* Light Red with glow */
}

.post-like-button:hover {
    /* No specific hover background animation needed as it's always animating */
    /* Keep transform for consistency, though it's already applied */
    transform: translateY(-2px);
}

.post-like-button.liked {
    animation: pastel-background-animation 4s infinite alternate; /* Apply animation only when liked */
    cursor: default;
    transform: translateY(-2px); /* Keep lift effect when liked */
}

.post-like-button .like-count {
    font-weight: bold;
    font-size: 1em;
    color: #FF9999; /* More visible light red for count, matches heart */
    transition: color 0.3s ease;
}

.post-like-button i.far.fa-heart { /* Style for unliked, hollow heart */
    font-size: 1em;
    color: #FFFFFF; /* Changed to white for better visibility against pastel background */
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.post-like-button.liked i.far.fa-heart { /* Hide hollow heart when liked */
    display: none;
}

.post-like-button.liked i.fas.fa-heart { /* Show solid heart when liked */
    display: inline-block; /* Ensure it's visible */
    font-size: 1em;
    color: #E06666; /* Muted red when liked */
    text-shadow: none; /* Remove glow when liked */
    animation: glowing-light-red-heart-animation 4s infinite alternate; /* Glowing light red heart animation */
}

/* Ensure the solid heart is hidden when not liked, if it somehow appears */
.post-like-button:not(.liked) i.fas.fa-heart {
    display: none;
}

.post-like-button .like-count {
    font-weight: bold;
    font-size: 1em;
    color: #A0A0A0; /* Darker gray for count, matches unliked heart */
    transition: color 0.3s ease;
}

.post-like-button.liked .like-count {
    color: #E06666; /* Muted red for count when liked */
}

.back-to-blog-button {
    font-size: 1em; /* Make "Back to Blog" text bigger */
    padding: 8px 0; /* Adjust padding to align with like button */
}