/* PT Borneo Mining Energy — Logo Effects FIX
   Shine is masked to the PNG alpha shape so it never appears outside the logo. */
:root{
  --bme-gold:#f4bf38;
  --bme-gold-soft:#ffe48a;
}

@keyframes bmeLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-1.5px) scale(1.006)}
}

@keyframes bmeLogoGlow{
  0%,100%{filter:drop-shadow(0 9px 15px rgba(0,0,0,.42)) drop-shadow(0 0 7px rgba(244,191,56,.14)) brightness(1)}
  50%{filter:drop-shadow(0 11px 18px rgba(0,0,0,.44)) drop-shadow(0 0 11px rgba(255,220,110,.20)) brightness(1.025)}
}

@keyframes bmeMaskedShine{
  0%,18%{background-position:180% 0;opacity:0}
  26%{opacity:.16}
  42%{opacity:.72}
  56%{opacity:.20}
  66%,100%{background-position:-80% 0;opacity:0}
}

/* -------- Small / round brand marks -------- */
.brand .brand-mark.bme-brand-mark,
.restricted-brandmark.bme-restricted-brandmark,
.kar-auth-logo.bme-kar-auth-logo,
.mandatory-consent-emblem.bme-consent-emblem{
  position:relative!important;
  isolation:isolate!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Kill the old glow/blob pseudo element completely. */
.brand .brand-mark.bme-brand-mark::before,
.restricted-brandmark.bme-restricted-brandmark::before,
.kar-auth-logo.bme-kar-auth-logo::before,
.mandatory-consent-emblem.bme-consent-emblem::before,
.bme-auth-logo-plate::before{
  content:none!important;
  display:none!important;
}

.brand .brand-mark.bme-brand-mark img,
.restricted-brandmark.bme-restricted-brandmark img,
.kar-auth-logo.bme-kar-auth-logo img,
.mandatory-consent-emblem.bme-consent-emblem img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  position:relative!important;
  z-index:1!important;
  animation:bmeLogoFloat 5s ease-in-out infinite,bmeLogoGlow 4.8s ease-in-out infinite!important;
}

/* The shine layer uses the SAME logo as a mask.
   Result: the animated highlight is visible only inside the logo pixels. */
.brand .brand-mark.bme-brand-mark::after,
.restricted-brandmark.bme-restricted-brandmark::after,
.kar-auth-logo.bme-kar-auth-logo::after,
.mandatory-consent-emblem.bme-consent-emblem::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  opacity:0;

  background:linear-gradient(110deg,
    transparent 28%,
    rgba(255,255,255,.03) 38%,
    rgba(255,250,226,.78) 48%,
    rgba(255,223,126,.38) 54%,
    transparent 66%)!important;
  background-size:260% 100%!important;
  background-position:180% 0;

  -webkit-mask-image:url('/assets/img/brand/bme-logo-mark.png')!important;
  mask-image:url('/assets/img/brand/bme-logo-mark.png')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;

  animation:bmeMaskedShine 6.8s ease-in-out infinite!important;
}

/* -------- Full corporate wordmark on auth pages -------- */
.bme-auth-logo-lockup{
  display:flex!important;
  justify-content:center!important;
  margin:0 0 18px!important;
}

.bme-auth-logo-plate{
  position:relative!important;
  isolation:isolate!important;
  width:min(348px,92%)!important;
  padding:0!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.bme-auth-logo-plate img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:1!important;
  animation:bmeLogoFloat 5.2s ease-in-out infinite,bmeLogoGlow 5s ease-in-out infinite!important;
}

.bme-auth-logo-plate::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:screen!important;
  opacity:0;

  background:linear-gradient(108deg,
    transparent 30%,
    rgba(255,255,255,.02) 39%,
    rgba(255,250,226,.72) 48%,
    rgba(255,224,128,.34) 54%,
    transparent 65%)!important;
  background-size:260% 100%!important;
  background-position:180% 0;

  -webkit-mask-image:url('/assets/img/brand/bme-logo-full.png')!important;
  mask-image:url('/assets/img/brand/bme-logo-full.png')!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;

  animation:bmeMaskedShine 7.2s ease-in-out infinite!important;
}

