/* ALDEEB V135.11 — responsive About, creator academy cards, store icons, modal close geometry */

/* ABOUT: a calm, aligned desktop grid that collapses cleanly on tablets/phones. */
#publicAboutPage{padding:clamp(8px,2vw,24px) clamp(8px,2vw,18px) 96px!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
#publicAboutPage .public-about-page-shell{width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important;padding:clamp(14px,2.2vw,28px)!important;box-sizing:border-box!important;overflow:visible!important;}
#publicAboutPage .public-about-page-head{display:flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;margin:0 0 20px!important;padding:0 0 16px!important;text-align:center!important;}
#publicAboutPage .public-about-page-head h2{font-size:clamp(21px,2.5vw,30px)!important;line-height:1.3!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody{width:100%;min-width:0;}
#publicAboutPageBody>.visitor-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 18px!important;box-sizing:border-box!important;}
#publicAboutPageBody .visitor-detail-head{width:100%!important;box-sizing:border-box!important;margin:0 0 18px!important;padding:clamp(14px,2vw,22px)!important;border-radius:18px!important;}
#publicAboutPageBody .visitor-detail-head h2{font-size:clamp(21px,2.25vw,29px)!important;line-height:1.4!important;}
#publicAboutPageBody .visitor-detail-head p{line-height:1.9!important;max-width:78ch!important;margin-inline:auto!important;}
#publicAboutPageBody .about-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,31%)!important;align-items:start!important;gap:18px!important;width:100%!important;min-width:0!important;margin:0!important;}
#publicAboutPageBody .about-main{min-width:0!important;width:auto!important;box-sizing:border-box!important;padding:clamp(14px,2vw,22px)!important;background:#fff!important;border:1px solid #e0e6ec!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(17,32,48,.05)!important;}
#publicAboutPageBody .about-main h3{font-size:clamp(17px,1.6vw,21px)!important;line-height:1.45!important;margin:0 0 12px!important;}
#publicAboutPageBody .about-main p{line-height:1.95!important;margin:0 0 13px!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .about-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:16px!important;}
#publicAboutPageBody .about-values>div{min-width:0!important;box-sizing:border-box!important;border-radius:13px!important;padding:13px!important;}
#publicAboutPageBody .about-values b{display:block!important;line-height:1.6!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .about-values small{display:block!important;margin-top:5px!important;line-height:1.75!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .about-brand-card{align-self:start!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:20px!important;border-radius:18px!important;overflow:hidden!important;text-align:center!important;}
#publicAboutPageBody .about-brand-card img{display:block!important;width:min(100%,180px)!important;max-width:100%!important;height:auto!important;max-height:150px!important;object-fit:contain!important;margin:0 auto 14px!important;border-radius:12px!important;}
#publicAboutPageBody .about-brand-card h3{font-size:24px!important;line-height:1.3!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .about-brand-card p{line-height:1.8!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .visitor-resources{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 0!important;padding:16px!important;border:1px solid #dce4eb!important;border-radius:18px!important;background:#f7f9fb!important;}
#publicAboutPageBody .visitor-resources h3{grid-column:1/-1!important;margin:0 0 4px!important;font-size:19px!important;line-height:1.5!important;}
#publicAboutPageBody .visitor-resources>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;box-sizing:border-box!important;padding:12px!important;border:1px solid #e0e6ec!important;border-radius:12px!important;background:#fff!important;line-height:1.7!important;overflow-wrap:anywhere!important;}
#publicAboutPageBody .visitor-resources>div span{flex:0 0 auto!important;font-size:22px!important;}

/* One canonical return action: no floating duplicate inside the About page. */
#publicAboutPage .v1341-about-back-bottom,#publicAboutPageBody .visitor-back-bottom{display:none!important;}
#v13410SystemReturn.v13507-system-return{z-index:2147483646!important;max-width:calc(100vw - 20px)!important;white-space:nowrap!important;}

