/* ===== LAYOUT AND GENERAL STYLES ===== */

/* Main container layout */
.container-main {
    margin-top: 70px;
}

/* Content area */
.content-area {
    min-height: calc(100vh - 70px);
}

/* Navbar brand */
.navbar-brand {
    font-weight: bold;
}

/* Category navigation */
.category-nav .nav-link {
    color: var(--text-secondary);
    border: none;
    padding: 0.5rem 1rem;
}

.category-nav .nav-link.active {
    color: var(--link-color);
    background-color: transparent;
    border-bottom: 2px solid var(--link-color);
}

/* Right navigation active styles */
.navbar-nav .nav-link.active {
    color: var(--link-color) !important;
    font-weight: 600;
}

.navbar-nav .nav-link.active i {
    color: var(--link-color);
}

/* Custom card styles */
.card-custom {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    transition: box-shadow 0.15s ease-in-out;
}

.card-custom:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Common image styles */
.post-thumbnail {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.post-featured-image {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

.hero-image {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

/* Card image standardization */
.card-img-top {
    height: 200px;
    object-fit: cover;
    border-top-left-radius: calc(0.375rem - 1px);
    border-top-right-radius: calc(0.375rem - 1px);
}

/* Search input container */
.search-input-container {
    width: 250px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .search-input-container {
        width: 200px;
    }
    
    .post-thumbnail,
    .card-img-top {
        height: 150px;
    }
    
    .hero-image {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .search-input-container {
        width: 150px;
    }
    
    .post-thumbnail,
    .card-img-top {
        height: 120px;
    }
    
    .hero-image {
        height: 150px;
    }
}