@charset "utf-8";
/* HeusMt2 widgets.css — widgets.js için lightbox stilleri (tema uyumlu).
   fancybox 1.3.1 CSS'inin yerini alır. Scrollable stilleri plugins.css'te. */

/* açıkken arka plan kaydırmayı kilitle */
html.hm-lb-lock { overflow: hidden; }

.hm-lb {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 100000;
}
.hm-lb.is-open { display: flex; }

.hm-lb-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(8, 4, 2, 0.86);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.hm-lb-box {
	position: relative;
	max-width: 92vw;
	max-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(232, 176, 74, 0.55);   /* gold */
	border-radius: 6px;
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.75), 0 0 0 4px rgba(18, 10, 8, 0.6);
	background: #120a08;
	animation: hm-lb-in 0.22s ease;
}
@keyframes hm-lb-in {
	from { opacity: 0; transform: translateY(8px) scale(0.98); }
	to   { opacity: 1; transform: none; }
}

.hm-lb-content { display: flex; align-items: center; justify-content: center; }

/* --- resim --- */
.hm-lb-img {
	display: block;
	max-width: 92vw;
	max-height: 86vh;
	width: auto;
	height: auto;
	border-radius: 4px;
}

/* --- iframe (itemshop modalı) --- */
.hm-lb-box.is-iframe { width: 760px; height: 570px; }
.hm-lb-frame {
	width: 760px;
	height: 570px;
	max-width: 92vw;
	max-height: 88vh;
	border: 0;
	border-radius: 4px;
	background: #120a08;
}

/* --- yükleniyor göstergesi --- */
.hm-lb-box.is-loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 34px;
	height: 34px;
	margin: -17px 0 0 -17px;
	border: 3px solid rgba(232, 176, 74, 0.25);
	border-top-color: #e8b04a;
	border-radius: 50%;
	animation: hm-lb-spin 0.7s linear infinite;
}
@keyframes hm-lb-spin { to { transform: rotate(360deg); } }

/* --- kapat butonu --- */
.hm-lb-close {
	position: absolute;
	top: -16px;
	right: -16px;
	width: 36px;
	height: 36px;
	padding: 0;
	font-size: 26px;
	line-height: 34px;
	color: #f4e6c4;
	background: #d21f2f;                 /* kırmızı */
	border: 1px solid rgba(232, 176, 74, 0.7);
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	transition: background 0.15s ease, transform 0.15s ease;
}
.hm-lb-close:hover { background: #a5121f; transform: scale(1.08); }

/* --- prev/next okları --- */
.hm-lb-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 64px;
	padding: 0;
	font-size: 34px;
	line-height: 60px;
	color: #f4e6c4;
	background: rgba(18, 10, 8, 0.72);
	border: 1px solid rgba(232, 176, 74, 0.45);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
	z-index: 2;
}
.hm-lb-prev { left: -22px; border-radius: 0 6px 6px 0; }
.hm-lb-next { right: -22px; border-radius: 6px 0 0 6px; }
.hm-lb-nav:hover { background: #d21f2f; color: #fff; }
.hm-lb-nav.is-disabled { opacity: 0.28; pointer-events: none; }

/* dar ekran: okları kutu içine al */
@media (max-width: 640px) {
	.hm-lb-prev { left: 4px; }
	.hm-lb-next { right: 4px; }
	.hm-lb-close { top: 6px; right: 6px; }
}