/* =========================
   STICKY ALERT PREMIUM GLASS (FIXED VISIBILITY)
========================= */

.dr1059popupalerts3 {
	position: fixed;
	top: 20px;
	left: 0;
	z-index: 9999;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	pointer-events: none;
}

/* =========================
   PANEL (ULTRA PREMIUM GLASS FIX)
========================= */
.dr1059popupalerts3__panel {
	margin-left: 20px;
	width: 360px;

	/* ✅ FIX: stronger glass with dark base */
	background: linear-gradient(
		145deg,
		rgba(15, 23, 42, 0.78),
		rgba(2, 6, 23, 0.72)
	);

	backdrop-filter: blur(18px);

	border: 1px solid rgba(255, 255, 255, 0.18);
	border-left: 6px solid #facc15;

	border-radius: 0 30px 30px 0;

	box-shadow:
		0 25px 80px rgba(0, 0, 0, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);

	transform: translateX(-120%);
	opacity: 0;

	transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);

	pointer-events: auto;

	padding: 18px 18px 14px;

	position: relative;

	overflow: hidden;
}

/* glossy light sweep */
.dr1059popupalerts3__panel::before {
	content: "";
	position: absolute;
	top: -60%;
	left: -40%;
	width: 200%;
	height: 200%;
	background: linear-gradient(
		120deg,
		transparent,
		rgba(255,255,255,0.12),
		transparent
	);
	transform: rotate(25deg);
	animation: shine3 5s infinite;
	pointer-events: none;
}

@keyframes shine3 {
	0% { transform: translateX(-60%) rotate(25deg); }
	100% { transform: translateX(60%) rotate(25deg); }
}

/* ACTIVE STATE */
.dr1059popupalerts3.show .dr1059popupalerts3__panel {
	transform: translateX(0);
	opacity: 1;
}

/* =========================
   CLOSE BUTTON (IMPROVED)
========================= */
.dr1059popupalerts3__close {
	position: absolute;
	top: 10px;
	right: 10px;

	background: rgba(255, 255, 255, 0.08);
	border: none;
	color: #fff;

	font-size: 16px;

	width: 28px;
	height: 28px;

	border-radius: 50%;

	cursor: pointer;

	transition: 0.3s ease;

	box-shadow: 0 6px 15px rgba(0,0,0,0.4);
}

.dr1059popupalerts3__close:hover {
	background: #f97316;
	transform: rotate(90deg) scale(1.1);
}

/* =========================
   HEADER (FIXED TEXT)
========================= */
.dr1059popupalerts3__header h2 {
	font-size: 16px;
	margin: 0;
	color: #facc15;
}

/* =========================
   BODY (FIXED READABILITY)
========================= */
.dr1059popupalerts3__body {
	margin-top: 10px;
	font-size: 13px;

	/* FIX: remove low contrast opacity */
	color: rgba(255, 255, 255, 0.88);

	line-height: 1.5;
}

/* LINKS */
.dr1059popupalerts3__link {
	color: #f97316;
	font-weight: 600;
	text-decoration: none;
}

/* =========================
   FOOTER BUTTON
========================= */
.dr1059popupalerts3__footer {
	margin-top: 12px;
}

.dr1059popupalerts3__btn {
	background: linear-gradient(90deg, #f97316, #facc15);
	border: none;
	padding: 8px 14px;
	border-radius: 20px;
	font-weight: 600;
	cursor: pointer;
	color: #000;
	transition: 0.3s ease;

	box-shadow: 0 10px 25px rgba(250, 204, 21, 0.25);
}

.dr1059popupalerts3__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(250, 204, 21, 0.35);
}