/* Custom CSS for Design & Printing Website */

/* General Styles */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

.hero-section {
    background: linear-gradient(135deg, #0d6efd 0%, #084298 100%);
}

/* Portfolio Items */
.portfolio-item {
    position: relative;
    overflow: hidden;
    border-radius: 0.25rem;
}

.portfolio-item img {
    transition: transform 0.3s ease;
}

.portfolio-item:hover img {
    transform: scale(1.05);
}

.portfolio-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 1rem;
    color: white;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.portfolio-item:hover .portfolio-overlay {
    transform: translateY(0);
}

/* Navbar Active State */
.navbar-nav .nav-link.active {
    font-weight: 600;
    color: #0d6efd !important;
}

/* Footer Links */
footer a {
    transition: color 0.2s ease;
}

footer a:hover {
    color: #0d6efd !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .hero-section .col-lg-6 {
        text-align: center;
        margin-bottom: 2rem;
    }
    
    .hero-section .btn {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .hero-section .btn + .btn {
        margin-left: 0;
    }
}