/* DjimlyStore Nexus v4.0.23 — consolidated UX fixes. */

/* Free Fire × Naruto: preserve art but make every heading/control readable. */
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 > .djs-scroller{
  background:
    linear-gradient(180deg,rgba(2,7,16,.62) 0,rgba(5,12,24,.48) 27%,rgba(19,34,49,.35) 45%,rgba(247,250,253,.90) 74%,#f7f9fc 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/100% auto no-repeat !important;
}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-scroller:before{
  background:rgba(4,10,21,.86)!important;border:1px solid rgba(255,255,255,.46)!important;
  color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.55);box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
}
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-back-bar{
  color:#102a3a!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(212,229,241,.9)!important;
}
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-copy h2,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-copy p,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-pack-title,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-region-block,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-row-v2187{color:#111827!important;text-shadow:none!important}
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-card,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-game-region-block,
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 #djs-game-packs .djs-game-row-v2187{
  background:rgba(255,255,255,.975)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
}
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020{
  background:
    linear-gradient(180deg,rgba(4,11,23,.30) 0,rgba(255,255,255,.90) 24%,rgba(255,255,255,.985) 52%,#fff 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/cover no-repeat!important;
}
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020:before{background:rgba(4,10,21,.90)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)}
/* Product/subcategory flow gets a focused experience without the global bottom dock. */
body.djs-freefire-flow-v4023 #djs-global-bottom-nav,
body.djs-freefire-flow-v4023 #djs-screen-game .djs-bottom-nav{display:none!important;pointer-events:none!important}

/* Feedback is public: clear required-email affordance. */
#djs-portal .djs-auth-guest-feedback-v4023{width:100%;margin-top:12px;border:1px solid #d8e8f2;background:#f6fbff;color:#147cb9;border-radius:14px;padding:11px 13px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#djs-screen-feedback #djs-feedback-contact:invalid:not(:placeholder-shown){border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.08)!important}

/* One compact accordion for points, coupons, promo and creator code. */
#djs-portal .djs-cart-benefits-accordion-v4023{border:1px solid #dceaf3;border-radius:18px;background:#fff;overflow:hidden;margin:0 0 12px;box-shadow:0 8px 24px rgba(26,91,127,.05)}
#djs-portal .djs-cart-benefits-accordion-v4023>summary{list-style:none;display:grid;grid-template-columns:42px 1fr 26px;gap:10px;align-items:center;padding:13px 14px;cursor:pointer;user-select:none}
#djs-portal .djs-cart-benefits-accordion-v4023>summary::-webkit-details-marker{display:none}
#djs-portal .djs-cart-benefits-summary-icon-v4023{width:40px;height:40px;border-radius:13px;background:#eaf6ff;color:#168ce1;display:grid;place-items:center}
#djs-portal .djs-cart-benefits-accordion-v4023 summary b{display:block;font-size:14px;color:#152b3b}
#djs-portal .djs-cart-benefits-accordion-v4023 summary small{display:block;margin-top:2px;font-size:10px;color:#7b8f9d}
#djs-portal .djs-cart-benefits-summary-arrow-v4023{transition:transform .18s ease;color:#6b8190}
#djs-portal .djs-cart-benefits-accordion-v4023[open] .djs-cart-benefits-summary-arrow-v4023{transform:rotate(180deg)}
#djs-portal .djs-cart-benefits-body-v4023{border-top:1px solid #edf3f7;padding:12px}
#djs-portal .djs-cart-benefits-body-v4023>.djs-cart-reference-promo,#djs-portal .djs-cart-benefits-body-v4023>.djs-cart-creator-code{margin-top:10px}

/* Message Center timestamp: never overlap notification/system text. */
#djs-portal .djs-chat-line .djs-mc-msg-meta-row{position:static!important;display:flex!important;min-height:18px!important;margin-top:7px!important;padding:0 4px!important;line-height:1.2!important;clear:both!important}
#djs-portal .djs-chat-line .djs-mc-msg-time{position:static!important;inset:auto!important;margin:0!important;padding:0!important;line-height:1.2!important;white-space:nowrap!important;transform:none!important}
#djs-portal .djs-chat-line.system .djs-chat-bubble,#djs-portal .djs-chat-line.is-system .djs-chat-bubble{padding-bottom:14px!important;margin-bottom:0!important}
#djs-portal .djs-chat-line.system .djs-mc-msg-meta-row,#djs-portal .djs-chat-line.is-system .djs-mc-msg-meta-row{margin-top:7px!important;padding-left:10px!important}


/* High-specificity override for the legacy system-notice timestamp rule that used a negative margin. */
html body #djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-mc-msg-stack{display:block!important;width:100%!important;max-width:100%!important}
html body #djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-chat-bubble{padding:14px 17px 12px!important;margin:0!important;min-height:0!important}
html body #djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-mc-msg-meta-row{position:static!important;display:flex!important;align-items:center!important;min-height:18px!important;margin:7px 17px 0!important;padding:0!important;clear:both!important}
html body #djs-portal .djs-message-center.is-thread .djs-chat-line.system .djs-mc-msg-time{position:static!important;inset:auto!important;margin:0!important;padding:0!important;color:#8b96a3!important;font-size:11px!important;line-height:1.25!important;text-align:left!important;white-space:nowrap!important;transform:none!important}

/* Popup/modal safety: the dock cannot capture taps while a dialog is open. */
body.djs-overlay-open-v4023 #djs-global-bottom-nav,
body.djs-overlay-open-v4023 #djs-portal .djs-bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(calc(100% + 24px))!important}
body.djs-overlay-open-v4023 [role="dialog"][aria-modal="true"],
body.djs-overlay-open-v4023 .djs-order-popup-overlay,
body.djs-overlay-open-v4023 .djs-sub-history-overlay,
body.djs-overlay-open-v4023 .djs-order-css-modal{z-index:100000!important;pointer-events:auto!important}
@media(max-width:620px){html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 > .djs-scroller{background-size:auto 560px!important;background-position:center top!important}.djs-cart-benefits-accordion-v4023>summary{padding:12px!important}}