/* AI Center pages in the Q-DASH identity (loaded after ai-center.css).
   Light page, navy hero/CTA blocks, orange accent, Tajawal (Arabic) / Montserrat (English). */
body.qd-ai-page {
  --dk: #F6F8FB; --dk2: #FFFFFF; --dk3: #EEF2F7; --cd: #FFFFFF;
  --bd: #E3E8EF; --bd-h: rgba(224, 92, 42, .45);
  --tx: #0B1F33; --tx2: #4A5B6E; --tx3: #7A8A9C;
  --or: #E05C2A; --or-h: #B23A12;
  --qn: #0B1F33; --qn2: #13324F;
  background: #F6F8FB !important; color: #0B1F33 !important;
}
html[lang="en"] body.qd-ai-page, html[lang="en"] body.qd-ai-page main *:not(i):not([class*="fa-"]) { font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif; }
body.qd-ai-page main { background: transparent !important; color: #0B1F33; }
body.qd-ai-page main h1, body.qd-ai-page main h2, body.qd-ai-page main h3, body.qd-ai-page main h4 { color: #0B1F33; -webkit-text-fill-color: currentColor; background: none; }

/* sections */
body.qd-ai-page .sec, body.qd-ai-page section { background-color: transparent; }
body.qd-ai-page .sec:nth-of-type(even) { background: #EEF2F7; }

/* hero: navy block with white text, like the rest of the site */
body.qd-ai-page .ai-hero { background: radial-gradient(circle at 85% 10%, rgba(224, 92, 42, .28), transparent 45%), linear-gradient(150deg, #13324F 0%, #0B1F33 70%) !important; color: #fff; }
body.qd-ai-page .ai-hero::before { background: none; }
body.qd-ai-page .ai-hero h1 { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; }
body.qd-ai-page .ai-hero h1 span, body.qd-ai-page .ai-hero h1 em, body.qd-ai-page .ai-hero .hl { color: #F6A15A !important; -webkit-text-fill-color: #F6A15A !important; }
body.qd-ai-page .ai-hero p, body.qd-ai-page .ai-hero li { color: #C9D6E3 !important; }
body.qd-ai-page .ai-hero .btn-ol, body.qd-ai-page .ai-hero .btn-outline, body.qd-ai-page .ai-hero a.btn:not(.btn-or):not(.btn-pri) { color: #fff !important; border-color: rgba(255, 255, 255, .3) !important; }
body.qd-ai-page #ai-particles { opacity: .25; }

/* cards and panels */
body.qd-ai-page main [class*="card"], body.qd-ai-page main .ai-stat-item, body.qd-ai-page main [class*="-box"], body.qd-ai-page main [class*="tile"], body.qd-ai-page main details, body.qd-ai-page main .faq-item {
  background-color: #FFFFFF; border-color: #E3E8EF; color: #0B1F33;
}
body.qd-ai-page main [class*="card"]:hover { border-color: rgba(224, 92, 42, .45); box-shadow: 0 18px 44px rgba(11, 31, 51, .1); }
body.qd-ai-page main p, body.qd-ai-page main li, body.qd-ai-page main dd { color: #4A5B6E; }
body.qd-ai-page main strong, body.qd-ai-page main b, body.qd-ai-page main dt, body.qd-ai-page main summary { color: #0B1F33; }
body.qd-ai-page main a:not([class*="btn"]):not([class*="card"]) { color: #E05C2A; }
body.qd-ai-page main table { background: #fff; color: #0B1F33; }
body.qd-ai-page main th { background: #0B1F33; color: #fff; }
body.qd-ai-page main td { border-color: #E3E8EF; color: #4A5B6E; }
body.qd-ai-page main input, body.qd-ai-page main select, body.qd-ai-page main textarea { background: #fff !important; color: #0B1F33 !important; border-color: #D5DDE6 !important; }
body.qd-ai-page main code, body.qd-ai-page main pre { background: #0B1F33; color: #E3EAF2; }

/* buttons */
body.qd-ai-page main .btn-or, body.qd-ai-page main .btn-pri { background: #E05C2A !important; color: #fff !important; border-color: #E05C2A !important; }
body.qd-ai-page main .btn-ol, body.qd-ai-page main .btn-outline { color: #0B1F33; border-color: #D5DDE6; background: #fff; }
body.qd-ai-page main .btn-ol:hover, body.qd-ai-page main .btn-outline:hover { color: #E05C2A; border-color: #E05C2A; }

/* big CTA blocks stay navy */
body.qd-ai-page .ai-cta-big, body.qd-ai-page [class*="cta-band"], body.qd-ai-page [class*="cta-big"] { background: linear-gradient(150deg, #13324F, #0B1F33) !important; color: #fff !important; border: 0 !important; }
body.qd-ai-page .ai-cta-big h2, body.qd-ai-page .ai-cta-big h3, body.qd-ai-page [class*="cta-big"] h2 { color: #fff !important; }
body.qd-ai-page .ai-cta-big p, body.qd-ai-page [class*="cta-big"] p { color: #C9D6E3 !important; }

/* chips, badges, eyebrows */
body.qd-ai-page main [class*="badge"], body.qd-ai-page main [class*="chip"], body.qd-ai-page main [class*="eyebrow"], body.qd-ai-page main [class*="tag"]:not(svg) { color: #E05C2A; border-color: rgba(224, 92, 42, .3); }

/* icon tiles: one accent family */
body.qd-ai-page main [class*="icon"]:not(i):not(svg) { color: #E05C2A; }

/* hero outline button stays readable on navy */
body.qd-ai-page .ai-hero .btn-ol, body.qd-ai-page .ai-hero .btn-outline { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, .35) !important; }
body.qd-ai-page .ai-hero .btn-ol:hover, body.qd-ai-page .ai-hero .btn-outline:hover { border-color: #F6A15A !important; color: #F6A15A !important; }

/* service bridge keeps its navy block */
body.qd-ai-page .qd-service-bridge { background: #0B1F33 !important; }
body.qd-ai-page .qd-service-bridge h2, body.qd-ai-page .qd-service-bridge h3, body.qd-ai-page .qd-service-bridge strong, body.qd-ai-page .qd-service-bridge b { color: #fff !important; }
body.qd-ai-page .qd-service-bridge p { color: #BDD0DC !important; }
body.qd-ai-page .qd-service-bridge [class*="card"], body.qd-ai-page .qd-service-bridge a { background-color: transparent; }
