/* Photo page specific styles */

/* Carousel caption improvements */
.carousel-caption {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.95) 0%,
        rgba(0, 0, 0, 0.6) 50%,
        transparent 70%
    );
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    text-align: left;
}

.carousel-caption h5 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.95), 0 0 12px rgba(0, 0, 0, 0.8);
}

.carousel-caption p {
    font-size: 1rem;
    margin-bottom: 0;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.7);
}

@media (max-width: 768px) {
    .carousel-caption {
        padding: 1rem;
    }
    
    .carousel-caption h5 {
        font-size: 1.2rem;
    }
    
    .carousel-caption p {
        font-size: 0.9rem;
    }
}