/* Academy creator tile uses the same design language as the existing academies. */
#visitorGuide .creators-academy-card{border:1px solid #d8c7f4!important;background:linear-gradient(145deg,#fff 0%,#faf7ff 100%)!important;}
#visitorGuide .creators-academy-card .icon{background:linear-gradient(135deg,#efe7ff,#fff)!important;color:#6541a5!important;border:1px solid #d6c5f2!important;}
#academyCreators{background:#f4f7fb!important;color:#17212b!important;}
#academyCreators .visitor-shell{width:min(1180px,100%)!important;margin:0 auto!important;padding:clamp(10px,2vw,24px)!important;box-sizing:border-box!important;}
#academyCreators .creators-academy-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,240px)!important;align-items:center!important;gap:18px!important;padding:clamp(16px,2.5vw,30px)!important;border-radius:22px!important;background:linear-gradient(135deg,#141d2a,#29384b)!important;color:#fff!important;box-shadow:0 14px 35px rgba(14,27,43,.16)!important;}
#academyCreators .creators-academy-hero h2{font-size:clamp(23px,3vw,34px)!important;color:#fff!important;line-height:1.35!important;}
#academyCreators .creators-academy-hero p{color:#e4edf8!important;line-height:1.9!important;max-width:72ch!important;}
#academyCreators .creators-academy-hero .visitor-tag{color:#ffd978!important;}
#academyCreators .creators-academy-art{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;}
#academyCreators .visitor-mini-screen{width:100%!important;max-width:210px!important;aspect-ratio:1.45!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(215,25,32,.22),rgba(124,58,237,.28))!important;box-shadow:inset 0 0 35px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18)!important;color:#fff!important;font-weight:900!important;letter-spacing:1.5px!important;}
#academyCreators .v1342-academy-catalog{min-width:0!important;}

