.elementor-1444 .elementor-element.elementor-element-99d7c38{--display:flex;--min-height:66vh;--justify-content:flex-end;--overlay-opacity:1;--border-radius:0px 0px 96px 96px;--margin-top:-125px;--margin-bottom:025px;--margin-left:0px;--margin-right:0px;}.elementor-1444 .elementor-element.elementor-element-99d7c38::before, .elementor-1444 .elementor-element.elementor-element-99d7c38 > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-99d7c38 > .e-con-inner > .elementor-background-video-container::before, .elementor-1444 .elementor-element.elementor-element-99d7c38 > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-99d7c38 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1444 .elementor-element.elementor-element-99d7c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #001F40A8 0%, #001F40 100%);}.elementor-1444 .elementor-element.elementor-element-99d7c38:not(.elementor-motion-effects-element-type-background), .elementor-1444 .elementor-element.elementor-element-99d7c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1444 .elementor-element.elementor-element-70a6742{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:055px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1444 .elementor-element.elementor-element-83f5387{text-align:center;}.elementor-1444 .elementor-element.elementor-element-83f5387 .elementor-heading-title{font-family:"Noto Sans Arabic", Sans-serif;font-size:64px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1444 .elementor-element.elementor-element-0574c62{text-align:center;font-family:"Noto Sans Arabic", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFFCC;}.elementor-1444 .elementor-element.elementor-element-d3a6415{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-1444 .elementor-element.elementor-element-a8e6ba2{--display:flex;}@media(max-width:1024px){.elementor-1444 .elementor-element.elementor-element-83f5387 .elementor-heading-title{font-size:44px;}.elementor-1444 .elementor-element.elementor-element-0574c62{font-size:16px;}}@media(max-width:767px){.elementor-1444 .elementor-element.elementor-element-99d7c38{--min-height:55vh;--border-radius:0px 0px 55px 55px;--margin-top:-72px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-1444 .elementor-element.elementor-element-99d7c38:not(.elementor-motion-effects-element-type-background), .elementor-1444 .elementor-element.elementor-element-99d7c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-380px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-1444 .elementor-element.elementor-element-70a6742{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1444 .elementor-element.elementor-element-83f5387 .elementor-heading-title{font-size:32px;}.elementor-1444 .elementor-element.elementor-element-0574c62{font-size:15px;}.elementor-1444 .elementor-element.elementor-element-d3a6415{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-1444 .elementor-element.elementor-element-70a6742{--content-width:800px;}}/* Start custom CSS for shortcode, class: .elementor-element-21075b9 *//* layout */
.events-layout{
display:grid;
grid-template-columns:1fr;
transition:.5s ease;
direction:rtl;
}

/* عند التفعيل */
.events-layout.active{
grid-template-columns:65% 35%;
gap:20px;
}

/* calendar */
.events-calendar{
background:#fff;
padding:18px;
border-radius:18px;
transition:.4s;
}

/* header */
.calendar-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
font-weight:600;
font-size:15px;
}

.calendar-header button{
background:#f1f5ff;
border:0;
width:34px;
height:34px;
border-radius:10px;
cursor:pointer;
color:#36628F;
transition:.3s;
}

.calendar-header button:hover{
background:#D9A14C;
color:#fff;
}

/* days names */
.calendar-days{
display:grid;
grid-template-columns:repeat(7,1fr);
text-align:center;
font-size:12px;
color:#777;
margin-bottom:8px;
}

/* grid */
.calendar-grid{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:8px;
}

/* day */
.day{
height:65px;
border:1px solid #eee;
border-radius:14px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
position:relative;
transition:.25s;
font-weight:500;
font-size:14px;
}

.day:hover{
transform:translateY(-3px);
border-color:#cfe3ff;
}

/* today */
.day.today{
background:#2563eb;
color:#fff;
border-color:#2563eb;
}

/* selected */
.day.selected{
border-color:#D9A14C !important;
}

/* today + selected */
.day.today.selected{
border-color:#D9A14C !important;
}

/* dots */
.dots{
position:absolute;
bottom:6px;
display:flex;
gap:3px;
}

.dot{
width:5px;
height:5px;
border-radius:50%;
}

/* DETAILS */
.events-calendar-details{
opacity:0;
transform:translateX(40px) rotateY(12deg);
transition:.4s ease;
}

.events-calendar-details.show{
opacity:1;
transform:translateX(0) rotateY(0);
}

/* list */
.events-list{
display:flex;
flex-direction:column;
gap:12px;
max-height:80vh;
overflow-y:auto;
padding:10px;
overscroll-behavior:contain;
}

/* scrollbar */
.events-list::-webkit-scrollbar{
width:5px;
}

.events-list::-webkit-scrollbar-thumb{
background:#e5e7eb;
border-radius:10px;
}

/* card */
.event-card{
background:#fff;
border:1px solid #eee;
border-radius:16px;
padding:14px;
transform:translateY(15px);
opacity:0;
animation:fadeUp .4s forwards;
}

.event-card:hover{
transform:translateY(-4px);
box-shadow:0 8px 25px rgba(0,0,0,.05);
}

/* image */
.event-image-link{
display:block;
overflow:hidden;
border-radius:16px;
}

.event-image-link img{
width:100%;
max-height:220px;
object-fit:cover;
transition:.3s;
}

.event-image-link:hover img{
transform:scale(1.04);
}

/* title */
.event-card h3{
margin:8px 0;
font-size:22px;
}

/* status */
.event-status{
display:block!important;
margin:12px 0;
padding:3px 10px;
border-radius:8px;
font-size:12px;
font-weight:500;
width: max-content!important;
}

/* upcoming */
.event-status.upcoming{
color:#2563eb;
background:rgba(37,99,235,0.1);
}

/* now */
.event-status.now{
color:#16a34a;
background:rgba(22,163,74,0.1);
}

/* button */
.btn{
display:inline-block;
background:transparent;
color:#36628F;
font-size:13px;
font-weight:500;
text-decoration:none;
transition:.3s;
}

.btn:hover{
color:#D9A14C;
}

/* animation */
@keyframes fadeUp{
to{
opacity:1;
transform:translateY(0);
}
}
/* تمييز الأيام اللي فيها فعاليات */
.day.has-events{
border-color:#D9A14C;
}

/* badge التاريخ */
.event-image-wrapper{
position:relative;
}

.event-date-badge{
position:absolute;
top:12px;
left:12px;
background:#002753;
color:#fff;
padding:6px 10px;
border-radius:12px;
font-size:12px;
}

/* حالة انتهت */
.event-status.ended{
color:#ef4444;
background:rgba(239,68,68,0.1);
}

/* existing (تأكد موجودة) */
.event-status.now{
color:#16a34a;
background:rgba(22,163,74,0.1);
}

.event-status.upcoming{
color:#2563eb;
background:rgba(37,99,235,0.1);
}


/* 📱 MOBILE */
@media (max-width:768px){

.events-layout.active{
grid-template-columns:1fr;
}

.events-calendar{
padding:14px;
}

/* days smaller */
.day{
height:50px;
font-size:12px;
}

/* spacing */
.calendar-grid{
gap:6px;
}

/* details below */
.events-calendar-details{
order:2;
transform:translateY(20px);
}

.events-calendar-details.show{
transform:translateY(0);
}

/* list full */
.events-list{
max-height:none;
overflow:visible;
}

/* card */
.event-card{
padding:12px;
}

/* image */
.event-image-link img{
max-height:180px;
}

}/* End custom CSS */