/* ===================================
   Blog Page Styles
   =================================== */

/* Framework tabs styling */
#frameworkTabs .nav-link {
    color: #495057;
    font-weight: 500;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

#frameworkTabs .nav-link:hover {
    border-color: #dee2e6;
    background-color: #f8f9fa;
}

#frameworkTabs .nav-link.active {
    color: #0d6efd;
    font-weight: 600;
    border-color: #dee2e6 #dee2e6 #fff;
}

#frameworkTabs .nav-link i {
    font-size: 1.1em;
}

.tab-content {
    background-color: #fff;
    min-height: 400px;
}

/* Smooth fade transitions */
.tab-pane {
    transition: opacity 0.3s ease-in-out;
}