/**
 * Modern Topic Page Styles
 * Minimal, flat UI design for topic detail page
 */

/* Entry Content Links */
.entry-content a {
    color: #3b82f6;
    transition: all 0.2s ease;
    text-decoration: none;
}

.entry-content a:hover {
    text-decoration: underline;
}

/* Interaction Button Animations */
.entry-card button {
    transition: all 0.2s ease;
}

.entry-card button:active {
    transform: scale(0.95);
}

/* Entry Card Hover Effect */
.entry-card {
    transition: all 0.3s ease;
}

/* Mobile Responsive */
@media (max-width: 640px) {

    /* Stack interaction buttons on very small screens */
    .entry-actions-mobile {
        flex-wrap: wrap;
    }

    /* Smaller avatars on mobile */
    .entry-card .w-9 {
        width: 32px;
        height: 32px;
    }

    /* Reduce padding on mobile */
    .entry-card {
        padding: 1rem;
    }
}

/* Icon hover effects */
.group:hover span {
    transform: scale(1.1);
}

/* Smooth transitions for all interactive elements */
* {
    transition-timing-function: ease-in-out;
}