/* ALDEEB V136.4 — unified brand palette, viewport-fixed social rail and footer contact/logo layout */
:root{--aldeeb-red:#d71920;--aldeeb-black:#151515;--aldeeb-white:#fff;--aldeeb-soft:#f4f5f6;}

/* Keep the brand palette consistent across homepage chrome. */
#systemEntryPage .ald1361-topbar{background:var(--aldeeb-black)!important;}
#systemEntryPage .ald1361-footer-cta{background:var(--aldeeb-red)!important;color:#fff!important;box-shadow:0 16px 35px rgba(215,25,32,.18)!important;}
#systemEntryPage .ald1361-footer-cta>div>span{color:#ffe6e7!important;}
#systemEntryPage .ald1361-footer-cta p{color:#fff!important;opacity:.9;}
#systemEntryPage .ald1361-footer-cta>a{background:var(--aldeeb-black)!important;color:#fff!important;}
#systemEntryPage .ald1361-footer-cta>a:hover{background:#000!important;}
#systemEntryPage .ald1361-footer{background:var(--aldeeb-black)!important;color:#f2f2f2!important;}
#systemEntryPage .ald1361-footer-brand h3,#systemEntryPage .ald1361-footer-grid b{color:#fff!important;}
#systemEntryPage .ald1361-footer-brand p{color:#d7d7d7!important;}
#systemEntryPage .ald1361-footer-grid a,#systemEntryPage .ald1361-footer-grid button{color:#ededed!important;}
#systemEntryPage .ald1361-footer-grid a:hover,#systemEntryPage .ald1361-footer-grid button:hover{color:#ff555b!important;}
#systemEntryPage .ald1361-footer-bottom{border-top-color:rgba(255,255,255,.2)!important;color:#bdbdbd!important;}

/* Logo badge: preserve the original image file and its aspect ratio, with balanced white breathing room. */
#systemEntryPage .ald1361-footer-logo-frame{width:116px;height:116px;display:grid;place-items:center;box-sizing:border-box;padding:7px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.17);margin:0 0 13px auto;overflow:hidden;}
#systemEntryPage .ald1361-footer-logo-frame img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;}

/* Footer social buttons all use ALDEEB red/white rather than platform brand colors. */
#systemEntryPage .ald1361-footer-social{justify-content:flex-start!important;gap:8px!important;margin-top:13px!important;}
#systemEntryPage .ald1361-footer-social a,
#systemEntryPage .ald1361-footer-social .facebook,
#systemEntryPage .ald1361-footer-social .tiktok,
#systemEntryPage .ald1361-footer-social .youtube,
#systemEntryPage .ald1361-footer-social .whatsapp{background:var(--aldeeb-red)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:6px!important;}
#systemEntryPage .ald1361-footer-social a:hover{background:#fff!important;color:var(--aldeeb-red)!important;}

/* Phone + WhatsApp live beside the company description in the footer, not as floating viewport buttons. */
#systemEntryPage .ald1361-footer-brand .ald1361-floating-contact{position:static!important;inset:auto!important;z-index:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;margin:16px 0 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;}
#systemEntryPage .ald1361-footer-brand .ald1361-floating-contact a{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;margin:0!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:50%!important;background:var(--aldeeb-red)!important;color:#fff!important;box-shadow:0 5px 15px rgba(0,0,0,.24)!important;}
#systemEntryPage .ald1361-footer-brand .ald1361-floating-contact a:hover{background:#fff!important;color:var(--aldeeb-red)!important;transform:translateY(-2px);}
#systemEntryPage .ald1361-footer-brand .ald1361-floating-contact svg{display:block!important;width:22px!important;height:22px!important;}
#systemEntryPage .ald1361-float-phone,#systemEntryPage .ald1361-float-whatsapp{background:var(--aldeeb-red)!important;}

/* Place the social rail directly against the right edge of the browser viewport. */
body > .ald1361-social-rail{position:fixed!important;top:36%!important;right:0!important;left:auto!important;bottom:auto!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.85)!important;border-right:0!important;border-radius:8px 0 0 8px!important;overflow:hidden!important;background:var(--aldeeb-black)!important;box-shadow:0 5px 18px rgba(0,0,0,.22)!important;transform:none!important;}
body > .ald1361-social-rail a,
body > .ald1361-social-rail .facebook,
body > .ald1361-social-rail .tiktok,
body > .ald1361-social-rail .youtube,
body > .ald1361-social-rail .whatsapp{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:39px!important;height:40px!important;min-width:39px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;background:var(--aldeeb-black)!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;}
body > .ald1361-social-rail a:last-child{border-bottom:0!important;}
body > .ald1361-social-rail a:hover{background:var(--aldeeb-red)!important;color:#fff!important;}
body > .ald1361-social-rail svg{display:block!important;width:17px!important;height:17px!important;}
body.v90-app-mode > .ald1361-social-rail{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* The rail sits outside the isolated homepage section, so permit only this sibling during entry mode. */
body.v90-entry-mode > .ald1361-social-rail{visibility:visible!important;pointer-events:auto!important;}

@media(max-width:760px){
 #systemEntryPage .ald1361-footer-logo-frame{width:102px;height:102px;padding:6px;margin-bottom:11px;}
 #systemEntryPage .ald1361-footer-brand .ald1361-floating-contact{justify-content:flex-start!important;margin-top:13px!important;gap:9px!important;}
 #systemEntryPage .ald1361-footer-brand .ald1361-floating-contact a{flex-basis:43px!important;width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;}
 #systemEntryPage .ald1361-footer-brand .ald1361-floating-contact svg{width:20px!important;height:20px!important;}
 body > .ald1361-social-rail{top:38%!important;right:0!important;width:34px!important;border-radius:7px 0 0 7px!important;}
 body > .ald1361-social-rail a,body > .ald1361-social-rail .facebook,body > .ald1361-social-rail .tiktok,body > .ald1361-social-rail .youtube,body > .ald1361-social-rail .whatsapp{width:33px!important;min-width:33px!important;height:35px!important;min-height:35px!important;}
 body > .ald1361-social-rail svg{width:15px!important;height:15px!important;}
}
@media(max-width:390px){
 #systemEntryPage .ald1361-footer-logo-frame{width:94px;height:94px;}
 body > .ald1361-social-rail{width:31px!important;}
 body > .ald1361-social-rail a,body > .ald1361-social-rail .facebook,body > .ald1361-social-rail .tiktok,body > .ald1361-social-rail .youtube,body > .ald1361-social-rail .whatsapp{width:30px!important;min-width:30px!important;}
}
@media(prefers-reduced-motion:reduce){body > .ald1361-social-rail a{transition:none!important;}}

#ald136PlatformPage .ald1361-platform-icon.academy-icon{background:#fff0f1!important;color:#d71920!important;}
