/* Premium Card Styling */
.premium-card {
    background-color: #f9fafb;
    border: 1px solid #e3e2e1;
    padding: 1.45rem;
    border-radius: 1rem;
}

/* Comment System */
.comment-item, .comment-reply-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.comment-item:hover, .comment-reply-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* Interactive Star Rating */
.star-btn {
    transition: transform 0.2s ease, color 0.2s ease;
}
.star-btn {
    transition: transform 0.2s ease, color 0.2s ease;
}

.star-btn:hover {
    transform: scale(1.2);
}

/* Dynamic validation inputs */
input.invalid, textarea.invalid {
    border-color: #f87171 !important;
    background-color: #fef2f2;
}

/* Notifications Box */
#comment-alert.success {
    background-color: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}

#comment-alert.error {
    background-color: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

/* Custom clamp for titles to prevent wrapping beyond 2 lines */
.line-clamp-2-custom {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Gold/Gray star rating colors */
.star-btn.ri-star-fill {
    color: #fb8b24 !important; /* Gold / Theme Secondary */
}
.star-btn.ri-star-line {
    color: #d1d5db !important; /* Light Gray */
}

/* Custom Utility classes for missing Tailwind properties */
.overflow-x-auto {
    overflow-x: auto !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.whitespace-nowrap {
    white-space: nowrap !important;
}

/* Clipboard Copy Tooltip Hover */
#copy-password-box:hover #copy-tooltip {
    opacity: 1 !important;
}

/* Sticky Premium Card Behavior */
#blog-details-section .sidebar-sticky-container {
    position: static !important;
}

#sticky-premium-card-spacer {
    display: none;
}

.barcode-link-disabled {
    pointer-events: none !important;
    cursor: default !important;
}