/* A shared Christmas treatment for every player-facing dialog. */
html[data-visual-theme="bubble-natal"] .christmas-popup {
  color: #fff9e9;
  border: 1px solid #e2c181;
  background:
    radial-gradient(ellipse at 10% 0, #b52e4530, transparent 48%),
    radial-gradient(ellipse at 100% 100%, #dcb65c16, transparent 55%),
    linear-gradient(155deg, #194b39, #0b2c23 55%, #081e1c);
  box-shadow: 0 0 0 4px #e2c18112, inset 0 1px #fff6d521, 0 25px 80px #0009;
}
html[data-visual-theme="bubble-natal"] :is(.modal-overlay, .sheet-overlay, .site-popup-overlay, .level-limit-overlay, .nmv2-overlay, #dobradinha-register-popup, .bubble-natal-ticket-promo) {
  background-color: #031a16c9;
}
html[data-visual-theme="bubble-natal"] :is(.galaxy-gift-dialog, .bag-dialog)::backdrop {
  background: #031a16c9;
  backdrop-filter: blur(7px);
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(h1, h2, h3) { color: #fff6dd; }
html[data-visual-theme="bubble-natal"] .christmas-popup :is(p, .nmv2-note, .drp-text, .install-modal-foot, .bag-subtitle) { color: #d6e5da; }
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.nmv2-kicker, .drp-kicker, .galaxy-gift-kicker, .bubble-natal-ticket-kicker, .bag-kicker, .bb-install-kicker) {
  color: #f7d68c;
  border-color: #e2c18170;
  background-color: #b62f4420;
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.btn-primary, .btn-accent, .drp-cta, .nmv2-rescue, .bb-install-action, .bag-actions button:last-child) {
  color: #fff9ec;
  border-color: #edb996;
  background: linear-gradient(180deg, #cb4257, #8e2036);
  box-shadow: inset 0 1px #ffe6c540, 0 5px 0 #601b29, 0 10px 24px #0003;
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.site-popup, .site-popup-offer-inner) { background: transparent; }
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.drp-example, .drp-benefits li, .install-modal-badge, .bag-step, .bag-notification, .bb-install-benefits li, .bag-preview) {
  background: #e3c17e0b;
  border-color: #e3c17e3b;
  color: #fff1d0;
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.sheet-close, .galaxy-gift-close, .drp-close, .bag-close, .level-limit-close, .bubble-natal-ticket-close, .bb-install-close) {
  color: #fff9e9;
  border-color: #f1d08a70;
  background: #8b263bbd;
  z-index: 5;
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(button, a, input):focus-visible {
  outline: 3px solid #ffe5a2;
  outline-offset: 3px;
}
html[data-visual-theme="bubble-natal"] .christmas-popup :is(.bag-hint, .bag-platform, .bag-counter, .bb-install-later, .bb-install-ios-steps) { color: #e7d9b7; }
html[data-visual-theme="bubble-natal"] :is(.bb-install-card, .drp-modal)::before { background: repeating-linear-gradient(120deg, #a72b42 0 13px, #f9e8bb 13px 20px, #246e4a 20px 33px); }
html[data-visual-theme="bubble-natal"] .cashout-btn { min-height: 54px; font-size: clamp(14px, 4vw, 18px); line-height: 1.25; white-space: normal; }
/* Native dialog keeps its accessible focus trap; its content scrolls inside
   a separate frame so the snowmen can sit outside without clipping. */
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog {
  width: min(410px, calc(100vw - 58px));
  max-height: none;
  overflow: visible;
  padding: 0;
  border-radius: 26px;
}
html[data-visual-theme="bubble-natal"] .galaxy-gift-content {
  position: relative;
  max-height: calc(100dvh - 72px);
  padding: 34px 26px 25px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #bda365 #11372b;
  border-radius: inherit;
}
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::before,
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::after {
  content: '';
  position: absolute;
  width: 110px;
  height: 165px;
  z-index: 2;
  pointer-events: none;
  background: url('/images/themes/bubble-natal/snowman-popup-3d.png') center / contain no-repeat;
  filter: drop-shadow(0 7px 9px #01171088);
  animation: christmas-snowman-float 5s ease-in-out infinite;
}
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::before { left: -72px; top: -42px; transform: rotate(-12deg); }
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::after { right: -67px; bottom: -32px; transform: scaleX(-1) rotate(-9deg); animation-delay: -2.5s; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-kicker { margin: 0 25px 10px; letter-spacing: .14em; font-size: 10px; background: transparent; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog h2 { font-size: clamp(21px, 5.2vw, 28px); text-shadow: 0 2px 3px #021b15; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-art { width: min(215px, 76%); }
html[data-visual-theme="bubble-natal"] .galaxy-gift-art::before { opacity: .65; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-open {
  color: #3f2714;
  border-color: #fff0bd;
  background: linear-gradient(180deg, #ffe8a6, #e9bb64);
  box-shadow: inset 0 1px #fff6db, 0 4px 0 #92703c, 0 9px 22px #0003;
}
html[data-visual-theme="bubble-natal"] .galaxy-gift-result { color: #ffe19b; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-fab { background: linear-gradient(145deg, #a33248, #154a35); border-color: #e7c37f; }
html[data-visual-theme="bubble-natal"] .galaxy-gift-fab-label,
html[data-visual-theme="bubble-natal"] .galaxy-gift-fab.is-ready .galaxy-gift-timer { color: #ffe5a3; }
@keyframes christmas-snowman-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -5px; } }
@media (max-width: 600px) {
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::before,
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::after { width: 67px; height: 101px; }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::before { left: -22px; top: -36px; }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::after { right: -20px; bottom: -28px; }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-content { padding: 35px 20px 25px; }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-next { margin-inline: 15px; }
}
@media (max-height: 650px) {
  html[data-visual-theme="bubble-natal"] .galaxy-gift-content { padding-block: 28px 20px; max-height: calc(100dvh - 44px); }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-art { width: 135px; margin-block: 5px; }
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog h2 { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::before,
  html[data-visual-theme="bubble-natal"] .galaxy-gift-dialog::after { animation: none; }
}