/* KAR chip stays above the logo/shine. */
.kar-auth-logo.bme-kar-auth-logo .bme-kar-chip{
  position:absolute!important;
  right:-8px!important;
  bottom:1px!important;
  min-width:31px!important;
  height:21px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:2px solid #11161a!important;
  background:linear-gradient(180deg,#ffe793,#d99100)!important;
  color:#171006!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  box-shadow:0 7px 14px rgba(0,0,0,.4),0 0 9px rgba(255,214,92,.13)!important;
  z-index:4!important;
}

/* KAR drawer logo: no detached pseudo shine; use alpha-safe filter only. */
.bme-kar-drawer-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.bme-kar-drawer-logo{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  object-fit:contain!important;
  animation:bmeLogoFloat 5s ease-in-out infinite,bmeLogoGlow 4.8s ease-in-out infinite!important;
}
.bme-kar-drawer-brand>div{min-width:0!important}

.mandatory-consent-emblem.bme-consent-emblem i{
  position:absolute!important;
  right:-4px!important;
  bottom:1px!important;
  top:auto!important;
  min-width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#ffe171,#d78d00)!important;
  color:#171006!important;
  border:2px solid #11161a!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:1000!important;
  box-shadow:0 6px 12px rgba(0,0,0,.35),0 0 8px rgba(255,214,92,.12)!important;
  z-index:4!important;
}

@media (hover:hover){
  .bme-auth-logo-plate:hover img,
  .brand:hover .brand-mark.bme-brand-mark img,
  .restricted-brandmark.bme-restricted-brandmark:hover img,
  .kar-auth-logo.bme-kar-auth-logo:hover img,
  .mandatory-consent-emblem.bme-consent-emblem:hover img,
  .bme-kar-drawer-logo:hover{
    transform:translateY(-1px) scale(1.015)!important;
  }
}

@media(max-width:700px){
  .brand .brand-mark.bme-brand-mark,
  .restricted-brandmark.bme-restricted-brandmark,
  .mandatory-consent-emblem.bme-consent-emblem{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .kar-auth-logo.bme-kar-auth-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
  .bme-auth-logo-plate{width:min(278px,86%)!important}
}

@media (prefers-reduced-motion:reduce){
  .brand .brand-mark.bme-brand-mark img,
  .restricted-brandmark.bme-restricted-brandmark img,
  .kar-auth-logo.bme-kar-auth-logo img,
  .mandatory-consent-emblem.bme-consent-emblem img,
  .bme-auth-logo-plate img,
  .bme-kar-drawer-logo,
  .brand .brand-mark.bme-brand-mark::after,
  .restricted-brandmark.bme-restricted-brandmark::after,
  .kar-auth-logo.bme-kar-auth-logo::after,
  .mandatory-consent-emblem.bme-consent-emblem::after,
  .bme-auth-logo-plate::after{
    animation:none!important;
  }
}

/* ======================================================================
   PT Borneo Mining Energy — Global Mining Background
   Applied through brand-identity.css so every public/KAR page that already
   loads the corporate branding receives the same background automatically.
   ====================================================================== */
html{
  min-height:100%;
  background:#050708!important;
  position:relative;
}

html::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 50% -10%,rgba(238,161,34,.08) 0%,rgba(238,161,34,0) 34%),
    linear-gradient(180deg,rgba(3,5,7,.58) 0%,rgba(3,5,7,.66) 34%,rgba(3,5,7,.73) 68%,rgba(2,4,6,.80) 100%),
    url('/assets/img/backgrounds/bme-site-bg-mobile.webp');
  background-size:cover,cover,cover;
  background-position:center top,center top,center top;
  background-repeat:no-repeat;
  transform:translateZ(0);
  will-change:transform;
}

body{
  position:relative!important;
  z-index:1!important;
  min-height:100vh;
  background:transparent!important;
}

/* Keep navigation glassy so the mining scene stays subtly visible. */
.topbar{
  background:rgba(6,9,11,.84)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%);
  backdrop-filter:blur(22px) saturate(120%);
}

/* Slightly deepen the background behind auth/restricted screens without
   hiding the mining environment. */
.auth-page::after,
.mandatory-consent-page::after,
.account-restricted-page::after,
.kar-admin-page::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 38%,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.24) 100%);
}

@media(min-width:900px){
  html::before{
    background-image:
      radial-gradient(circle at 72% 12%,rgba(239,165,42,.07) 0%,rgba(239,165,42,0) 32%),
      linear-gradient(180deg,rgba(3,5,7,.58) 0%,rgba(3,5,7,.68) 46%,rgba(2,4,6,.78) 100%),
      url('/assets/img/backgrounds/bme-site-bg-desktop.webp');
    background-size:cover,cover,cover;
    background-position:center,center,center;
  }
}

@media(max-width:520px){
  html::before{
    background-position:center top,center top,50% top;
  }
  .topbar{
    background:rgba(5,8,10,.88)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html::before{will-change:auto}
}