@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
 
/* 🎨 الألوان الأساسية */
:root {
    --gold: #d4af37;
    --black: #111;
    --bs-secondary-color: #fff;
}

body {
    background-color: #121212; /* خلفية داكنة جداً */
    color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* خط نظيف وعصري */
/*    font-family: 'Cairo', sans-serif;
    background-color: #000;
    color: white;*/
    overflow-x: hidden;
}
* {
    direction: rtl;
}



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

.form-control::placeholder {
    color: #9b9b9b; /* Sets the placeholder color to red */
    opacity: 1; /* Ensures full opacity, especially for Firefox which applies a default lower opacity */
}
/* 🔝 الشريط العلوي */
.navbar {
    background-color: rgba(0,0,0,0.7);
    transition: all 0.4s ease-in-out;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .navbar { 
    background-color: rgba(0,0,0,0.8);
    }
}
.navbar.scrolled {
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
    padding: 10px 0;
}

    .navbar-brand {
        font-size: 1.8rem;
        font-weight: bold;
        color: var(--gold);
        letter-spacing: 2px;
        transition: 0.3s;
    }

.navbar .navbar-brand img {
    width: 80px;
    transition: 0.1s;
}
.navbar.scrolled .navbar-brand img {
    width: 50px;
}
    .navbar-brand:hover {
            color: #fff;
        }

    .nav-link {
        color: white !important;
        font-weight: 500;
        margin: 0 10px;
        transition: color 0.3s;
    }

        .nav-link:hover {
            color: var(--gold) !important;
        }

    .btn-gold {
        background-color: var(--gold);
        color: black;
        border: none;
        transition: 0.3s;
    }

        .btn-gold:hover {
            background-color: #b4932f;
            color: white;
        }



    .navbar-toggler {
        color: #fff;
        background-color: #ffc107;
        padding: 10px;
        border-radius: 5px;
    }



    /*جديد*/

/* Navbar Base */
.custom-navbar {
    padding: 18px 0;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(10px);
    transition: padding 0.3s ease, background 0.3s ease;
}

    /* Shrink on scroll */
    .custom-navbar.navbar-shrink {
        padding: 6px 0;
        background: rgba(0, 0, 0, 0.75);
        backdrop-filter: blur(15px);
    }

/* Logo shrink */
.nav-logo {
    width: 85px;
    transition: width 0.3s ease;
}

.custom-navbar.navbar-shrink .nav-logo {
    width: 60px;
}

/* Mobile offcanvas */
.mobile-nav {
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(15px);
    color: white;
    animation: slideIn 0.4s ease forwards;
}

    /* Mobile links animation */
    .mobile-nav .nav-link {
        color: #fff;
        margin-bottom: 12px;
        transition: 0.3s;
    }

        .mobile-nav .nav-link:hover {
            color: #d4af37;
            transform: translateX(-5px);
        }

/* Gold Button */
.btn-gold {
    background: linear-gradient(45deg, #d4af37, #f6d77a);
    border: none;
    color: #000;
    font-weight: 600;
    padding: 10px 18px;
    transition: 0.3s;
}

    .btn-gold:hover {
        filter: brightness(1.15);
    }

/* Offcanvas animation */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #dfecde;
}