/* Both Store entry icons and in-site store icons have one modern, aligned treatment. */
.system-entry-store{display:grid!important;grid-template-columns:60px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;box-sizing:border-box!important;padding:16px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:20px!important;background:linear-gradient(135deg,#17212c 0%,#263546 100%)!important;box-shadow:0 14px 32px rgba(8,17,28,.18)!important;}
.system-entry-store-icon,#home .aldeeb-store-card .store-icon,#aldeebStoreBridge .store-bridge-icon,.store-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 58px!important;width:58px!important;min-width:58px!important;height:58px!important;min-height:58px!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.36)!important;background:linear-gradient(145deg,#e72a32,#a90f17)!important;color:#fff!important;font-size:29px!important;line-height:1!important;text-align:center!important;box-shadow:0 9px 20px rgba(215,25,32,.28)!important;}
.system-entry-store-content{min-width:0!important;align-self:center!important;display:flex!important;flex-direction:column!important;gap:5px!important;}
.system-entry-store-content strong{font-size:clamp(17px,1.7vw,22px)!important;line-height:1.35!important;color:#fff!important;overflow-wrap:anywhere!important;}
.system-entry-store-content small{color:#e2eaf2!important;font-size:12px!important;line-height:1.8!important;overflow-wrap:anywhere!important;}
.system-entry-store-btn{justify-self:end!important;align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 17px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;background:linear-gradient(135deg,#df1c25,#b10f17)!important;color:#fff!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 7px 18px rgba(215,25,32,.24)!important;}
.system-entry-store-btn:hover{filter:brightness(1.07)!important;transform:translateY(-1px)!important;}
#aldeebStoreBridge .store-bridge-card{width:min(520px,calc(100vw - 24px))!important;box-sizing:border-box!important;border-radius:22px!important;overflow:hidden!important;padding:26px!important;}
#aldeebStoreBridge .store-bridge-icon{margin:0 auto 14px!important;}

/* Keep close/back icons inside their modal header boxes, centered and never translated outside. */
.v1341-admin-modal-head,.v1342-admin-head,.aldeeb-admin-tool-head,.v13462-modal-head,.public-about-card{position:relative!important;box-sizing:border-box!important;}
.v1341-admin-modal-head .v1341-admin-modal-close,
.v1342-admin-head #v1342AdminClose,
#aldeebAdminToolLayer .aldeeb-admin-tool-close,
#aldeebAdminToolLayer .aldeeb-admin-tool-back,
#v13462Modal .v13462-close,
#aldeebPublicAbout .public-about-close,
#aldeebAuthLayer .aldeeb-auth-close,
#aldeebAdminLoginLayer .aldeeb-admin-login-close,
#v13410ExamModal .v13410-exam-close,
#v13425ToolPortal .v13427-tool-page-close,
#v132PublicStandalone .v132-public-info-head button{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;box-sizing:border-box!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;flex:0 0 44px!important;transform:none!important;translate:none!important;}
#aldeebPublicAbout .public-about-card{position:relative!important;width:min(1040px,94vw)!important;max-width:1040px!important;max-height:min(92dvh,900px)!important;overflow:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;padding:68px clamp(16px,2.5vw,28px) 24px!important;border-radius:22px!important;}
#aldeebPublicAbout .public-about-close{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:4!important;margin:0!important;border:1px solid #cdd6df!important;border-radius:12px!important;background:#fff!important;color:#17212b!important;font-size:27px!important;box-shadow:0 5px 14px rgba(10,20,30,.12)!important;}

@media(max-width:760px){
  #publicAboutPage{padding:8px 8px 88px!important;}
  #publicAboutPage .public-about-page-shell{padding:13px!important;border-radius:15px!important;}
  #publicAboutPage .public-about-page-head{margin-bottom:14px!important;padding-bottom:12px!important;}
  #publicAboutPageBody .about-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  #publicAboutPageBody .about-main{padding:14px!important;}
  #publicAboutPageBody .about-values{grid-template-columns:minmax(0,1fr)!important;}
  #publicAboutPageBody .about-brand-card{padding:16px!important;}
  #publicAboutPageBody .visitor-resources{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;}
  #publicAboutPageBody .visitor-resources h3{grid-column:1!important;}
  #academyCreators .creators-academy-hero{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
  #academyCreators .creators-academy-art{display:none!important;}
  .system-entry-store{grid-template-columns:52px minmax(0,1fr)!important;padding:12px!important;gap:10px!important;}
  .system-entry-store-icon,#home .aldeeb-store-card .store-icon,#aldeebStoreBridge .store-bridge-icon,.store-icon{flex-basis:52px!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;border-radius:15px!important;font-size:26px!important;}
  .system-entry-store-btn{grid-column:1/-1!important;width:100%!important;justify-self:stretch!important;}
  #aldeebPublicAbout .public-about-card{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important;border-radius:16px!important;padding:66px 14px 18px!important;}
  #aldeebPublicAbout .public-about-close{top:10px!important;right:10px!important;}
  #v13410SystemReturn.v13507-system-return{left:max(8px,env(safe-area-inset-left))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-width:0!important;width:auto!important;}
}
@media(max-width:380px){
  #v13410SystemReturn.v13507-system-return{font-size:12px!important;padding-inline:11px!important;height:42px!important;}
  .system-entry-store-content small{font-size:11px!important;}
}

/* Modal close controls stay in their own header box; no transforms or external offsets. */
.v1341-admin-modal-head .v1341-admin-modal-close,
.v1342-admin-head #v1342AdminClose,
#aldeebAdminToolLayer .aldeeb-admin-tool-actions>button,
.v13462-modal-head #v13462ModalClose,
#v13410ExamModal .v13410-exam-close{position:static!important;inset:auto!important;transform:none!important;translate:none!important;align-self:center!important;flex-shrink:0!important;margin:0!important;}
#aldeebAuthLayer .aldeeb-auth-close{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;margin:0!important;}
#aldeebAdminLoginLayer .aldeeb-admin-login-close{position:absolute!important;top:12px!important;left:12px!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;margin:0!important;}

/* V135.12 — clearer linked-lesson optionality */
.v1332-optional-field-note{display:block;margin-top:7px;color:#475569!important;font-size:12px;line-height:1.65;font-weight:500}.v1332-optional-field-note.warning{color:#854d0e!important;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:7px 9px}
@media(max-width:760px){#academyAdminVideos .v1332-optional-field-note{font-size:13px}}