/* ══════════════════════════════════════════════
   ثيم الشتاء - Winter Theme
   
   🎨 لتغيير الثيم كله، عدّل فقط هذه المتغيرات:
   ══════════════════════════════════════════════ */

body.winter-season-theme {
  /* ── الألوان الرئيسية ── */
  --theme-primary:        #A2D2FF;   /* اللون الأساسي - أزرق فاتح  */
  --theme-secondary:      #415A77;   /* اللون الثانوي - أزرق داكن  */
  --theme-bg-card:        #1B263B;   /* خلفية الكاردات              */
  --theme-bg-dark:        #0D1B2A;   /* خلفية داكنة                 */
  --theme-bg-menu:        rgba(0, 15, 30, 0.7);  /* خلفية القائمة  */

  /* ── مشتقات تلقائية (ما تحتاج تعدلها) ── */
  --theme-primary-rgb:    162, 210, 255;
  --theme-secondary-rgb:  65, 90, 119;

  --theme-primary-10:     rgba(var(--theme-primary-rgb), 0.10);
  --theme-primary-15:     rgba(var(--theme-primary-rgb), 0.15);
  --theme-primary-20:     rgba(var(--theme-primary-rgb), 0.20);
  --theme-primary-30:     rgba(var(--theme-primary-rgb), 0.30);
  --theme-primary-40:     rgba(var(--theme-primary-rgb), 0.40);
  --theme-primary-50:     rgba(var(--theme-primary-rgb), 0.50);

  --theme-panel:          rgba(var(--theme-secondary-rgb), 0.85);
  --theme-panel-border:   rgba(var(--theme-primary-rgb), 0.30);
}

/* ══════════════════════════════════════════════
   Transitions - انميشن التفعيل
══════════════════════════════════════════════ */

body.winter-season-theme .range::-webkit-slider-thumb,
body.winter-season-theme .range::-moz-range-thumb,
body.winter-season-theme .badge-primary,
body.winter-season-theme .card,
body.winter-season-theme .rbServersCard,
body.winter-season-theme .rbPartyCard,
body.winter-season-theme .rbPlayCard,
body.winter-season-theme #play,
body.winter-season-theme #chat_input,
body.winter-season-theme #btnEmote,
body.winter-season-theme #spectate,
body.winter-season-theme #btnLeaderboardFriends,
body.winter-season-theme #btnHomePage,
body.winter-season-theme #leaderboard,
body.winter-season-theme #debug,
body.winter-season-theme #chat,
body.winter-season-theme #btnChatSettings,
body.winter-season-theme #xpProgress,
body.winter-season-theme #shopNav li.active a::after,
body.winter-season-theme #map,
body.winter-season-theme #nick,
body.winter-season-theme #party,
body.winter-season-theme #reset,
body.winter-season-theme #settingsButton,
body.winter-season-theme #skin,
body.winter-season-theme #menu,
body.winter-season-theme .gm,
body.winter-season-theme .partyCreate,
body.winter-season-theme .party-create,
body.winter-season-theme .btn-discord,
body.winter-season-theme .btn-collect,
body.winter-season-theme .redeem-popup-content,
body.winter-season-theme #shopCard,
body.winter-season-theme #shopNav,
body.winter-season-theme #shopContent,
body.winter-season-theme #skinsCard,
body.winter-season-theme #settingsCard,
body.winter-season-theme #rankingsCard,
body.winter-season-theme #userProfile,
body.winter-season-theme #userMenu,
body.winter-season-theme .notice-card,
body.winter-season-theme .ban-card-active,
body.winter-season-theme #loginShop,
body.winter-season-theme #loginLeaderboard,
body.winter-season-theme #loginGift,
body.winter-season-theme #loginProgress,
body.winter-season-theme #loginCoins, 
body.winter-season-theme #ghProfileWindow,
body.winter-season-theme #leaderboardFriends,
body.winter-season-theme .btn-primary,
body.winter-season-theme #shopClose,
body.winter-season-theme #settingsClose,
body.winter-season-theme #skinsClose,
body.winter-season-theme #loginFriendsForm,
body.winter-season-theme #leaderboardFriendsForm,
body.winter-season-theme #loginChangeNameForm {
  transition: background 1.5s ease,
              background-color 1.5s ease,
              border-color 1.5s ease,
              box-shadow 1.5s ease !important;
}

