/* ===============================
   الأساس — Reset & Layout
================================= */

*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    font-family:'Cairo', sans-serif;
}

body {
    direction:rtl;
    text-align:right;
}

img, video, iframe {
    max-width:100%;
    height:auto;
    display:block;
}

.container,
.container-header {
    max-width:1200px;
    margin:auto;
    padding:0 15px;
    width:100%;
}

/* ===============================
   HEADER
================================= */

.main-header {
    background:#fff;
    border-bottom:1px solid #eee;
}

.container-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:15px 0;
}

.logo img {
    height:55px;
}

/* المنيو */
.nav-menu {
    list-style:none;
    display:flex;
    gap:25px;
}

.nav-menu li a {
    color:#222;
    font-size:20px;
    text-decoration:none;
    font-weight:600;
}

/* ===============================
   SLIDER
================================= */

.slider-container {
    position:relative;
    width:100%;
    height:85vh;
    overflow:hidden;
}

.slider {
    display:flex;
    width:300%;
    height:100%;
    animation: slide 15s infinite;
}

.slider.paused {
    animation-play-state: paused !important;
}

.slide {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    position:relative;
}

.slide::before {
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

.slide-content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:white;
}

.slide-content h1 {
    font-size:60px;
    font-weight:800;
}

.slide-content p {
    font-size:24px;
    margin-top:10px;
}

.cta-btn {
    background:#1A78A0;
    color:white;
    padding:15px 35px;
    display:inline-block;
    margin-top:20px;
    border-radius:6px;
    font-size:22px;
}

/* Animation */
@keyframes slide {
    0%   { margin-left:0%; }
    30%  { margin-left:0%; }
    35%  { margin-left:-100%; }
    65%  { margin-left:-100%; }
    70%  { margin-left:-200%; }
    100% { margin-left:-200%; }
}

/* ===============================
   FOOTER
================================= */

.footer {
    background:#f5f5f5;
    padding:25px;
    text-align:center;
    margin-top:40px;
}

/* ===============================
   RESPONSIVE
================================= */

@media(max-width:768px){

    .slider-container {
        height:70vh;
    }

    .slide-content h1 {
        font-size:32px;
    }

    .slide-content p {
        font-size:18px;
    }

    .cta-btn {
        font-size:18px;
        padding:12px 22px;
    }

    .nav-menu {
        display:none; /* لإخفاء منيو الديسكتوب */
    }
}