/* mdr Marketing site stylesheet for Assistant Core 1.0.0.
   Generated from the LIVE core.css (sha256 08908278b45dc966...): every rule that carries a
   brand colour is re-emitted IN FULL and IN ORDER with only the palette swapped for the mdrmarketing.sa
   colours taken from the site itself. The group gold (#c8a35a) is left unchanged: mdrmarketing.sa already
   uses it. No layout, spacing, size or behaviour declaration is changed. */
/* launcher */
#mdrbot-btn{width:74px;height:74px;border-radius:50%;border:0;cursor:pointer;background:#c8a35a;color:#252153;box-shadow:0 10px 30px rgba(200,163,90,.5);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;padding:0}
#mdrbot-badge{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;background:#252153;border:2px solid #fff}
/* header */
#mdrbot-head{background:#c8a35a;color:#252153;padding:14px 16px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.mdr-user{background:#c8a35a;color:#252153;margin-inline-start:auto;border-start-end-radius:3px}
.mdr-msg a{color:#252153;font-family:"mdr-bold",inherit;text-decoration:underline;text-underline-offset:3px}
.mdr-src{display:inline-block;margin-top:8px;font-size:12px;background:#f2f2f2;border:1px solid #e5e5e5;border-radius:20px;padding:5px 12px;text-decoration:none!important;color:#252153!important}
.mdr-src:hover{background:#252153;color:#fff!important;border-color:#252153}
#mdrbot-chips button:hover{background:#c8a35a;color:#252153;border-color:#252153}
.mdr-lead h4{margin:0 0 9px;font-size:13px;font-family:"mdr-bold",inherit;color:#252153}
.mdr-lead input:focus,.mdr-lead textarea:focus{outline:0;border-color:#252153;background:#fff}
.mdr-lead button{width:100%;background:#c8a35a;color:#252153;border:0;border-radius:8px;padding:10px;font-size:13px;cursor:pointer;font-family:"mdr-bold",inherit}
#mdrbot-in:focus{outline:0;border-color:#252153;background:#fff}
#mdrbot-send{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:0;background:#c8a35a;color:#252153;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
/* === brand override: mdr.sa identity (black header, gold accents) — launcher stays gold === */
#mdrbot-head{background:#252153;color:#fff}
#mdrbot-head{background:#252153;color:#fff}
#mdrbot-chips .mdr-endchip{background:#252153;color:#fff;border-color:#252153;display:inline-flex;align-items:center;gap:6px}
#mdrbot-mic{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:1px solid #e2e2e2;background:#fff;color:#252153;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
#mdrbot-down{position:absolute;bottom:10px;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#252153;color:#fff;border:0;border-radius:20px;padding:6px 14px;font:inherit;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.2);cursor:pointer;transition:opacity .2s,transform .2s;z-index:2}
/* MDR Cards v1.0 — host-agnostic styles (prefix .mdrc). Uses logical properties so RTL/LTR follow the container's dir. */
.mdrc{display:block;background:#fff;border:1px solid #e6e6e6;overflow:hidden;font-size:13.5px;line-height:1.6;color:#252153;clip-path:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%);margin:6px 0 2px}
.mdrc__btn{display:inline-block;border:1px solid #252153;background:#fff;color:#252153;padding:6px 12px;font:inherit;font-size:12.5px;line-height:1.4;cursor:pointer;text-decoration:none;border-radius:2px;transition:background .15s,color .15s}
.mdrc__btn:hover{background:#252153;color:#fff}
.mdrc__btn--primary{background:#252153;color:#fff}
.mdrc__btn--primary:hover{background:#c8a35a;border-color:#c8a35a;color:#252153}
.mdrc__row a{color:#252153;text-decoration:underline}
/* chat host overrides (chat.css styles links inside bubbles as underlined dark text) */
.mdr-msg .mdrc__btn,.mdr-msg .mdrc__btn:hover,.mdr-msg .mdrc__actions a{text-decoration:none!important;display:inline-block!important;border-bottom:1px solid #252153!important}
.mdr-msg .mdrc__btn{color:#252153!important}
.mdr-msg .mdrc__btn--primary:hover{color:#252153!important;border-color:#c8a35a!important}
#mdrbot-chips.mdr-qa .mdr-qa-main{display:flex;align-items:center;gap:9px;background:#FAFAFA;border:1px solid #E3E1F0;border-radius:12px;padding:10px 11px;min-height:50px;font-size:12.5px;line-height:1.35;color:#252153;font-family:"mdr-bold",inherit;text-align:start;transition:.15s}
#mdrbot-chips.mdr-qa .mdr-qa-main:hover{background:#c8a35a;border-color:#c8a35a;color:#252153}
#mdrbot-chips.mdr-qa .mdr-qa-main:hover svg{stroke:#252153}

/* site typography: the page uses Almarai (Arabic) and Archivo (Latin) */
#mdrbot,#mdrbot *{font-family:"Almarai","Archivo",system-ui,sans-serif}

/* mdr ecosystem company card (site bundle component) */
.mdr-ecowrap{max-width:100%!important;padding:0!important;background:transparent!important;border:0!important}
.mdr-eco{border:1px solid #DAD8EC;border-radius:12px;overflow:hidden;background:#F5F4FA}
.mdr-eco-h{font-family:"mdr-bold",inherit;font-size:12.5px;padding:9px 12px;background:#252153;color:#E3E1F0}
.mdr-eco-g{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#DAD8EC}
.mdr-eco a,.mdr-eco a:hover{text-decoration:none!important}
.mdr-eco-i{display:block;padding:8px 10px;background:#fff;text-decoration:none;color:#252153;transition:.15s}
.mdr-eco-i:hover{background:#EDECF6}
.mdr-eco-i.is-current{background:#F5F4FA}
.mdr-eco-n{display:block;font-size:12.5px;font-family:"mdr-bold",inherit;line-height:1.35}
.mdr-eco-u{display:block;font-size:10.5px;color:#5E5A78;margin-top:2px;unicode-bidi:isolate}
.mdr-eco-b{display:inline-block;font-size:9.5px;margin-top:4px;padding:1px 6px;border-radius:9px;background:#c8a35a;color:#252153}
@media (max-width:400px){.mdr-eco-g{grid-template-columns:1fr}}

/* === added: MDR Cards (.mdrc) styling — mirrors mdr.sa's cards.css, recoloured for mdr Marketing. Fixes: unstyled/overlapping meta tags, indistinguishable action buttons, unstyled multi-project list. === */
.mdrc{display:block;background:#fff;border:1px solid #e6e6e6;overflow:hidden;font-size:13.5px;line-height:1.6;color:#252153;clip-path:polygon(0 18px,18px 0,100% 0,100% 100%,0 100%);margin:6px 0 2px}
[dir="rtl"] .mdrc{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.mdrc__img{position:relative;aspect-ratio:16/9;background:#ececec;overflow:hidden}
.mdrc__img img{width:100%;height:100%;object-fit:cover;display:block}
.mdrc__img--none{aspect-ratio:16/6;background:linear-gradient(135deg,#eee,#f7f7f7)}
.mdrc__body{padding:12px 14px 13px}
.mdrc__title{margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.4}
.mdrc__sub{color:#6b6b6b;font-size:12.5px;margin-bottom:6px}
.mdrc__desc{margin:4px 0 8px;color:#333}
.mdrc__desc--short{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:#555}
.mdrc__meta{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.mdrc__tag{background:#f4f4f4;border-radius:3px;padding:3px 8px;font-size:12px;color:#333}
.mdrc__tag i{font-style:normal;color:#888;margin-inline-end:5px;font-size:11px}
.mdrc__tag--st{background:#eef4ee;color:#1f5a2a}
.mdrc__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mdrc__btn{display:inline-block;border:1px solid #252153;background:#fff;color:#252153;padding:6px 12px;font:inherit;font-size:12.5px;line-height:1.4;cursor:pointer;text-decoration:none;border-radius:2px;transition:background .15s,color .15s}
.mdrc__btn:hover{background:#252153;color:#fff}
.mdrc__btn--primary{background:#252153;color:#fff}
.mdrc__btn--primary:hover{background:#c8a35a;border-color:#c8a35a;color:#252153}
.mdrc__row{display:flex;gap:8px;align-items:flex-start;margin:3px 0}
.mdrc__row a{color:#252153;text-decoration:underline}
.mdrc-list{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.mdrc-list .mdrc{flex:0 0 78%;max-width:280px;scroll-snap-align:start;margin:0}
.mdrc-list--stack{flex-direction:column;overflow:visible}
.mdrc-list--stack .mdrc{flex:none;max-width:none}
.mdrc-list::-webkit-scrollbar{height:6px}.mdrc-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}
.mdr-msg .mdrc,.mdr-msg .mdrc-list{max-width:100%}
.mdr-msg.mdr-card{padding:8px!important;max-width:96%!important;background:transparent!important;border:0!important;box-shadow:none!important}
.mdr-msg.mdr-card .mdrc{margin:0}
.mdr-msg .mdrc__btn,.mdr-msg .mdrc__btn:hover,.mdr-msg .mdrc__actions a{text-decoration:none!important;display:inline-block!important;border-bottom:1px solid #252153!important}
.mdr-msg .mdrc__btn{color:#252153!important}
.mdr-msg .mdrc__btn:hover,.mdr-msg .mdrc__btn--primary{color:#fff!important}
.mdr-msg .mdrc__btn--primary:hover{color:#252153!important;border-color:#c8a35a!important}