/* ── انميشن الإيقاف - أبطأ ── */
body.winter-season-entering .range::-webkit-slider-thumb,
body.winter-season-entering .range::-moz-range-thumb,
body.winter-season-entering .badge-primary,
body.winter-season-entering .card,
body.winter-season-entering .rbServersCard,
body.winter-season-entering .rbPartyCard,
body.winter-season-entering .rbPlayCard,
body.winter-season-entering #play,
body.winter-season-entering #chat_input,
body.winter-season-entering #btnEmote,
body.winter-season-entering #spectate,
body.winter-season-entering #btnLeaderboardFriends,
body.winter-season-entering #btnHomePage,
body.winter-season-entering #leaderboard,
body.winter-season-entering #debug,
body.winter-season-entering #chat,
body.winter-season-entering #btnChatSettings,
body.winter-season-entering #xpProgress,
body.winter-season-entering #shopNav li.active a::after,
body.winter-season-entering #map,
body.winter-season-entering #nick,
body.winter-season-entering #party,
body.winter-season-entering #reset,
body.winter-season-entering #settingsButton,
body.winter-season-entering #skin,
body.winter-season-entering #menu,
body.winter-season-entering .gm,
body.winter-season-entering .partyCreate,
body.winter-season-entering .party-create,
body.winter-season-entering .btn-discord,
body.winter-season-entering .btn-collect,
body.winter-season-entering .redeem-popup-content,
body.winter-season-entering #shopCard,
body.winter-season-entering #shopNav,
body.winter-season-entering #shopContent,
body.winter-season-entering #skinsCard,
body.winter-season-entering #settingsCard,
body.winter-season-entering #rankingsCard,
body.winter-season-entering #userProfile,
body.winter-season-entering #userMenu,
body.winter-season-entering .notice-card,
body.winter-season-entering .ban-card-active,
body.winter-season-entering #loginShop,
body.winter-season-entering #loginLeaderboard,
body.winter-season-entering #loginGift,
body.winter-season-entering #loginProgress,
body.winter-season-entering #loginCoins, 
body.winter-season-entering #ghProfileWindow,
body.winter-season-entering #leaderboardFriends,
body.winter-season-entering .btn-primary,
body.winter-season-entering #shopClose,
body.winter-season-entering #settingsClose,
body.winter-season-entering #skinsClose,
body.winter-season-entering #loginFriendsForm,
body.winter-season-entering #leaderboardFriendsForm,
body.winter-season-entering #loginChangeNameForm {
  transition: background 3s ease,
              background-color 3s ease,
              border-color 3s ease,
              box-shadow 3s ease !important;
}

body {
  transition: background 1.5s ease !important;
}

/* ── Menu Cards ── */
body.winter-season-theme .rbPartyCard,
body.winter-season-theme .rbPlayCard,
body.winter-season-theme .rbServersCard,
body.winter-season-theme .card {
  background: linear-gradient(135deg, var(--theme-bg-card), var(--theme-bg-dark)) !important;
  border: 1px solid var(--theme-panel-border) !important;
  box-shadow: 0 0 20px var(--theme-primary-10) !important;
}

/* ── الشات واللوح الجانبي ── */
body.winter-season-theme #chat_input,
body.winter-season-theme #btnEmote,
body.winter-season-theme #leaderboard {
  background: var(--theme-panel) !important;
  border: 1px solid var(--theme-panel-border) !important;
}
body.winter-season-theme #btnLeaderboardFriends,
body.winter-season-theme #btnHomePage {
  background: var(--theme-panel) !important;
  border: 1px solid var(--theme-panel-border) !important;
  font-size: 9px;
}

body.winter-season-theme #debug {
  background: var(--theme-panel) !important;
}

body.winter-season-theme #chat {
  background: rgba(var(--theme-secondary-rgb), 0.9) !important;
}

body.winter-season-theme #btnChatSettings {
  background: var(--theme-primary) !important;
}

