/* ================= EVENT PAGE UPGRADE ================= */

body{
    background:linear-gradient(180deg,#07111f,#0d1728,#111827);
    color:#fff;
}

.container{

    max-width:1100px;

    margin:50px auto;

    background:#111827;

    border-radius:20px;

    overflow:hidden;

    border:1px solid rgba(0,255,170,.15);

    box-shadow:0 0 40px rgba(0,255,170,.12);

}

/* صورة */

.container img{

    width:100%;

    display:block;

    transition:.5s;

}

.container img:hover{

    transform:scale(1.02);

}

/* المحتوى */

.content{

    padding:45px;

}

/* عنوان */

h1{

    font-size:48px;

    color:#fff;

    margin-bottom:15px;

    line-height:1.3;

}

h1::after{

    content:"";

    display:block;

    width:120px;

    height:4px;

    background:#00ff99;

    margin-top:18px;

    border-radius:20px;

    box-shadow:0 0 20px #00ff99;

}

/* Subtitle */

.subtitle{

    color:#cbd5e1;

    font-size:20px;

    margin-bottom:35px;

    line-height:2;

}

/* Titles */

h2{

    color:#00ff99;

    margin:35px 0 20px;

    font-size:30px;

}

/* Paragraph */

p{

    color:#d1d5db;

    font-size:18px;

    line-height:2;

}

/* Lists */

ul{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:20px;

    list-style:none;

    padding:0;

    margin-top:20px;

}

ul li{

    background:#0f172a;

    border:1px solid rgba(0,255,170,.18);

    padding:20px;

    border-radius:15px;

    transition:.4s;

}

ul li:hover{

    transform:translateY(-8px);

    border-color:#00ff99;

    box-shadow:0 0 25px rgba(0,255,170,.25);

}

/* Date & Location */

.info{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:20px;

    margin:35px 0;

}

.info div{

    background:#0f172a;

    padding:25px;

    border-radius:15px;

    border:1px solid rgba(0,255,170,.15);

    text-align:center;

    transition:.4s;

}

.info div:hover{

    transform:translateY(-8px);

    box-shadow:0 0 25px rgba(0,255,170,.25);

}

/* زر */

.btn{

    display:inline-block;

    margin-top:35px;

    padding:16px 45px;

    border-radius:50px;

    background:#00ff99;

    color:#000;

    text-decoration:none;

    font-weight:bold;

    transition:.4s;

    box-shadow:0 0 30px rgba(0,255,170,.4);

}

.btn:hover{

    transform:translateY(-5px);

    box-shadow:0 0 50px rgba(0,255,170,.8);

}

/* Responsive */

@media(max-width:768px){

.content{

padding:25px;

}

h1{

font-size:32px;

}

.subtitle{

font-size:17px;

}

h2{

font-size:24px;

}

p{

font-size:16px;

}

.btn{

width:100%;

text-align:center;

}

}
.btn{
    display:block;
    width:250px;
    margin:40px auto 0;
    text-align:center;
}
.gallery{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:20px;

margin:30px 0 50px;

}

.gallery img{

width:100%;

height:220px;

object-fit:cover;

border-radius:15px;

cursor:pointer;

transition:.4s;

border:2px solid rgba(0,255,170,.2);

box-shadow:0 0 20px rgba(0,255,170,.1);

}

.gallery img:hover{

transform:scale(1.05);

border-color:#00ff99;

box-shadow:0 0 30px rgba(0,255,170,.4);

}
/* ===== Language Switcher ===== */

.lang-switcher{
    display:flex;
    align-items:center;
    gap:10px;
}

.lang-btn{
    width:46px;
    height:46px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50px;

    text-decoration:none;

    color:#fff;
    font-size:15px;
    font-weight:800;

    border:2px solid rgba(31,226,127,.35);

    background:rgba(255,255,255,.05);
    backdrop-filter:blur(14px);

    transition:.35s;
}

.lang-btn:hover{
    background:linear-gradient(135deg,#1fe27f,#0da45d);
    color:#08120d;

    transform:translateY(-4px);

    box-shadow:
        0 0 20px rgba(31,226,127,.45);
}

.lang-btn.active{
    background:linear-gradient(135deg,#1fe27f,#0da45d);
    color:#08120d;

    box-shadow:
        0 0 20px rgba(31,226,127,.45);
}

@media(max-width:768px){

.lang-switcher{

    margin-right:12px;

}

.lang-btn{

    width:38px;
    height:38px;

    font-size:13px;

}

}