/* =========================================
   ملف التنسيقات الرئيسي (Global Styles) - نسخة نهائية مضغطة
   ========================================= */
:root{
    --bg-color:#000000;
    --accent-yellow:#fddf41;
    --text-white:#ffffff;
    --font-ar:'Madani',sans-serif;
    --font-en:'Playfair',sans-serif;
    --border-color:#333;
    --card-bg:#111
}
@font-face{font-family:'Madani';src:url('../fonts/alfont_com_Madani-Arabic-Regular-1.woff2') format('woff2')}
@font-face{font-family:'Playfair';src:url('../fonts/PlayfairDisplay-Italic-VariableFont_wght.woff2') format('woff2');font-style:italic}
body{
    background-color:var(--bg-color);
    color:var(--text-white);
    font-family:var(--font-en);
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    min-height:100vh
}
/* تعديل الخط للغة العربية */
html[lang="ar"] body{font-family:var(--font-ar)}
a{text-decoration:none;color:inherit;transition:.3s}
a:hover{color:var(--accent-yellow)}
h1,h2{color:var(--accent-yellow);font-weight:bold;margin-bottom:20px}
h1{font-size:2.5rem}
h2{font-size:2rem;display:inline-block}
/* تنسيق الهيدر */
.site-header{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);padding:15px 0}
.logo-img{max-height:90px;object-fit:contain}
.nav-link-custom{color:var(--text-white)!important;font-weight:bold;margin:0 10px;font-size:1.1rem}
.nav-link-custom:hover,.nav-link-custom.active{color:var(--accent-yellow)!important}
.btn-call-header,.btn-call-hero{
    background-color:var(--accent-yellow);
    color:#000;
    border:none;
    padding:8px 20px;
    border-radius:50px;
    font-weight:bold;
    display:inline-flex;
    align-items:center;
    gap:8px
}
.btn-lang-switch{
    background:transparent;
    border:1px solid var(--accent-yellow);
    color:var(--accent-yellow);
    padding:5px 10px;
    border-radius:5px;
    cursor:pointer
}
.header-desktop .nav-col,.header-desktop .actions-col{display:flex;align-items:center;justify-content:center}
.mobile-header{display:none}
.offcanvas{background-color:var(--card-bg)}
.offcanvas-body .nav-link{font-size:1.2rem;padding:15px 0;border-bottom:1px solid var(--border-color);text-align:center}
/* تنسيق الأقسام */
section{padding:60px 0}
.hero-img{width:100%;border-radius:20px;margin-top:20px;box-shadow:0 10px 30px rgba(253,223,65,.1)}
.hero-btn{margin:5px;padding:10px 25px;border-radius:50px;font-weight:bold;border:none;display:inline-block;text-align:center}
.btn-map{background-color:#4285F4;color:#fff}
.btn-whatsapp-hero{background-color:#25D366;color:#fff}
/* الكروت والأنيميشن */
.service-card{
    background-color:var(--card-bg);
    padding:30px;
    border-radius:15px;
    margin-bottom:20px;
    text-align:center;
    border:1px solid var(--border-color);
    transition:.3s;
    opacity:0;
    transform:translateY(50px)
}
.service-card.visible{opacity:1;transform:translateY(0)}
.service-card:hover{transform:translateY(-5px)!important;border-color:var(--accent-yellow)}
.card-icon{font-size:3rem;color:var(--accent-yellow);margin-bottom:15px;display:inline-block}
/* النماذج */
.form-control{background-color:#000;border:1px solid #444;color:#fff;margin-bottom:15px}
.form-control:focus{background-color:#000;color:#fff;border-color:var(--accent-yellow);box-shadow:0 0 0 .25rem rgba(253,223,65,.25)}
.form-control::placeholder{color:#777}
.form-label{color:#fff;font-weight:bold}
/* الخريطة */
.map-container iframe{width:100%;height:400px;border-radius:20px;border:2px solid #333}
/* القوائم المنسدلة */
.accordion-item{background-color:var(--card-bg);color:#fff;border:1px solid var(--border-color);margin-bottom:10px;border-radius:10px!important}
.accordion-button{background-color:var(--card-bg);color:#fff;font-weight:bold}
.accordion-button:not(.collapsed){background-color:#222;color:var(--accent-yellow);box-shadow:none}
.accordion-body{background-color:var(--card-bg);color:#ccc}
/* الأزرار العائمة */
.floating-actions{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}
html[dir="rtl"] .floating-actions{right:20px;left:auto}
.float-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:.3s}
.float-btn:hover{transform:translateY(-5px)}
.btn-whatsapp{background-color:#25D366}
.btn-call-float{background-color:var(--accent-yellow);color:#000}
/* الفوتر */
.site-footer{background-color:var(--bg-color);border-top:1px solid var(--border-color);padding:40px 0 20px 0;margin-top:auto}
.footer-logo img{
    max-height:90px;
    width:auto;
    height:auto;
    display:block;
    margin:0 auto;
}

.social-icons a{font-size:1.5rem;margin:0 10px;color:var(--text-white)}
.copyright-section{margin-top:30px;font-size:.9rem;color:#aaa;text-align:center}
.dev-link{color:var(--accent-yellow);text-decoration:none}
/* التجاوب */
@media (max-width:991px){
    .header-desktop{display:none}
    .mobile-header{display:flex;align-items:center;justify-content:space-between}
    .footer-desktop-layout{display:none}
    .footer-mobile-layout{display:flex!important;flex-direction:column;align-items:center}
    .footer-mobile-layout>div{margin-bottom:20px}
    h1{font-size:1.8rem}
    h2{font-size:1.5rem}
    .map-container iframe{height:300px}
.offcanvas {
    background: linear-gradient(180deg, #000, #111);
}
.offcanvas .nav-link {
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 0.5px;
}
/* Fix English mobile menu visibility */
html[lang="en"] .offcanvas .nav-link {
    color: #ffffff !important;
    font-weight: 600;
    font-style: normal;
    opacity: 1 !important;
    letter-spacing: 0.5px;
}
body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
}
html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    margin-inline: auto;
}
body {
  line-height: 1.9;
}


}
.animate-on-scroll {
    animation: fadeUp .6s ease forwards;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* مساعدات اللغة */
[lang="ar"] .en-only{display:none!important}
[lang="en"] .ar-only{display:none!important}