body.winter-season-theme #shopNav li.active a::after {
    position: absolute;
    border-color: transparent var(--theme-bg-card) transparent transparent;
}
/* ── XP وخريطة ── */
body.winter-season-theme #xpProgress {
  background-color: rgba(var(--theme-secondary-rgb), 0.8) !important;
}

body.winter-season-theme #map {
  background-color: rgba(var(--theme-secondary-rgb), 0.8) !important;
  border: 1px solid var(--theme-panel-border) !important;
}

body.winter-season-theme .xp-fill {
  background: linear-gradient(90deg, var(--theme-primary), var(--theme-primary)) !important;
}

/* ── حقل الاسم والسكن ── */
body.winter-season-theme #nick {
  background-color: var(--theme-bg-dark) !important;
  border: 1px solid var(--theme-primary-40) !important;
}

body.winter-season-theme #skin {
  background-color: var(--theme-bg-dark) !important;
  border-color: var(--theme-primary-50) !important;
}

/* ── القائمة ── */
body.winter-season-theme #menu {
  background: var(--theme-bg-menu) !important;
}

/* ── Party ── */
body.winter-season-theme #party {
  background-color: var(--theme-panel) !important;
}

body.winter-season-theme .partyCreate {
  background: var(--theme-bg-card) !important;
}

body.winter-season-theme .party-create {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-primary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.3) !important;
}

body.winter-season-theme .party-create:hover {
  box-shadow: 6px 6px 0px var(--theme-secondary), 0 6px 15px rgba(0,0,0,0.35) !important;
}

/* ── Reset bar ── */
body.winter-season-theme #reset {
  background-color: rgba(var(--theme-secondary-rgb), 0.8) !important;
}

/* ── Settings button ── */
body.winter-season-theme #settingsButton {
  background: var(--theme-primary-15) !important;
  border-color: var(--theme-primary-50) !important;
  border-bottom-color: var(--theme-secondary) !important;
}
body.winter-season-theme #settingsButton:hover {
  background: var(--theme-primary-30) !important;
}

 

/* ── أوضاع اللعب ── */
body.winter-season-theme .gm {
  background-color: var(--theme-bg-dark) !important;
  color: var(--theme-primary) !important;
}
body.winter-season-theme .gm.active,
body.winter-season-theme .gm:hover {
  background-color: var(--theme-primary) !important;
  box-shadow: 0px 4px 0px var(--theme-secondary) !important;
  color: #fff !important;
}

/* ── أزرار ── */
body.winter-season-theme .btn-discord {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-primary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.2) !important;
}
body.winter-season-theme .btn-discord:hover {
  box-shadow: 6px 6px 0px var(--theme-secondary) !important;
}

body.winter-season-theme .btn-collect {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-primary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.3) !important;
}
body.winter-season-theme .btn-collect:hover {
  box-shadow: 6px 6px 0px var(--theme-secondary), 0 6px 15px rgba(0,0,0,0.35) !important;
}

body.winter-season-theme .btn-primary {
  color: #fff;
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}
body.winter-season-theme .btn-primary:hover {
  color: #fff;
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-primary) !important;
}

/* ── Redeem ── */
body.winter-season-theme .redeem-popup-content {
  background: var(--theme-bg-card) !important;
  border: 1px solid var(--theme-panel-border) !important;
}
body.winter-season-theme .reward-item {
  background: var(--theme-primary-10) !important;
  border-color: var(--theme-primary-20) !important;
}

/* ── Login Panels ── */
body.winter-season-theme #loginShop,
body.winter-season-theme #loginLeaderboard,
body.winter-season-theme #loginGift,
body.winter-season-theme #loginProgress,
body.winter-season-theme #loginCoins,
 

/* ── Scrollbars ── */
body.winter-season-theme ::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}

/* ── Nav links ── */
body.winter-season-theme .nav-link:not(.active):hover {
  background-color: var(--theme-primary-30) !important;
}
body.winter-season-theme .nav-link.active {
  background-color: var(--theme-primary) !important;
}

/* ── Version & About ── */
body.winter-season-theme #version,
body.winter-season-theme #about,
body.winter-season-theme #about li,
body.winter-season-theme #about li a {
  color: var(--theme-primary) !important;
}

