@font-face{font-family:'RB';src:url('fonts/rb/RB-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'RB';src:url('fonts/rb/RB-Bold.ttf') format('truetype');font-weight:700;font-style:normal}
:root{--bs-body-font-family: "RB",system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--brand-primary:#4A90E2;--brand-dark:#2B2F3A;--brand-light:#8FB7FF;--bs-primary:var(--brand-primary);--bs-secondary:var(--brand-light);--bs-dark:var(--brand-dark);--bs-link-color:var(--brand-primary);--bs-link-hover-color:#3A78C8}
body{background:#f8f9fa;font-family:var(--bs-body-font-family)}
.card-title{font-weight:700}
footer a{color:var(--brand-dark)}
footer a:hover{color:var(--brand-primary)}
footer .footer-title{font-weight:600;font-size:.95rem;margin-bottom:.75rem;color:var(--brand-dark)}
footer .footer-link{display:block;margin-bottom:.5rem;text-decoration:none}
footer .social a{font-size:1.2rem}
footer .copy{font-size:.9rem}
 .section-title{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--brand-dark)}
 .section-title i{color:var(--brand-primary)}
 .text-brand{color:var(--brand-primary) !important}
 .bg-brand{background-color:var(--brand-primary) !important}
 .icon-brand{color:var(--brand-primary) !important}
 .card{border-radius:.75rem;box-shadow:0 6px 24px rgba(0,0,0,.08)}
 .btn-primary{background-color:var(--brand-primary);border-color:var(--brand-primary)}
 .btn-outline-primary{color:var(--brand-primary);border-color:var(--brand-primary)}
 .btn-outline-primary:hover{background-color:var(--brand-primary);color:#fff}
 .navbar .nav-link:hover{color:var(--brand-primary)}
 .badge.bg-secondary{background-color:var(--brand-light) !important;color:var(--brand-dark) !important}
 .list-group-item{border-radius:.5rem}
 /* Hero Section */
 .hero-section{background:linear-gradient(135deg,var(--brand-primary) 0%,#357ABD 100%);position:relative;overflow:hidden}
 .hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}
 .hero-section>*{position:relative;z-index:1}
 /* Hover Effects */
 .hover-lift{transition:all .3s ease}
 .hover-lift:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.15)!important}
@media (max-width: 576px){
  .topbar{font-size:.9rem}
  .navbar-brand-logo{height:50px !important}
  footer .fw-semibold{margin-top:.75rem}
  .start-50{left:40% !important}
  .mobile-center-icons{position:absolute;top:23px;left:40%;transform:translate(-50%,0);z-index:1030}
  .mobile-center-icons a{line-height:1}
  .gap-3{gap:3rem !important}
  /* تحسين قائمة الجوال */
  .navbar-collapse{
    margin-top:1rem;
    padding:1.25rem;
    background:#fff;
    border-radius:.75rem;
    box-shadow:0 4px 16px rgba(0,0,0,.12);
    border:1px solid #e9ecef;
    max-height:calc(100vh - 120px);
    overflow-y:auto;
  }
  .navbar-collapse .navbar-nav{
    flex-direction:column;
    gap:.5rem !important;
    margin:0;
  }
  .navbar-collapse .nav-item{
    width:100%;
    margin:0;
  }
  .navbar-collapse .nav-link{
    padding:.875rem 1rem;
    border-radius:.5rem;
    transition:all .25s ease;
    display:flex;
    align-items:center;
    gap:.75rem;
    font-weight:500;
    color:#495057;
    border:1px solid transparent;
  }
  .navbar-collapse .nav-link:hover,
  .navbar-collapse .nav-link:focus{
    background-color:#f8f9fa;
    color:var(--brand-primary);
    border-color:#e9ecef;
    transform:translateX(-3px);
  }
  .navbar-collapse .nav-link i{
    width:20px;
    text-align:center;
    font-size:1.1rem;
  }
  .navbar-collapse .btn{
    width:100%;
    justify-content:center;
    margin:.5rem 0;
    padding:.75rem 1rem;
    font-weight:500;
    border-radius:.5rem;
  }
  .navbar-collapse .navbar-nav.ms-auto{
    margin-top:1.25rem;
    padding-top:1.25rem;
    border-top:2px solid #e9ecef;
  }
  .navbar-collapse .navbar-nav.ms-auto .nav-link{
    font-size:.95rem;
  }
  /* التأكد من بقاء الأيقونات في مكانها */
  .mobile-center-icons{
    position:absolute !important;
    top:23px !important;
    left:40% !important;
    transform:translate(-50%,0) !important;
    z-index:1030 !important;
  }
}