/* Custom UI Improvements - v2 */
:root {
    --custom-radius: 12px;
    --custom-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --custom-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

html { scroll-behavior: smooth; }

/* Modern card styling */
.article-card, .post-card, .item-card, .zib-post {
    border-radius: var(--custom-radius) !important;
    box-shadow: var(--custom-shadow) !important;
    transition: var(--custom-transition) !important;
    overflow: hidden;
}

.article-card:hover, .post-card:hover, .item-card:hover, .zib-post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

/* Header glass effect */
.header, .header-conter {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Button improvements */
.but, .btn {
    border-radius: 8px !important;
    transition: var(--custom-transition) !important;
}

.but:hover, .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Link transitions */
a { transition: color 0.2s ease !important; }

/* Image hover effects */
.article-card img, .post-thumb img, .item-thumb img {
    transition: var(--custom-transition) !important;
}

.article-card:hover img, .post-thumb:hover img, .item-thumb:hover img {
    transform: scale(1.05) !important;
}

/* Footer styling */
.footer { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; }

/* Mobile */
@media (max-width: 768px) {
    .article-card, .post-card, .item-card { border-radius: 8px !important; }
}

/* Dark mode */
.dark-theme .article-card, .dark-theme .post-card, .dark-theme .item-card {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); }

/* Fade in animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.article-card, .post-card { animation: fadeInUp 0.5s ease forwards; }

/* Search box */
.search-form input, .search-box input {
    border-radius: 20px !important;
    transition: var(--custom-transition) !important;
}

.search-form input:focus, .search-box input:focus {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

/* Navigation */
.navbar, .nav-menu { transition: var(--custom-transition) !important; }

/* Badges */
.badge, .tag { border-radius: 4px !important; }