/* ── Profile Window ── */
body.winter-season-theme #ghProfileWindow {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme .gh-lvl-circle {
  background-color: var(--theme-bg-card) !important;
  border-color: var(--theme-primary) !important;
}
body.winter-season-theme .gh-vip-active {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 10px var(--theme-primary-50) !important;
}
body.winter-season-theme .gh-popup-content {
  background: var(--theme-bg-dark) !important;
}
body.winter-season-theme .gh-btn-yes {
  background: var(--theme-primary) !important;
}
body.winter-season-theme .gh-btn-yes:hover {
  background: var(--theme-secondary) !important;
}

/* ── Leaderboard Friends ── */
body.winter-season-theme #leaderboardFriends {
  background: var(--theme-bg-card) !important;
  border-radius: 11px;
}
body.winter-season-theme #leaderboardFriendsTabs div {
  background-color: var(--theme-bg-dark) !important;
  box-shadow: inset 0px -4px var(--theme-secondary) !important;
}
body.winter-season-theme #leaderboardFriendsTabsContentFriendsList ul li,
body.winter-season-theme #leaderboardFriendsTabsContentRequestsList ul li,
body.winter-season-theme #loginFriendsTabsContentFriendsList ul li,
body.winter-season-theme #loginFriendsTabsContentRequestsList ul li {
  background-color: var(--theme-primary-10) !important;
}
body.winter-season-theme #leaderboardFriendsTabsContentFriendsList::-webkit-scrollbar-thumb,
body.winter-season-theme #leaderboardFriendsTabsContentRequestsList::-webkit-scrollbar-thumb,
body.winter-season-theme #loginFriendsTabsContentFriendsList::-webkit-scrollbar-thumb,
body.winter-season-theme #loginFriendsTabsContentRequestsList::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}

/* ── Locked Name ── */
body.winter-season-theme #loginCustomLocked,
body.winter-season-theme #loginCustomLockedName {
  background: var(--theme-primary-10) !important;
}
body.winter-season-theme #lockedSaveBtn {
  background: var(--theme-primary-20) !important;
  color: var(--theme-primary) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme #lockedSaveBtn:hover:not(:disabled) {
  background: var(--theme-primary) !important;
  color: #fff !important;
}
body.winter-season-theme #lockedNamePositionSelect {
  background: rgba(var(--theme-secondary-rgb), 0.6) !important;
  border-color: var(--theme-panel-border) !important;
}

/* ── Friends ── */
body.winter-season-theme #loginFriendsForm,
body.winter-season-theme #leaderboardFriendsForm,
body.winter-season-theme #loginChangeNameForm {
  background: var(--theme-primary-10) !important;
}
 
body.winter-season-theme #loginFriendsTabs div {
  background-color: var(--theme-bg-dark) !important;
  box-shadow: inset 0px -4px var(--theme-secondary) !important;
}
body.winter-season-theme .friendsActive {
  background-color: var(--theme-primary) !important;
  box-shadow: inset 0px -4px var(--theme-secondary) !important;
}
body.winter-season-theme .friendCode,
body.winter-season-theme .leaderboardFriendCode {
  background: var(--theme-bg-card) !important;
}

/* ── Stats ── */
body.winter-season-theme #statsContinue {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-primary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* ── Shop ── */
body.winter-season-theme #shopCard {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme #shopNav {
  background-color: rgba(var(--theme-secondary-rgb), 0.5) !important;
}
body.winter-season-theme #shopContent {
  background-color: rgba(var(--theme-secondary-rgb), 0.3) !important;
}
body.winter-season-theme #shopTabVeteran li,
body.winter-season-theme #shopTabPremium li, 
body.winter-season-theme #shopTabCoins li,
body.winter-season-theme #shopTabBucks li,
body.winter-season-theme #shopTabBoosts li {
  background: var(--theme-primary-10) !important;
}
body.winter-season-theme #shopCoins,
body.winter-season-theme #shopBucks {
  background: var(--theme-primary-15) !important;
}
body.winter-season-theme #shopContent > li ul::-webkit-scrollbar-thumb,
body.winter-season-theme #shopNav::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}
 
