/* style-menu.css - Burger, Nav, Dropdowns & Hero Layout */

      :root {
    --academic-blue: #003366;
    --text-dark: #2d3436;
    --white: #ffffff;
    --light-grey: #f8f9fa;
	--dark-gold: #b59410;
    --gold: #d4af37; /* ΠΡΟΣΘΕΣΕ ΑΥΤΗ ΤΗ ΓΡΑΜΜΗ */
}

        * { margin: 0; padding: 0; box-sizing: border-box; }
		
        /* Αντικατάστησε το υπάρχον block */
        html { height: 100%; }
        body { 
            font-family: 'Inter', sans-serif; 
            color: var(--text-dark); 
            line-height: 1.6; 
            min-height: 100%; /* Αντί για height: 100% */
            display: flex; 
            flex-direction: column; 
        }
        .content-wrapper { flex: 1; }

        /* --- Navbar & Burger --- */
        /* --- Navbar & Burger --- */
        .navbar { 
            padding: 20px 5%; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            background: var(--white); 
            border-bottom: 1px solid #eee; 
            z-index: 1001; 
            position: sticky; /* ΑΛΛΑΓΗ ΓΙΑ STICKY BEHAVIOR */
            top: 0;           /* ΑΠΑΡΑΙΤΗΤΟ ΓΙΑ ΤΟ STICKY */
			z-index: 9999;
        }
		
		
        .logo { font-weight: 600; color: var(--academic-blue); font-size: 1.2rem; display: flex; align-items: center; gap: 10px; }
        .logo img { height: 40px; width: auto; }
        
        .menu-btn { cursor: pointer; display: flex; flex-direction: column; gap: 5px; }
        .menu-btn div { width: 30px; height: 3px; background: var(--academic-blue); transition: 0.3s; }
		
		
		
		/* Burger Animation */
        .menu-btn.active div:nth-child(1) { transform: translateY(8px) rotate(45deg); }
        .menu-btn.active div:nth-child(2) { opacity: 0; }
        .menu-btn.active div:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
		
		
		
        
        .nav-menu { position: fixed; top: 0; right: -300px; width: 250px; height: 100%; background: var(--white); padding: 80px 20px; box-shadow: -5px 0 15px rgba(0,0,0,0.1); transition: 0.4s; z-index: 1000; }
        .nav-menu.active { right: 0; }
        .nav-menu a { display: block; padding: 15px 0; color: var(--academic-blue); text-decoration: none; font-weight: 600; border-bottom: 1px solid #eee; }

        /* --- Hero Section --- */
        .hero { 
            padding: 100px 5%; 
            background-image: 
                linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 2px),
                linear-gradient(rgba(0, 51, 102, 0.6), rgba(0, 51, 102, 0.6)), 
                url('artem-kniaz-F9eEkbhtPD8-unsplash-1536x1024 (1).jpg');
            background-size: 40px 40px, 40px 40px, cover, cover;
            background-position: center center;
            background-repeat: repeat, repeat, no-repeat, no-repeat;
            text-align: center; color: var(--white); border-bottom: 8px solid var(--white); 
        }
        .hero h1 { font-size: 2.5rem; margin-bottom: 20px; }
        .intro-text { max-width: 800px; margin: 0 auto; font-size: 1.2rem; font-weight: 300; }
        .highlight-box { background: rgba(255, 255, 255, 0.95); color: var(--text-dark); max-width: 900px; margin: 30px auto 0; padding: 30px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); text-align: justify; font-size: 1rem; }

       

        @media (max-width: 1024px) { .projects-grid { grid-template-columns: repeat(3, 1fr); } }
        @media (max-width: 768px) { .projects-grid { grid-template-columns: 1fr; } }

        /* --- Footer --- */
        footer { padding: 40px 5%; background: var(--academic-blue); color: var(--white); text-align: center; font-size: 0.9rem; }
		

		
		
		/* --- Contact Section --- */
        .contact { padding: 80px 5%; background: var(--white); text-align: center;
		
		 background: 
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 2px),
        var(--academic-blue);
    background-size: 40px 40px, 40px 40px, cover;
    background-position: center center;
    background-repeat: repeat, repeat, no-repeat;
		border-bottom: 8px solid var(--white);
		
		}
		
		.contact-container { 
            background: var(--white); 
            padding: 40px; 
            border-radius: 35px; 
            max-width: 900px;
            margin: 0 auto;
			box-shadow: 0 150px 50px rgba(0,0,0,0.1);
        }
		
		
        .contact h2 { color: var(--academic-blue); margin-bottom: 30px; }
        .contact-info { display: flex; flex-direction: column; gap: 10px; font-size: 1.1rem; color: var(--Black); }
        .contact-info a { color: var(--Black); text-decoration: none; font-weight: 600; }
		.contact-info a:hover { color: var(--academic-blue); }
		
		
		.contact-info iframe {
            display: block;
            margin: 0 auto 20px auto;
            max-width: 100%;
            box-shadow: 0 10px 20px rgba(0, 51, 102, 0.15); /* ΔΙΟΡΘΩΜΕΝΟ */
        }
		
		
		/* Υπομενού styling */
/* Υπομενού styling - Πιο διακριτικό */
.has-submenu { position: relative; }
.submenu { display: none; background: #fcfcfc; padding-left: 20px; border-left: 2px solid #eee; }
.submenu a { font-size: 0.9rem; color: #555 !important; border-bottom: none !important; padding: 10px 0 !important; }
.submenu.active { display: block; }


		
		
		/* Styling για το 2ο επίπεδο υπομενού */
.sub-submenu { display: none; background: #f5f5f5; padding-left: 20px; border-left: 2px solid #ddd; }
.sub-submenu a { font-size: 0.85rem !important; color: #666 !important; padding: 8px 0 !important; }
.sub-submenu.active { display: block; }




/* Το βελάκι έγινε πιο διακριτικό */
.arrow { 
    font-size: 0.65rem; 
    color: #a0a0a0; 
    margin-left: 8px; 
    vertical-align: middle;
    display: inline-block; 
    transition: transform 0.3s ease; 
}
.arrow.active { transform: rotate(180deg); color: var(--academic-blue); }