/* Custom styles to match Pixelarity Polymorph theme */

/* Google Fonts - Manrope */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap');

/* Typography */
body {
    font-family: 'Manrope', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 800;
}

/* Banner Cards */
.card-img-overlay-custom .card-img {
    height: 400px;
    object-fit: cover;
}

.card-img-overlay-custom .card-img-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
}

.col-md-6 .card-img-overlay-custom .card-img {
    height: 300px;
}

/* Posts Cards */
.posts .card-img-top {
    height: 200px;
    object-fit: cover;
}

/* Featured Post */
.featured-post img {
    max-height: 400px;
    object-fit: cover;
    width: 100%;
}

/* Footer */
footer {
    background-color: #1a1a1a !important;
}

/* Navbar enhancements */
.navbar-brand strong {
    font-weight: 900;
}

.navbar-brand span {
    font-weight: 300;
}

/* Button styling */
.btn-outline-light:hover,
.btn-outline-primary:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

/* Card hover effects */
.card {
    transition: box-shadow 0.3s ease;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
    .card-img-overlay-custom .card-img {
        height: 250px;
    }

    .col-md-6 .card-img-overlay-custom .card-img {
        height: 200px;
    }
}