/* ── User Profile ── */
body.winter-season-theme #userProfile {
  background: var(--theme-bg-card) !important;
}
 
body.winter-season-theme #settings-general::-webkit-scrollbar-thumb,
body.winter-season-theme #settings-chat::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme .level-badge {
  background-color: var(--theme-bg-card) !important;
  border-color: var(--theme-primary) !important;
}
body.winter-season-theme #userProfileDetailsAddFriend {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme #userProfileDetailsAddFriend:hover {
  background-color: var(--theme-secondary) !important;
}
body.winter-season-theme #userProfileDetailsSkin {
  border-color: var(--theme-primary) !important;
}
body.winter-season-theme #userProfileClose {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme #userProfile.admin-view-mode {
  border-color: var(--theme-primary-50) !important;
}

/* ── User Menu ── */
body.winter-season-theme #userMenu {
  background: var(--theme-bg-card) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme #userMenuUnblockList {
  background: var(--theme-bg-card) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme #userMenuUnblockList::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme .userMenuItem:hover {
  background: var(--theme-primary-20) !important;
}

/* ── Notice / Kick ── */
body.winter-season-theme .notice-card {
  background: rgba(var(--theme-secondary-rgb), 0.9) !important;
}
body.winter-season-theme .notice-Title {
  color: var(--theme-primary) !important;
}
body.winter-season-theme .notice-button {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-secondary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.3) !important;
}
body.winter-season-theme .notice-button:hover {
  box-shadow: 6px 6px 0px var(--theme-secondary), 0 6px 15px rgba(0,0,0,0.35) !important;
}

/* ── Ban UI ── */
body.winter-season-theme .ban-card-active {
  background: linear-gradient(135deg, var(--theme-bg-card), var(--theme-bg-dark)) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme .ban-reason-box {
  background: var(--theme-primary-10) !important;
  scrollbar-color: var(--theme-primary) rgba(255,255,255,0.05) !important;
}
body.winter-season-theme .ban-reason-box::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme .btn-discord-appeal {
  background: linear-gradient(145deg, var(--theme-primary), var(--theme-secondary)) !important;
  box-shadow: 4px 4px 0px var(--theme-secondary), 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* ── Broadcast ── */
body.winter-season-theme .broadcast-info .broadcast-body {
  background: var(--theme-primary) !important;
  box-shadow: 0 5px 0 var(--theme-secondary), 0 7px 0 #000 !important;
}
body.winter-season-theme .broadcast-info .broadcast-badge {
  background: var(--theme-primary) !important;
  color: var(--theme-bg-dark) !important;
}
body.winter-season-theme .broadcast-info .broadcast-timer-fill {
  background: linear-gradient(90deg, var(--theme-secondary), var(--theme-primary), var(--theme-primary)) !important;
}

/* ── Skinsكارد ── */
body.winter-season-theme #skinsCard {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme #skinContainer {
  background: rgba(var(--theme-secondary-rgb), 0.3) !important;
}
body.winter-season-theme #skinContainer::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}

/* ── Settings Card ── */
body.winter-season-theme #settingsCard {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme #settingsTabsContent {
  background: rgba(var(--theme-secondary-rgb), 0.3) !important;
}
body.winter-season-theme #settingsTabs {
  background: rgba(var(--theme-secondary-rgb), 0.4) !important;
}

/* ── Rankings Card ── */
body.winter-season-theme #rankingsCard {
  background: var(--theme-bg-card) !important;
}
body.winter-season-theme #rankingsList::-webkit-scrollbar-thumb {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme .table-dark {
  background-color: var(--theme-bg-dark) !important;
}
  
