/* 1. Εικόνα Φόντου */
body {
    background-color: transparent !important;
    background-image: url('/j4/images/page.jpeg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

/* 2. Καθαρισμός των "στρώσεων" του Template */
.site-grid, 
.body-innerwrapper, 
.container-main {
    background-color: transparent !important;
    background-image: none !important;
}

/* 3. Κεντρικό Πλαίσιο (Static Layout) */
.container-component {
    background-color: rgba(255, 255, 255, 0.70) !important;
    padding: 10px !important;
    border-radius: 4px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    backdrop-filter: blur(0px);
}

/* 4. ΔΙΟΡΘΩΣΗ ΓΙΑ HEADER (Στοχεύουμε όλα τα επίπεδα) */
.header, 
.container-header,
.header-content { 
    background-color: rgba(0, 43, 94, 0.40) !important; /* Το κάναμε 0.70 για να είναι εμφανής η διαφάνεια */
    background-image: none !important; /* Αφαιρεί τυχόν προκαθορισμένα gradients */
}

/* 5. ΔΙΟΡΘΩΣΗ ΓΙΑ FOOTER */
.footer,
.container-footer { 
    background-color: rgba(33, 37, 41, 0.40) !important; 
    background-image: none !important;
    color: #ffffff !important;
}



/* Το πλέγμα των φωτογραφιών */
/* Το πλέγμα για προβολή δύο-δύο */
.photo-grid {
    display: grid;
    /* Ορίζουμε 2 στήλες ίσου μεγέθους (Fractional units) */
    grid-template-columns: 1fr 1fr; 
    gap: 50px; /* Η απόσταση μεταξύ των φωτογραφιών */
    margin: 30px 0;
}

.photo-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
}

/* Εφέ μεγέθυνσης για πιο ζωντανό αποτέλεσμα */
.photo-item img:hover {
    transform: scale(1.03);
}

/* Για κινητά: Οι φωτογραφίες γίνονται μία-μία για να φαίνονται καθαρά */
@media (max-width: 600px) {
    .photo-grid {
        grid-template-columns: 1fr;
    }
}  



}