/* ============================================================
   الهدايا اليومية — استايل خفيف يتماشى مع باقي تصميم الموقع
   (نفس لغة تصميم store-modal / ds-modal: كروت بيضاء، حواف دائرية،
   ظل ناعم، هيدر متدرج بلون الموقع الأساسي)
   ============================================================ */

.dg-overlay{
  position:fixed;inset:0;z-index:20010;display:none;align-items:center;justify-content:center;
  background:rgba(20,20,30,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;transition:opacity .2s ease;
}
.dg-overlay.dg-open{opacity:1;}

.dg-modal{
  width:380px;max-width:92vw;max-height:88vh;background:#fbfbfd;border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.35);
  transform:translateY(14px) scale(.97);transition:transform .22s ease;
}
.dg-overlay.dg-open .dg-modal{transform:translateY(0) scale(1);}

.dg-modal-header{
  display:flex;align-items:center;justify-content:space-between;padding:14px 16px;
  background:linear-gradient(135deg,var(--theme-btcolor),#ff9f43);color:#fff;flex-shrink:0;
}
.dg-modal-header > div{font-size:15px;font-weight:800;}
.dg-modal-header .fa{margin-left:6px;}
.dg-modal-close{
  width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.22);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:all .2s ease;
}
.dg-modal-close:hover{background:rgba(220,53,69,.9);transform:rotate(90deg);}

.dg-modal-sub{padding:12px 16px 4px;font-size:12.5px;color:#777;text-align:center;}

.dg-modal-body{overflow-y:auto;padding:14px 12px 18px;flex:1;}

.dg-days-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
@media (max-width:360px){.dg-days-grid{grid-template-columns:repeat(3,1fr);}}

.dg-day{
  position:relative;background:#fff;border:1.5px solid #eee;border-radius:14px;
  padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;
  transition:all .15s ease;cursor:default;
}
.dg-day-name{font-size:11px;font-weight:800;color:#888;}
.dg-day-icon{font-size:19px;line-height:1;margin:2px 0;}
.dg-day-likes{font-size:11px;font-weight:700;color:#555;}

.dg-day.dg-today{border-color:var(--theme-btcolor);box-shadow:0 0 0 2px rgba(0,0,0,.03);}
.dg-day.dg-today .dg-day-name{color:var(--theme-btcolor);}

.dg-day.dg-earned{background:linear-gradient(160deg,#fff8ec,#fff);border-color:#ffb84d;cursor:pointer;}
.dg-day.dg-earned:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(255,159,67,.25);}
.dg-day.dg-earned .dg-day-icon{color:#ff9f43;}
.dg-day.dg-earned .dg-day-likes{color:#e07b0e;}

.dg-day.dg-claimed{background:#f3fbf5;border-color:#bfe6c8;}
.dg-day.dg-claimed .dg-day-icon{color:#2ecc71;}
.dg-day.dg-claimed .dg-day-likes{color:#999;text-decoration:line-through;}

.dg-day.dg-missed{background:#f7f7f9;border-color:#eee;opacity:.55;}
.dg-day.dg-missed .dg-day-icon{color:#c9c9d2;}

.dg-day.dg-future{background:#fafafc;border-color:#f0f0f3;opacity:.7;}
.dg-day.dg-future .dg-day-icon{color:#d6d6e0;}

.dg-day-pulse{
  position:absolute;top:-4px;left:-4px;width:12px;height:12px;border-radius:50%;
  background:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.25);animation:dgPulse 1.4s infinite;
}
@keyframes dgPulse{
  0%{transform:scale(.9);opacity:1;}
  70%{transform:scale(1.5);opacity:0;}
  100%{transform:scale(.9);opacity:0;}
}

.dg-loading{text-align:center;color:#aaa;font-size:12.5px;padding:24px 0;}

/* شارة برتقالية على أيقونة الهدايا اليومية في الشريط العلوي، لما يكون
   فيه يوم مستحق ومتاخدش لسه (بديل عن اللون الأحمر الافتراضي لباقي الشارات) */
.usx-qb-dailygifts-btn .usx-qb-badge{
  background:linear-gradient(135deg,#ff9f43,#ff6b35)!important;
  box-shadow:0 1px 4px rgba(255,107,53,.5)!important;
}

/* [ADDED] لون/توهج على أيقونة الهدايا اليومية نفسها لما يكون فيه يوم
   مستحق ومتاخدش لسه - ظاهر من برا حتى لو النافذة مقفولة (نفس فكرة
   .ms-btn-ready بتاعة المهمات). dg-btn-ready بتتحط/بتتشال أوتوماتيك
   من daily-gifts-client.js حسب hasUnclaimed اللي جاي من السيرفر */
.usx-qb-dailygifts-btn.dg-btn-ready{
  color:#ff6b35;
  animation:dgReadyPulse 1.6s ease-in-out infinite;
}
.usx-qb-dailygifts-btn.dg-btn-ready .fa{
  color:#ff6b35;
}
@keyframes dgReadyPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(255,107,53,.55); }
  50%{ box-shadow:0 0 0 7px rgba(255,107,53,0); }
}