@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

*{font-family:'Poppins',sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;text-transform:capitalize;transition:.2s linear;}
body{background-color:black;background-image:url("img/entete_1000x560.jpg");backdrop-filter:blur(1px);background-size:cover;background-position:center;overflow-y:scroll;}
li{list-style:none;} 
a{text-decoration:none;color:white;font-size:1rem;} 
a:hover{color:rgb(44,221,17);}
header{z-index:0;position:relative;padding:0 2rem;}
.navbar{width:100%;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.navbar .logo a img{width:25%;height:25%;}
.navbar .links{display:flex;gap:2rem;}
.navbar .toggle_btn{color:#fff;font-size:1.5rem;cursor:pointer;display:none;}
.dropdown_menu{z-index:+1;display:none;position:absolute;right:2rem;top:60px;height:0;width:300px;background:rgba(71,71,71,0.883);backdrop-filter:blur(15px);border-radius:10px;overflow:hidden;transition:height 0.2s cubic-bezier(0.175,0.885,0.32,1.275);}
.dropdown_menu.open{height:auto;}
.dropdown_menu li{padding:0.7rem;display:flex;align-items:center;justify-content:center;}
.container{padding:15px 9%;padding-bottom:100px;}
.container .heading{text-align:center;padding-bottom:15px;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,.2);font-size:50px;}
.box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.box{overflow:hidden;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;justify-content:center;align-items:center;min-height:220px;background:#fff;}
.box img{width:auto;max-width:100%;max-height:100%;display:block;transition:transform 0.3s ease;}
.box:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
.box:hover img{transform:scale(1.1);}

/* LIGHTBOX */
.lightbox{display:none;width:100%;height:auto;background:rgba(0,0,0,0.9);z-index:2000;justify-content:center;align-items:center;flex-direction:column;padding:0;}
.lightbox img{max-width:80vw;max-height:80vh;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,0.5);transition:opacity 0.4s ease;display:block;margin:0 auto;}
.lightbox-close{position:fixed;top:10px;right:15px;font-size:2.5rem;color:#fff;cursor:pointer;z-index:2100;}
.lightbox-prev,.lightbox-next{
    position:absolute;
    font-size:4rem; /* flèches agrandies */
    color:#fff;
    cursor:pointer;
    user-select:none;
    z-index:2100;
    transition:transform 0.2s ease,color 0.2s ease;
    top:50%;
    transform:translateY(-50%);
}
.lightbox-prev:hover,.lightbox-next:hover{transform:scale(1.3);color:rgb(44,221,17);}
.lightbox-prev{left:10px;}
.lightbox-next{right:10px;}

/* LIGHTBOX MOBILE CENTRALISÉ (même si non activé) */
@media(max-width:768px){
    .lightbox{align-items:center;}
    .lightbox img{max-width:90%;max-height:70vh;}
}

@media(max-width:992px){
    .navbar .links,.navbar .action_btn{display:none;}
    .navbar .toggle_btn{display:block;z-index:+1;}
    .dropdown_menu{display:block;z-index:+1;}
    .container{padding:20px;}
}
@media(max-width:576px){
    .dropdown_menu{left:2rem;width:unset;z-index:+1;}
}