/* KARAMA Visual CMS V4 */ .ksc-managed-visual{position:relative;width:100%;height:var(--ksc-visual-height,300px);overflow:hidden;background:#071425;isolation:isolate} .ksc-managed-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ksc-visual-position,center)} .ksc-managed-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,17,36,.16),transparent 35%,rgba(125,17,30,.12));z-index:1} .ksc-managed-visual--top{border-bottom:3px solid #a71929} .ksc-managed-visual--bottom{border-top:3px solid #a71929;margin-top:22px} @media(max-width:760px){.ksc-managed-visual{height:var(--ksc-visual-mobile-height,180px)}} /* Account-card image layer. Applied only when an admin assigns an image. */ .ka3-page [data-ka3-visual][style*="--ka3-card-image"]{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(rgba(4,13,29,var(--ka3-card-overlay,.58)),rgba(4,13,29,var(--ka3-card-overlay,.58))),var(--ka3-card-image)!important;background-size:cover!important;background-position:center!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important} .ka3-page [data-ka3-visual][style*="--ka3-card-image"]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(151,17,31,.18),transparent 48%,rgba(7,27,55,.22));pointer-events:none} .ka3-page [data-ka3-visual][style*="--ka3-card-image"] h2,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] h3,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] b,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] strong{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)} .ka3-page [data-ka3-visual][style*="--ka3-card-image"] p,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] small,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] em,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] .ka3-card-kicker{color:#eef3fa!important;text-shadow:0 2px 10px rgba(0,0,0,.5)} .ka3-page [data-ka3-visual][style*="--ka3-card-image"] .ka3-service-icon,.ka3-page [data-ka3-visual][style*="--ka3-card-image"] .ka3-module-icon{background:rgba(111,11,28,.76)!important;border-color:rgba(255,255,255,.25)!important} /* ================================================================ KARAMA MANAGED COVER — REPLACE ORIGINAL PAGE HERO 2026-09-24 ================================================================ */ .ksc-native-cover-replaced{ display:none !important; } /* |-------------------------------------------------------------------------- | Fast CSS replacement |-------------------------------------------------------------------------- | Prevents the old cover flashing before JavaScript executes. */ main:has(> .ksc-managed-visual--top) > .page-hero, main:has(> .ksc-managed-visual--top) > .match-center-hero, main:has(> .ksc-managed-visual--top) > .kf-landing-hero, main:has(> .ksc-managed-visual--top) > .kf-page-hero, main:has(> .ksc-managed-visual--top) > .kt-hero, main:has(> .ksc-managed-visual--top) > .kt-page-hero, main:has(> .ksc-managed-visual--top) > .kt-program-hero, main:has(> .ksc-managed-visual--top) > .kt-workout-cover, main:has(> .ksc-managed-visual--top) > .kiq-hero, main:has(> .ksc-managed-visual--top) > .kiq-page-hero, main:has(> .ksc-managed-visual--top) > .kiq-pack-hero, main:has(> .ksc-managed-visual--top) > .km-hero, main:has(> .ksc-managed-visual--top) > .km-page-hero, main:has(> .ksc-managed-visual--top) > .km-pack-hero { display:none !important; } /* Home */ main:has(> .ksc-managed-visual--top) > .akh-home > .akh-hero{ display:none !important; } /* Account */ main:has(> .ksc-managed-visual--top) > .ka3-page > .ka3-hero, main:has(> .ksc-managed-visual--top) > .my-karama > .mk-hero{ display:none !important; } /* KARAMA WORLD */ main:has(> .ksc-managed-visual--top) > .kw-page > .kw-hero{ display:none !important; } /* Player pages */ main:has(> .ksc-managed-visual--top) > .kp-page > .kp-hero, main:has(> .ksc-managed-visual--top) > .kp-page > .kp-boost-hub-hero, main:has(> .ksc-managed-visual--top) > .kp-page > .kp-my-support-hero{ display:none !important; } /* LIVE */ main:has(> .ksc-managed-visual--top) > .kl-page > .kl-index-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-landing-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-my-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-results-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-review-hero, main:has(> .ksc-managed-visual--top) > .kl-page > .kl-waiting-hero{ display:none !important; } /* IMPACT */ main:has(> .ksc-managed-visual--top) > .ki-page > .ki-hero, main:has(> .ksc-managed-visual--top) > .ki-page > .ki-project-hero{ display:none !important; } /* |-------------------------------------------------------------------------- | Managed cover itself |-------------------------------------------------------------------------- */ .ksc-managed-visual--top{ margin:0 !important; border-bottom:3px solid #a71929; position:relative; z-index:1; } .ksc-managed-visual--top img{ width:100%; height:100%; object-fit:cover; display:block; } /* ================================================================ ACCOUNT CARD — FULL DESIGN IMAGE MODE 2026-09-24 إذا تم رفع صورة، تصبح هي البطاقة كاملة ================================================================ */ .ka3-page [data-ka3-visual] [style*="--ka3-card-image"]{ position:relative !important; overflow:hidden !important; isolation:isolate !important; background: #071425 !important; cursor:pointer; } /* |-------------------------------------------------------------------------- | إخفاء جميع النصوص والأيقونات القديمة |-------------------------------------------------------------------------- */ .ka3-page [data-ka3-visual] [style*="--ka3-card-image"] > *{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } /* |-------------------------------------------------------------------------- | صورة البطاقة الكاملة |-------------------------------------------------------------------------- */ .ka3-page [data-ka3-visual] [style*="--ka3-card-image"]::before{ content:""; position:absolute; inset:0; z-index:50; display:block; width:100%; height:100%; background-image: var(--ka3-card-image) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: inherit; pointer-events: none; } /* |-------------------------------------------------------------------------- | إلغاء أي Gradient أو Overlay قديم |-------------------------------------------------------------------------- */ .ka3-page [data-ka3-visual] [style*="--ka3-card-image"]::after{ display:none !important; content:none !important; } /* |-------------------------------------------------------------------------- | Hover خفيف فقط للصورة |-------------------------------------------------------------------------- */ .ka3-page a[data-ka3-visual] [style*="--ka3-card-image"]{ transition: transform .22s ease, box-shadow .22s ease; } .ka3-page a[data-ka3-visual] [style*="--ka3-card-image"]:hover, .ka3-page [data-ka3-href] [style*="--ka3-card-image"]:hover{ transform: translateY(-3px); box-shadow: 0 16px 34px rgba(7,20,37,.18); } /* |-------------------------------------------------------------------------- | تأكيد أن الرابط نفسه يغطي البطاقة |-------------------------------------------------------------------------- */ .ka3-page a[data-ka3-visual] [style*="--ka3-card-image"]{ text-decoration:none !important; } /* |-------------------------------------------------------------------------- | على الهاتف نفس السلوك |-------------------------------------------------------------------------- */ @media(max-width:760px){ .ka3-page [data-ka3-visual] [style*="--ka3-card-image"]::before{ background-size: cover !important; } }