/* ============================================================================
   IMAGE PLACEHOLDERS - Fallback for missing images
   Add this to fix broken image references
   ============================================================================ */

/* Create a simple colored placeholder for missing images */
.news-card .news-image,
.training-card .training-image,
.gallery-item {
    position: relative;
}

/* Placeholder for missing news images */
.news-card .news-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a237e 0%, #00695c 100%);
    z-index: -1;
}

/* Placeholder icon for missing images */
.news-image::after,
.training-image::after,
.gallery-item::after {
    content: '\f03e'; /* Font Awesome camera icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

/* Hide placeholder when image loads */
.news-image img[src]:not([src=""]),
.training-image img[src]:not([src=""]),
.gallery-item img[src]:not([src=""]) {
    position: relative;
    z-index: 2;
}

/* Alternative: Simple gradient backgrounds for missing images */
[style*="background-image: url('assets/images/news-2.jpg')"] {
    background: linear-gradient(135deg, #00695c 0%, #2e7d32 100%) !important;
}

[style*="background-image: url('assets/images/news-3.jpg')"] {
    background: linear-gradient(135deg, #f57c00 0%, #f57f17 100%) !important;
}

[style*="background-image: url('assets/images/training-featured.jpg')"] {
    background: linear-gradient(135deg, #1a237e 0%, #00695c 100%) !important;
}

[style*="background-image: url('assets/images/gallery-"][style*=".jpg')"] {
    background: linear-gradient(135deg, #1a237e 0%, #00695c 50%, #f57c00 100%) !important;
}