/* U-Accelerator — Bootstrap 5 site (FR/EN/AR, Dark/Light)
   Advanced UI: glass panels, gradient accents, subtle grid/noise, improved components.
*/

:root{
  --ua-accent: #ff9f1a;          /* orange */
  --ua-accent-2: #00d1ff;        /* cyan */
  --ua-accent-3: #7c5cff;        /* purple */
  --ua-bg-1: #050b14;
  --ua-bg-2: #071a2a;
  --ua-card: rgba(255,255,255,.06);
  --ua-card-2: rgba(255,255,255,.04);
  --ua-border: rgba(255,255,255,.10);
  --ua-shadow: 0 22px 60px rgba(0,0,0,.35);
  --ua-radius: 22px;
}

[data-bs-theme="light"]{
  --ua-bg-1: #f7fbff;
  --ua-bg-2: #eef4fb;
  --ua-card: rgba(0,0,0,.04);
  --ua-card-2: rgba(0,0,0,.03);
  --ua-border: rgba(0,0,0,.10);
  --ua-shadow: 0 18px 44px rgba(0,0,0,.10);
}

html, body{ height: 100%; }

body{
  background:
    radial-gradient(1200px 600px at 18% 0%, rgba(0, 209, 255, .16), transparent 60%),
    radial-gradient(1100px 650px at 85% 18%, rgba(255, 159, 26, .12), transparent 60%),
    radial-gradient(900px 600px at 50% 100%, rgba(124, 92, 255, .12), transparent 55%),
    linear-gradient(180deg, var(--ua-bg-1), var(--ua-bg-2));
  min-height: 100vh;
}

/* Subtle grid overlay */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(600px 600px at 20% 20%, black 30%, transparent 80%);
}

[data-bs-theme="light"] body::before{
  opacity: .10;
  background-image:
    linear-gradient(to right, rgba(0,0,0,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,0,0,.06) 1px, transparent 1px);
}

/* Tiny noise */
body::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}

.navbar-blur{
  background: rgba(7, 16, 30, .62);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--ua-border);
}

[data-bs-theme="light"] .navbar-blur{
  background: rgba(255, 255, 255, .78);
}

.navbar .nav-link{
  border-radius: 999px;
  padding: .5rem .85rem;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
  background: rgba(255,255,255,.06);
}

[data-bs-theme="light"] .navbar .nav-link:hover,
[data-bs-theme="light"] .navbar .nav-link.active{
  background: rgba(0,0,0,.04);
}

.navbar-toggler{
  border: 1px solid var(--ua-border);
}
.navbar-toggler:focus{ box-shadow: none; }

/* Fix toggler icon visibility across themes */
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
[data-bs-theme="light"] .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.brand-mark{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--ua-accent-2), var(--ua-accent));
  box-shadow: 0 10px 26px rgba(0,0,0,.30);
}

.brand-mark-sm{ width: 22px; height: 22px; border-radius: 8px; }

.btn-accent{
  background: linear-gradient(135deg, var(--ua-accent), #ffc56b);
  border: 0;
  color: #171717 !important;
  font-weight: 700;
  box-shadow: 0 14px 30px rgba(255,159,26,.15);
}

.btn-accent:hover{ filter: brightness(.98); transform: translateY(-1px); }
.btn-accent:active{ transform: translateY(0); }

.btn-outline-secondary{
  border-color: var(--ua-border);
}

.btn-outline-secondary:hover{
  border-color: transparent;
  background: rgba(255,255,255,.06);
}

[data-bs-theme="light"] .btn-outline-secondary:hover{
  background: rgba(0,0,0,.04);
}

.ua-hero{
  padding: 5.2rem 0 2.6rem;
}

.hero-card{
  border: 1px solid var(--ua-border);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border-radius: var(--ua-radius);
  box-shadow: var(--ua-shadow);
  overflow: hidden;
  position: relative;
}

.hero-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(800px 260px at 20% 0%, rgba(0, 209, 255, .25), transparent 60%),
              radial-gradient(800px 260px at 80% 10%, rgba(255, 159, 26, .18), transparent 55%);
  opacity: .65;
  pointer-events:none;
}

[data-bs-theme="light"] .hero-card{
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.62));
}

.kpi-pill{
  border: 1px solid var(--ua-border);
  background: rgba(0,0,0,.12);
  border-radius: 999px;
}
[data-bs-theme="light"] .kpi-pill{ background: rgba(255,255,255,.65); }

.ua-card{
  border: 1px solid var(--ua-border);
  background: var(--ua-card);
  border-radius: 18px;
  height: 100%;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
[data-bs-theme="light"] .ua-card{ box-shadow: 0 10px 24px rgba(0,0,0,.08); }

.ua-card:hover{
  transform: translateY(-3px);
  border-color: rgba(0, 209, 255, .25);
  box-shadow: 0 18px 44px rgba(0,0,0,.26);
}

.ua-card .ua-card-title{
  letter-spacing: .3px;
}

.section-title{
  letter-spacing: .4px;
}

.badge-soft{
  border: 1px solid var(--ua-border);
  background: rgba(0, 209, 255, .08);
  color: inherit;
}

[data-bs-theme="light"] .badge-soft{ background: rgba(0, 209, 255, .10); }

.hr-soft{
  border-color: var(--ua-border);
  opacity: 1;
}

.ua-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  border: 1px solid var(--ua-border);
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(255,255,255,.02));
}

[data-bs-theme="light"] .ua-icon{
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(0,0,0,.02));
}

.ua-icon i{
  background: linear-gradient(135deg, var(--ua-accent-2), var(--ua-accent));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.form-control, .form-select, textarea{
  border-color: var(--ua-border);
  background: var(--ua-card-2);
}

.form-control:focus, .form-select:focus, textarea:focus{
  border-color: rgba(0, 209, 255, .45);
  box-shadow: 0 0 0 .2rem rgba(0, 209, 255, .12);
}

.list-check li{ margin-bottom: .55rem; }
.list-check i{ color: var(--ua-accent-2); }

.small-note{ font-size: .92rem; color: rgba(var(--bs-body-color-rgb), .75); }

a{ color: inherit; }
a:hover{ color: var(--ua-accent-2); }

/* RTL tweaks */
html[dir="rtl"] .ms-auto{ margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3{ margin-right: 0 !important; }
html[dir="rtl"] .me-1{ margin-left: .25rem !important; }
html[dir="rtl"] .me-2{ margin-left: .5rem !important; }
html[dir="rtl"] .me-3{ margin-left: 1rem !important; }

/* Footer spacing fixes */
footer{
  background: rgba(0,0,0,.10);
}
[data-bs-theme="light"] footer{
  background: rgba(255,255,255,.55);
}

/* Utility */
@media (min-width: 992px){
  .position-lg-sticky{ position: sticky; }
}


/* v6: Use image logo instead of gradient mark */
.brand-mark, .brand-mark-sm{ display:none !important; }

.ua-logo{
  height: 36px;
  width: auto;
  max-width: 220px;
}

.ua-logo-sm{
  height: 28px;
  width: auto;
  max-width: 220px;
}

@media (max-width: 576px){
  .ua-logo{ height: 32px; }
}