/* =========================================================
   RASID BLUE / BLACK / WHITE FINAL THEME
   هذا الملف مربوط آخر شيء بعد style.css و rasid-redesign.css
   الهدف: إزالة الأخضر/البنفسجي، وتثبيت هوية أزرق + أسود + أبيض مع شعار M.
========================================================= */

:root{
  --gh-bg:#020817;
  --gh-panel:#0d1117;
  --gh-muted:rgba(226,238,255,.72);
  --gh-line:rgba(255,255,255,.12);
  --gh-shadow:0 34px 110px rgba(0,0,0,.46);
  --rasid-blue:#2563eb;
  --rasid-blue2:#0ea5ff;
  --rasid-sky:#38bdf8;
  --rasid-white:#ffffff;
  --rasid-black:#020817;
  --rasid-navy:#07111f;
  --rasid-muted:#a7b3c7;
  --rasid-border:rgba(255,255,255,.13);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 85% 0%, rgba(14,165,255,.22), transparent 28%),
    radial-gradient(circle at 10% 12%, rgba(37,99,235,.18), transparent 30%),
    linear-gradient(180deg,#020817 0%,#07111f 46%,#020817 100%) !important;
  color:#fff !important;
  font-family:"Tajawal",Arial,sans-serif !important;
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}

/* Header */
.header,.site-header,header,.navbar,.topbar{
  background:rgba(2,8,23,.88) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 50px rgba(0,0,0,.32) !important;
  backdrop-filter:blur(18px) !important;
}
.header .nav{min-height:78px !important;gap:18px !important}
.brand{gap:11px !important;color:#fff !important;text-decoration:none !important}
.brand-title{color:#fff !important;font-weight:950 !important;letter-spacing:-.2px !important}
.brand small{color:rgba(226,238,255,.65) !important;font-weight:800 !important}
.logo,.footer-logo-mark{display:inline-grid !important;place-items:center !important;width:48px !important;height:48px !important;filter:drop-shadow(0 16px 34px rgba(14,165,255,.30)) !important}
.logo svg,.footer-logo-mark svg{width:48px !important;height:48px !important;display:block !important}
.header .links a,.rdx-gh-subnav a,footer a,.site-footer a{transition:.22s ease !important}
.header .links a{
  color:#dceafe !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
}
.header .links a:hover{
  color:#fff !important;
  background:rgba(14,165,255,.10) !important;
  border-color:rgba(14,165,255,.24) !important;
}
.header .links a.nav-new-link{
  background:rgba(14,165,255,.12) !important;
  border:1px solid rgba(14,165,255,.30) !important;
  color:#dff6ff !important;
  box-shadow:0 12px 34px rgba(14,165,255,.10) !important;
}
.header .links a.nav-new-link:after{
  content:"جديد" !important;
  background:linear-gradient(135deg,#38bdf8,#2563eb) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(14,165,255,.34) !important;
}
body[data-lang="en"] .header .links a.nav-new-link:after{content:"NEW" !important}
.lang,.auth-chip,.btn.secondary,.secondary,.logout-btn{
  background:rgba(255,255,255,.065) !important;
  color:#eaf6ff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}
.lang:hover,.btn.secondary:hover,.secondary:hover{
  background:rgba(14,165,255,.13) !important;
  border-color:rgba(14,165,255,.30) !important;
}
.btn:not(.secondary),button:not(.lang),input[type="submit"],.rdx-gh-btn-primary{
  background:linear-gradient(135deg,#2563eb,#0ea5ff) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 20px 58px rgba(37,99,235,.30) !important;
}
.btn:not(.secondary):hover,button:not(.lang):hover,input[type="submit"]:hover,.rdx-gh-btn-primary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 26px 72px rgba(14,165,255,.36) !important;
}

/* Home hero */
.rdx-gh-page{background:#020817 !important;color:#fff !important}
.rdx-gh-hero{
  background:
    radial-gradient(circle at 72% 10%,rgba(14,165,255,.25),transparent 31%),
    radial-gradient(circle at 8% 22%,rgba(37,99,235,.18),transparent 27%),
    linear-gradient(180deg,#020817 0%,#050914 58%,#020817 100%) !important;
  color:#fff !important;
  min-height:980px !important;
}
.rdx-gh-hero:before{
  background-image:
    linear-gradient(to left,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px) !important;
  opacity:.55 !important;
}
.rdx-gh-hero:after{
  background:radial-gradient(circle,rgba(14,165,255,.42),rgba(37,99,235,.18) 42%,transparent 70%) !important;
  filter:blur(12px) !important;
  opacity:.68 !important;
}
.rdx-gh-subnav{
  background:rgba(2,8,23,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.rdx-gh-subnav a{
  color:#dceafe !important;
  border-inline-start:1px solid rgba(255,255,255,.10) !important;
}
.rdx-gh-subnav a:first-child,.rdx-gh-section-head span,.rdx-gh-price-grid span,.rdx-gh-card-num,.rdx-gh-timeline b,.rdx-gh-proof-grid b,.rdx-gh-solution-card a,.rdx-gh-bot-box span,.rdx-gh-code-line em,.rdx-gh-kicker{
  color:#38bdf8 !important;
}
.rdx-gh-subnav a:hover{background:rgba(14,165,255,.10) !important;color:#fff !important}
.rdx-gh-kicker:after{
  background:#38bdf8 !important;
  box-shadow:0 0 28px rgba(56,189,248,.75) !important;
}
.rdx-gh-copy h1{
  color:#fff !important;
  text-shadow:0 18px 70px rgba(14,165,255,.16) !important;
}
.rdx-gh-copy p,.rdx-gh-section-head p,.rdx-gh-side-card small,.rdx-gh-solution-card p,.rdx-gh-price-grid p,.rdx-gh-timeline p,.rdx-gh-bot-box p{
  color:rgba(226,238,255,.72) !important;
}
.rdx-gh-side-card{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.38) !important;
}
.rdx-gh-side-card p{color:#fff !important}
.rdx-gh-btn-dark{
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.rdx-gh-btn-dark:hover{background:rgba(14,165,255,.13) !important;border-color:rgba(14,165,255,.28) !important}

/* Blue visual zone replaces purple block */
.rdx-gh-visual-zone{
  background:
    radial-gradient(circle at 82% 58%,rgba(14,165,255,.46),transparent 36%),
    radial-gradient(circle at 18% 90%,rgba(37,99,235,.34),transparent 30%),
    linear-gradient(180deg,#eaf6ff 0%,#93cfff 48%,#1d4ed8 100%) !important;
  border-top:1px solid rgba(255,255,255,.48) !important;
}
.rdx-gh-visual-zone:before,.rdx-gh-visual-zone:after{
  background-image:radial-gradient(circle,rgba(37,99,235,.36) 2px,transparent 2.5px) !important;
  opacity:.58 !important;
}
.rdx-gh-window{
  background:#0b1224 !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 42px 120px rgba(2,8,23,.52) !important;
}
.rdx-gh-window-bar,.rdx-gh-sidebar{background:#0b1022 !important}
.rdx-gh-code-panel{background:#1a2235 !important}
.rdx-gh-code-line{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:rgba(226,238,255,.78) !important;
}
.rdx-gh-prompt{
  background:#fff !important;
  color:#101827 !important;
  border:1px solid rgba(2,8,23,.18) !important;
  box-shadow:0 20px 56px rgba(2,8,23,.26) !important;
}
.rdx-gh-chat-panel{background:#0f172a !important}
.rdx-gh-chat-icon{
  background:linear-gradient(135deg,#eaf6ff,#38bdf8,#2563eb) !important;
  color:#020817 !important;
  box-shadow:0 0 60px rgba(14,165,255,.50) !important;
}

/* Sections, cards and pricing */
.rdx-gh-section,.rdx-gh-proof,.rdx-gh-services,.rdx-gh-process,.rdx-gh-pricing,.rdx-gh-bot-cta{
  background:#020817 !important;
  color:#fff !important;
}
.rdx-gh-process{
  background:radial-gradient(circle at 18% 20%,rgba(14,165,255,.18),transparent 28%),#020817 !important;
}
.rdx-gh-pricing{
  background:linear-gradient(180deg,#020817,#07111f) !important;
}
.rdx-gh-proof-grid{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.rdx-gh-proof-grid div{
  background:#050914 !important;
}
.rdx-gh-solution-card,.rdx-gh-price-grid article,.rdx-gh-timeline>div,.card,.box,.panel,.service-card,.feature-card,.package-card,.pricing-card,.order-card,.contact-card,.info-card,.template-card,.preview-card{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 26px 86px rgba(0,0,0,.34) !important;
  color:#fff !important;
}
.rdx-gh-solution-card:before{
  background:rgba(14,165,255,.18) !important;
}
.rdx-gh-card-featured,.rdx-gh-price-hot{
  background:
    radial-gradient(circle at 80% 15%,rgba(14,165,255,.22),transparent 27%),
    linear-gradient(180deg,rgba(14,165,255,.10),rgba(255,255,255,.045)) !important;
  border-color:rgba(14,165,255,.45) !important;
  box-shadow:0 26px 86px rgba(14,165,255,.12) !important;
}
.rdx-gh-badge,.rdx-gh-price-grid small{
  background:linear-gradient(135deg,#38bdf8,#2563eb) !important;
  color:#fff !important;
  box-shadow:0 16px 35px rgba(14,165,255,.25) !important;
}
.rdx-gh-card-num,.rdx-gh-timeline b{
  background:#0d1117 !important;
  border:1px solid rgba(14,165,255,.28) !important;
}
.rdx-gh-solution-card h3,.rdx-gh-price-grid h3,.rdx-gh-section-head h2,.rdx-gh-timeline h3,.rdx-gh-bot-box h2,h1,h2,h3,h4,h5,h6{
  color:#fff !important;
}
.rdx-gh-solution-card ul{color:rgba(226,238,255,.78) !important}
.rdx-gh-solution-card a{border-bottom-color:rgba(56,189,248,.38) !important}
.rdx-gh-price-hot a{
  background:linear-gradient(135deg,#2563eb,#0ea5ff) !important;
  color:#fff !important;
  border-color:rgba(14,165,255,.50) !important;
}
.rdx-gh-price-grid a:not(.rdx-gh-price-hot a){
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.14) !important;
}
.rdx-gh-price-grid a:hover,.rdx-gh-solution-card a:hover{filter:brightness(1.08) !important}
.rdx-gh-bot-box{
  background:radial-gradient(circle at 88% 40%,rgba(14,165,255,.26),transparent 30%),linear-gradient(135deg,#0d1117,#0b1224) !important;
  border:1px solid rgba(255,255,255,.13) !important;
}

/* Forms and tables */
input,textarea,select{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  border-radius:14px !important;
  outline:none !important;
}
input::placeholder,textarea::placeholder{color:rgba(226,238,255,.52) !important}
input:focus,textarea:focus,select:focus{
  border-color:rgba(14,165,255,.72) !important;
  box-shadow:0 0 0 4px rgba(14,165,255,.14) !important;
}
label{color:#eaf6ff !important;font-weight:850 !important}
table{background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.12) !important}
th{background:rgba(14,165,255,.14) !important;color:#fff !important}td{color:#dceafe !important;border-color:rgba(255,255,255,.08) !important}

/* Footer */
.site-footer,footer{
  background:radial-gradient(circle at 82% 0%,rgba(14,165,255,.14),transparent 28%),#020817 !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  color:rgba(226,238,255,.70) !important;
}
.site-footer h3,footer h3{color:#fff !important}
.site-footer p,footer p,.footer-bottom-line{color:rgba(226,238,255,.68) !important}
.site-footer a,footer a{color:rgba(226,238,255,.72) !important}
.site-footer a:hover,footer a:hover{color:#38bdf8 !important}
.payment-mini-card{background:#fff !important;border-color:rgba(255,255,255,.32) !important}
.contact-float a{box-shadow:0 18px 42px rgba(0,0,0,.34) !important}
.contact-float .tg{background:#0ea5ff !important}

/* Mobile fixes */
@media(max-width:1180px){
  .rdx-gh-hero{min-height:auto !important;padding-bottom:540px !important}
}
@media(max-width:820px){
  .header .nav{padding:10px 0 !important}
  .brand small{display:block !important}
  .header .links{gap:7px !important;justify-content:center !important}
  .header .links a{font-size:12px !important;padding:8px 10px !important;white-space:nowrap !important}
  .actions{gap:7px !important;justify-content:center !important}
  .rdx-gh-copy h1{font-size:46px !important;line-height:1.08 !important}
  .rdx-gh-hero{padding-bottom:500px !important}
  .rdx-gh-visual-zone{min-height:500px !important}
}
@media(max-width:520px){
  .logo,.footer-logo-mark,.logo svg,.footer-logo-mark svg{width:42px !important;height:42px !important}
  .rdx-gh-copy h1{font-size:38px !important}
  .rdx-gh-copy p{font-size:17px !important}
  .rdx-gh-hero{padding-bottom:440px !important}
  .rdx-gh-price-grid strong{font-size:27px !important}
}