/* DjimlyStore Digital v2.39.86 — rebuilt PWA shell + merchandising + LATAM timers */

/* --- PWA shell authority -------------------------------------------------- */
@media (max-width:899px){
  html body #djs-portal .djs-screen>.djs-bottom-nav:not(#djs-global-bottom-nav){display:none!important;pointer-events:none!important}
  html body #djs-portal #djs-global-bottom-nav{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;
    position:fixed!important;left:8px!important;right:8px!important;bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
    height:70px!important;min-height:70px!important;width:auto!important;margin:0!important;padding:6px!important;
    border:1px solid rgba(190,212,225,.84)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;
    -webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important;box-shadow:0 12px 35px rgba(16,52,75,.18)!important;
    z-index:2147483646!important;pointer-events:auto!important;touch-action:manipulation!important;visibility:visible!important;opacity:1!important;transform:none!important;
  }
  html body #djs-portal #djs-global-bottom-nav>.djs-bn-item{
    min-width:0!important;height:58px!important;padding:5px 2px!important;margin:0!important;border:0!important;border-radius:16px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
    color:#678091!important;text-decoration:none!important;background:transparent!important;pointer-events:auto!important;touch-action:manipulation!important;
    font-size:9px!important;font-weight:850!important;line-height:1!important;overflow:visible!important;
  }
  html body #djs-portal #djs-global-bottom-nav>.djs-bn-item>.ms,
  html body #djs-portal #djs-global-bottom-nav>.djs-bn-item .djs-modern-nav-icon{font-size:20px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:0!important}
  html body #djs-portal #djs-global-bottom-nav>.djs-bn-item.active{background:#e8f7ff!important;color:#0b88c7!important;box-shadow:inset 0 0 0 1px rgba(31,146,205,.12)!important}
  html body #djs-portal .djs-screen .djs-scroller{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  html body #djs-portal .djs-header-menu-toggle{z-index:2147483646!important;pointer-events:auto!important;touch-action:manipulation!important}
}

/* Installed PWA starts as a true app shell before the main bundle wakes up. */
@media (max-width:760px) and (display-mode:standalone){
  html,body{margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  body>.site-header,body>#masthead,body>.site-footer,body>#colophon,body>.elementor-location-header,body>.elementor-location-footer,body>.wp-site-blocks>header,body>.wp-site-blocks>footer{display:none!important}
  html body #djs-portal{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;z-index:999999!important;background:#fff!important;overflow:hidden!important}
  html body #djs-portal #djs-screen-store>.djs-topbar.djs-preview-topbar,
  html body #djs-portal #djs-screen-home>.djs-topbar.djs-acct-topbar,
  html body #djs-portal #djs-screen-home .djs-account-reference-topbar{
    position:relative!important;inset:auto!important;top:auto!important;min-height:64px!important;height:auto!important;
    padding:max(8px,env(safe-area-inset-top,0px)) 14px 8px!important;margin:0!important;background:#fff!important;background-image:none!important;overflow:visible!important;z-index:120!important
  }
}
html body:not(.djs-main-menu-open) #djs-main-menu-backdrop,html body #djs-main-menu-backdrop[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
html body.djs-main-menu-open #djs-main-menu-backdrop.is-open{display:block!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important}

/* --- Free Fire LATAM: countdown INSIDE every pack card ------------------- */
#djs-portal .djs-ff-pack-countdown-v23986{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  max-width:150px!important;padding:5px 7px!important;margin-top:5px!important;border-radius:9px!important;
  background:linear-gradient(135deg,#071b42,#0d4d9b)!important;border:1px solid rgba(77,160,255,.36)!important;color:#fff!important;
  font-size:8.5px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
  box-shadow:inset 0 0 14px rgba(92,170,255,.11)!important;animation:djsPackTimerPulse23986 1.6s ease-in-out infinite!important
}
#djs-portal .djs-ff-pack-countdown-v23986:before{content:'-25%';padding:2px 4px;border-radius:5px;background:#1d74ff;font-size:7px!important}
#djs-portal .djs-ff-pack-countdown-v23986 .ms{font-size:11px!important;color:#91c6ff!important}
@keyframes djsPackTimerPulse23986{50%{filter:brightness(1.16);box-shadow:0 0 18px rgba(44,129,255,.24),inset 0 0 14px rgba(92,170,255,.11)}}

/* Gift cards: make the new 2% cashback visually obvious wherever generic cashback text is rendered. */
#djs-portal [data-category="giftcards"] .djs-cashback,
#djs-portal [data-category="giftcard"] .djs-cashback{font-weight:950!important}

@media(max-width:520px){
  #djs-portal .djs-game-row-v2187{align-items:center!important}
  #djs-portal .djs-game-row-side-v2187{min-width:104px!important}
  #djs-portal .djs-ff-pack-countdown-v23986{font-size:7.5px!important;max-width:112px!important;padding:4px 5px!important}
}
@media(prefers-reduced-motion:reduce){#djs-portal .djs-ff-pack-countdown-v23986{animation:none!important}}