/* ── Misc ── */
body.winter-season-theme input:checked + .slider {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme .gh-cl-switch input:checked + span::before {
  background-color: var(--theme-primary-50) !important;
}
body.winter-season-theme .gh-cl-switch input:checked + span::after {
  background-color: var(--theme-primary) !important;
}
body.winter-season-theme [type="radio"]:checked + img {
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme .badge-primary {
  background: var(--theme-primary);
}
body.winter-season-theme .range::-webkit-slider-thumb {
  background: var(--theme-primary);
}
body.winter-season-theme #skinsClose {
  background: var(--theme-primary);
}
body.winter-season-theme .gh-avatar-inner img#ghProfileImg {
  border-color: var(--theme-primary);
}
body.winter-season-theme .badge-primary,
body.winter-season-theme .popup-layout,
body.winter-season-theme .vip-card-item > button,
body.winter-season-theme #shopClose,
body.winter-season-theme #settingsClose {
  background-color: var(--theme-secondary);
}
body.winter-season-theme .sender,
body.winter-season-theme .gh-popup-icon {
  color: var(--theme-primary);
}
body.winter-season-theme .partyTitle i,
body.winter-season-theme .partyText,
body.winter-season-theme #loginSettings,
body.winter-season-theme #loginLogout,
body.winter-season-theme #loginChange,
body.winter-season-theme #loginFriends,
body.winter-season-theme #loginProfile,
body.winter-season-theme #shopCoins a,
body.winter-season-theme #loginCoins a,
body.winter-season-theme a {
  color: white;
}
 
/* ── No transition helper ── */
body.winter-season-no-transition *,
body.winter-season-no-transition {
  transition: none !important;
  animation-duration: 0s !important;
}



.skin-info-open {
  display: block !important;
}


#shopTabPremium ul.skin-container {
  overflow: visible !important;
}

 /* ── Coins Popup ── */
body.winter-season-theme #coinsPopup {
  background: var(--theme-bg-card) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme #coinsPopup::before {
  background: var(--theme-bg-card) !important;
  border-color: var(--theme-panel-border) !important;
}
body.winter-season-theme .coin-popup-item {
  background: var(--theme-primary-10) !important;
  border-color: var(--theme-primary-20) !important;
}
body.winter-season-theme .coin-popup-item:hover {
  background: var(--theme-primary-20) !important;
}



/* ══════════════════════════════════════════════
   بادج "جديد" + أنيميشن ثلجي على تبويبات المتجر
   الشتوية (إيموجي/بريميوم/ويرابلز/بانرز) أثناء
   فعالية الشتاء.
   نفس فكرة بادج تبويب الحلوى بالعيد (.sweet-nav-*)،
   لكن بألوان الشتاء الزرقاء + ندف ثلج متساقطة.
   كلاس .winter-nav-host يُضاف للتبويب من الـ JS فقط
   حين الفعالية نشطة، فالسيلكتورات غير مشروطة بالثيم.
══════════════════════════════════════════════ */
.winter-nav-host {
  position: relative;
}

/* نبضة على <a> فقط (مو على <li> - هو المُراقَب لكلاس active) */
#shopNavEmojis a.winter-nav-pulse {
  animation: winterNavPulse 1.6s ease-in-out infinite;
  border-radius: 50%;
}
@keyframes winterNavPulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(162, 210, 255, 0.6);
  }
  50% {
    box-shadow: 0 0 0 9px rgba(162, 210, 255, 0);
  }
}

/* بادج "جديد" */
.winter-nav-badge {
  position: absolute;
  top: -7px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: linear-gradient(135deg, #2563eb, #67e8f9);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  padding: 3px 7px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.6), 0 0 0 2px rgba(13, 27, 42, 0.9);
  letter-spacing: 0.2px;
  z-index: 6;
  pointer-events: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
/* البادج بعد <a> بترتيب الـ DOM عشان يصطاد السيلكتور التالي */
.winter-nav-host a.winter-nav-pulse {
  animation: winterNavPulse 1.6s ease-in-out infinite;
  border-radius: 50%;
}
@keyframes winterNavBadgeBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

/* ══════════════════════════════════════════════
   بادج + نبضة تبويبات فعالية الذكرى السنوية (anniversary_season)
   نفس توقيت/منحنى نبضة الشتاء (1.6s ease-in-out infinite) لكن بثيم
   ذهبي/كهرماني احتفالي مميّز — يفرّق اللاعب الحدث من التبويب وحده.
   لا ندف ثلج (خاصة بالشتاء). .anniversary-nav-host يُضاف من الـ JS فقط.
   الكلاسات مستقلة عن الشتاء فتتعايش النبضتان على نفس التبويب دون كسر تخطيط.
══════════════════════════════════════════════ */
.anniversary-nav-host {
  position: relative;
}

/* نبضة على <a> فقط (نفس نمط الشتاء، لون ذهبي) */
.anniversary-nav-host a.anniversary-nav-pulse {
  animation: anniversaryNavPulse 1.6s ease-in-out infinite;
  border-radius: 50%;
}
@keyframes anniversaryNavPulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(255, 179, 0, 0.6);
  }
  50% {
    box-shadow: 0 0 0 9px rgba(255, 179, 0, 0);
  }
}

/* بادج "جديد" — تدرّج ذهبي بدل أزرق الشتاء */
.anniversary-nav-badge {
  position: absolute;
  top: -7px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: linear-gradient(135deg, #b8860b, #ffd700);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  padding: 3px 7px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(184, 134, 11, 0.6), 0 0 0 2px rgba(13, 27, 42, 0.9);
  letter-spacing: 0.2px;
  z-index: 6;
  pointer-events: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* ══════════════════════════════════════════════
   بادج + نبضة تبويب الويرابلز أثناء فعالية العيد (eid)
   نفس توقيت/منحنى نبضة الشتاء والذكرى، بثيم أخضر عيدي مميّز.
   الكلاسات مستقلة (eid-nav-*) فتتعايش مع بقية الفعاليات على نفس
   التبويب دون تعارض. .eid-nav-host يُضاف من الـ JS فقط.
══════════════════════════════════════════════ */
.eid-nav-host {
  position: relative;
}

.eid-nav-host a.eid-nav-pulse {
  animation: eidNavPulse 1.6s ease-in-out infinite;
  border-radius: 50%;
}
@keyframes eidNavPulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.6);
  }
  50% {
    box-shadow: 0 0 0 9px rgba(52, 211, 153, 0);
  }
}

/* بادج "جديد" — تدرّج أخضر عيدي */
.eid-nav-badge {
  position: absolute;
  top: -7px;
  left: -10px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: linear-gradient(135deg, #047857, #34d399);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  padding: 3px 7px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(4, 120, 87, 0.6), 0 0 0 2px rgba(13, 27, 42, 0.9);
  letter-spacing: 0.2px;
  z-index: 6;
  pointer-events: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* ── أنيميشن ثلجي فوق التبويب ── */
.winter-nav-snow {
  position: absolute;
  inset: -4px -2px -2px -2px;
  overflow: hidden;
  pointer-events: none;
  z-index: 4;
  border-radius: 12px;
}
.winter-nav-flake {
  position: absolute;
  top: -10px;
  color: #eaf6ff;
  font-size: 9px;
  line-height: 1;
  opacity: 0;
  text-shadow: 0 0 4px rgba(162, 210, 255, 0.9);
  animation: winterNavFlakeFall linear infinite;
}
/* توزيع الندف: مواضع أفقية + سرعات + تأخيرات مختلفة لكل واحدة */
.winter-nav-flake:nth-child(1) { left: 8%;  font-size: 8px;  animation-duration: 3.4s; animation-delay: 0s;   }
.winter-nav-flake:nth-child(2) { left: 26%; font-size: 11px; animation-duration: 4.2s; animation-delay: 0.8s; }
.winter-nav-flake:nth-child(3) { left: 44%; font-size: 7px;  animation-duration: 3.0s; animation-delay: 1.6s; }
.winter-nav-flake:nth-child(4) { left: 60%; font-size: 10px; animation-duration: 4.6s; animation-delay: 0.4s; }
.winter-nav-flake:nth-child(5) { left: 76%; font-size: 8px;  animation-duration: 3.6s; animation-delay: 2.1s; }
.winter-nav-flake:nth-child(6) { left: 90%; font-size: 9px;  animation-duration: 4.0s; animation-delay: 1.2s; }
@keyframes winterNavFlakeFall {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 0.9;
  }
  90% {
    opacity: 0.9;
  }
  100% {
    transform: translateY(48px) translateX(6px) rotate(120deg);
    opacity: 0;
  }
}