/* OskyWorld - decor de Craciun pentru cardurile de sus (Server + Discord)
   ghirlanda cu luminite, cadouri, sanie, caciula pe buton, avatar rotund candy,
   efect cu sunet de clopotei la butoane si la logo */

/* --- Cele doua carduri una langa alta, cu loc deasupra pentru sanie --- */
.osky-topcards.osky-topcards {
	gap: 22px !important;
	margin: 30px 0 30px 0 !important;
	position: relative !important;
}

/* --- Cardurile: mai multa inaltime si loc pentru brad --- */
.osky-topcards .osky-xc.osky-xc {
	min-height: 78px !important;
	padding: 16px 26px 16px 22px !important;
	gap: 16px !important;
}

/* Decorurile stau peste card, nu in randul lui */
.osky-topcards .osky-xc > .osky-xc-deco {
	position: absolute !important;
	display: block !important;
	pointer-events: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Ghirlanda de brad sus (mare, cu globuri si conuri) */
.osky-topcards .osky-xc > .osky-xc-garland {
	left: 10px !important;
	right: 10px !important;
	top: -13px !important;
	height: 32px !important;
	z-index: 3 !important;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-ghirlanda.svg) 0 0 / 151px 32px repeat-x !important;
	filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .45)) !important;
}

/* Luminitele colorate de pe ghirlanda (doua randuri care clipesc pe rand) */
.osky-topcards .osky-xc > .osky-xc-lights {
	left: 10px !important;
	right: 10px !important;
	top: -13px !important;
	height: 32px !important;
	z-index: 4 !important;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-luminite-a.svg) 0 0 / 151px 32px repeat-x !important;
	animation: oskyXcSclipire 1.4s ease-in-out infinite alternate !important;
}
.osky-topcards .osky-xc > .osky-xc-lights.osky-xc-lb {
	background-image: url(https://forum.oskyworld.ro/images/craciun/osky-luminite-b.svg) !important;
	animation-delay: -.7s !important;
}
@keyframes oskyXcSclipire {
	0% { opacity: .25; }
	100% { opacity: 1; }
}

/* Zapada jos */
.osky-topcards .osky-xc > .osky-xc-snowb {
	left: 20px !important;
	right: 20px !important;
	bottom: -6px !important;
	height: 9px !important;
	z-index: 3 !important;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2010'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0%2010%20V6%20C6%206%208%202%2014%202%20S22%205%2028%205%2034%201%2042%201%2050%205%2056%205%2064%203%2070%203%2076%206%2084%206%2092%202%20100%202%20108%205%20114%205%20118%204%20120%204%20V10%20Z'%20fill='%23fff'/%3E%3C/svg%3E") 0 0 / 120px 9px repeat-x !important;
	filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .2)) !important;
}

/* Cadouri: gramada mare in dreapta jos + una mai mica la mijloc */
.osky-topcards .osky-xc > .osky-xc-gifts {
	right: -8px !important;
	bottom: -12px !important;
	width: 96px !important;
	height: 50px !important;
	z-index: 7 !important;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-cadouri.svg) center bottom / contain no-repeat !important;
	filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .5)) !important;
}
.osky-topcards .osky-xc > .osky-xc-gifts2 {
	right: 230px !important;
	bottom: -10px !important;
	width: 70px !important;
	height: 36px !important;
	z-index: 5 !important;
	transform: scaleX(-1) !important;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-cadouri.svg) center bottom / contain no-repeat !important;
	filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .5)) !important;
}
/* Fara brazi in carduri */
.osky-topcards .osky-xc > .osky-xc-tree {
	display: none !important;
}

/* Sania lui Mos Craciun zboara de la cardul Server pana la cardul Discord */
.osky-topcards .osky-xc.osky-dcx::before {
	background-image:
		none,
		radial-gradient(circle at 20px 12px, #fff 1px, transparent 1.6px),
		radial-gradient(circle at 70px 30px, #ffd23d 1px, transparent 1.6px),
		radial-gradient(circle at 130px 8px, #fff .8px, transparent 1.4px) !important;
}
.osky-topcards > .osky-xc-skysleigh {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: -72px !important;
	height: 68px !important;
	z-index: 8 !important;
	pointer-events: none !important;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 90px, #000 calc(100% - 90px), transparent) !important;
	mask-image: linear-gradient(90deg, transparent, #000 90px, #000 calc(100% - 90px), transparent) !important;
}
.osky-topcards > .osky-xc-skysleigh > .osky-xc-sleighmove {
	position: absolute;
	bottom: 2px;
	left: -230px;
	width: 128px;
	height: 40px;
	animation: oskyXcZbor 14s linear infinite;
}
/* bulele mai mici, ca sa incapa intre header si carduri */
.osky-topcards > .osky-xc-skysleigh .osky-xc-ho {
	left: 24px;
	bottom: 34px;
	font-size: 12px;
	padding: 2px 8px 3px;
}
.osky-topcards > .osky-xc-skysleigh .osky-xc-ho.osky-xc-ho2 { left: 48px; bottom: 40px; font-size: 13px; }
.osky-topcards > .osky-xc-skysleigh .osky-xc-ho.osky-xc-ho3 { left: 76px; bottom: 34px; font-size: 14px; }
.osky-xc-sleighimg {
	position: absolute;
	inset: 0;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-sanie.svg) center / contain no-repeat;
	filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .45));
}
@keyframes oskyXcZbor {
	0% { left: -230px; transform: translateY(8px); }
	25% { transform: translateY(-6px); }
	50% { transform: translateY(4px); }
	75% { transform: translateY(-8px); }
	100% { left: calc(100% + 30px); transform: translateY(6px); }
}

/* Bulele cu "Ho!" deasupra lui Mos Craciun */
.osky-xc-ho {
	position: absolute;
	left: 40px;
	bottom: 50px;
	padding: 3px 10px 4px;
	border-radius: 14px;
	background: #fff;
	color: #d01530;
	font-family: 'Permanent Marker', 'Rubik', cursive;
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .35), inset 0 -2px 0 rgba(0, 0, 0, .08);
	opacity: 0;
	transform-origin: 20% 100%;
	animation: oskyXcHo 14s linear infinite;
}
.osky-xc-ho::after {
	content: "";
	position: absolute;
	left: 12px;
	bottom: -6px;
	border: 6px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
}
.osky-xc-ho.osky-xc-ho2 { left: 70px; bottom: 58px; font-size: 16px; animation-name: oskyXcHo2; }
.osky-xc-ho.osky-xc-ho3 { left: 104px; bottom: 50px; font-size: 18px; animation-name: oskyXcHo3; }
@keyframes oskyXcHo {
	0%, 32.9% { opacity: 0; transform: translateY(6px) scale(.4); }
	34% { opacity: 1; transform: translateY(0) scale(1.08); }
	35% { transform: translateY(0) scale(1); }
	46% { opacity: 1; transform: translateY(-8px) scale(1); }
	49%, 100% { opacity: 0; transform: translateY(-14px) scale(.9); }
}
@keyframes oskyXcHo2 {
	0%, 35.5% { opacity: 0; transform: translateY(6px) scale(.4); }
	36.6% { opacity: 1; transform: translateY(0) scale(1.08); }
	37.6% { transform: translateY(0) scale(1); }
	47% { opacity: 1; transform: translateY(-8px) scale(1); }
	50%, 100% { opacity: 0; transform: translateY(-14px) scale(.9); }
}
@keyframes oskyXcHo3 {
	0%, 38.1% { opacity: 0; transform: translateY(6px) scale(.4); }
	39.2% { opacity: 1; transform: translateY(0) scale(1.1); }
	40.2% { transform: translateY(0) scale(1); }
	48% { opacity: 1; transform: translateY(-8px) scale(1); }
	51%, 100% { opacity: 0; transform: translateY(-14px) scale(.9); }
}

/* --- Avatar rotund cu inel candy (GIF-urile noastre raman) --- */
.osky-topcards .osky-xc.osky-rgx .osky-rgx-head .osky-rgx-logo.osky-rgx-logo,
.osky-topcards .osky-xc.osky-dcx .osky-dcx-head .osky-dcx-logo.osky-dcx-logo {
	width: 56px !important;
	height: 56px !important;
	min-width: 56px !important;
	min-height: 56px !important;
	max-width: 56px !important;
	max-height: 56px !important;
	flex: 0 0 56px !important;
	border-radius: 50% !important;
	border: 4px solid transparent !important;
	box-sizing: border-box !important;
	box-shadow: 0 0 0 2px #fff, 0 4px 12px rgba(0, 0, 0, .5) !important;
	position: relative !important;
	z-index: 6 !important;
}
.osky-topcards .osky-xc.osky-rgx .osky-rgx-head .osky-rgx-logo.osky-rgx-logo {
	background:
		url(https://forum.oskyworld.ro/images/craciun/osky-elf.gif?v=2) center / cover no-repeat padding-box,
		repeating-conic-gradient(#ff2e4d 0 15deg, #fff 15deg 30deg) border-box !important;
}
.osky-topcards .osky-xc.osky-dcx .osky-dcx-head .osky-dcx-logo.osky-dcx-logo {
	background:
		url(https://forum.oskyworld.ro/images/craciun/osky-mos-craciun.gif?v=2) center / cover no-repeat padding-box,
		repeating-conic-gradient(#ff2e4d 0 15deg, #fff 15deg 30deg) border-box !important;
}

/* --- Numele aurii, mai mari --- */
.osky-topcards .osky-xc .osky-rgx-head b,
.osky-topcards .osky-xc .osky-dcx-head b:not(.osky-dc-online) {
	font-size: 15px !important;
	letter-spacing: .06em !important;
}
/* Coroana langa OSKYWORLD RP */
.osky-topcards .osky-xc .osky-rgx-head b::after {
	content: "" !important;
	display: inline-block !important;
	width: 20px !important;
	height: 15px !important;
	margin: 0 0 0 7px !important;
	vertical-align: -1px !important;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2018'%3E%3Cpath%20d='M2%205%20L7%2010%20L12%202%20L17%2010%20L22%205%20L20%2016%20L4%2016%20Z'%20fill='%23ffd23d'%20stroke='%23e0a800'%20stroke-width='1'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='2'%20cy='5'%20r='1.6'%20fill='%23ffd23d'/%3E%3Ccircle%20cx='12'%20cy='2'%20r='1.6'%20fill='%23ffd23d'/%3E%3Ccircle%20cx='22'%20cy='5'%20r='1.6'%20fill='%23ffd23d'/%3E%3Crect%20x='4'%20y='13'%20width='16'%20height='3'%20fill='%23e0a800'/%3E%3C/svg%3E") center / contain no-repeat !important;
	filter: drop-shadow(0 0 4px rgba(255, 190, 40, .6)) !important;
}
/* Punct verde inainte de "GTA V Roleplay" */
.osky-topcards .osky-xc .osky-rgx-head small::before {
	content: "" !important;
	display: inline-block !important;
	width: 8px !important;
	height: 8px !important;
	margin-right: 6px !important;
	border-radius: 50% !important;
	background: #2ee66b !important;
	box-shadow: 0 0 6px #2ee66b !important;
	vertical-align: 0 !important;
}
.osky-topcards .osky-xc .osky-rgx-head small,
.osky-topcards .osky-xc .osky-dcx-head small {
	font-size: 12px !important;
}

/* --- Server: separatoare intre sectiuni --- */
.osky-topcards .osky-xc.osky-rgx > .osky-rgx-badge,
.osky-topcards .osky-xc.osky-rgx > .osky-rgx-ip,
.osky-topcards .osky-xc.osky-rgx > .osky-rgx-btn {
	position: relative !important;
}
.osky-topcards .osky-xc.osky-rgx > .osky-rgx-ip::before,
.osky-topcards .osky-xc.osky-rgx > .osky-rgx-badge::before {
	content: "" !important;
	position: absolute !important;
	left: -9px !important;
	top: 6px !important;
	bottom: 6px !important;
	width: 1px !important;
	background: rgba(255, 255, 255, .14) !important;
}

/* "In curand" auriu cu cadou */
.osky-topcards .osky-xc .osky-rgx-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 6px 14px !important;
	border-radius: 999px !important;
	border: 1.5px solid #ffb300 !important;
	background: linear-gradient(180deg, rgba(120, 70, 0, .55), rgba(70, 40, 0, .55)) !important;
	color: #ffd23d !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
	box-shadow: 0 0 10px rgba(255, 179, 0, .25) inset !important;
}
.osky-topcards .osky-xc .osky-rgx-badge::after {
	content: "" !important;
	order: -1 !important;
	width: 16px !important;
	height: 16px !important;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Crect%20x='2'%20y='8'%20width='16'%20height='10'%20rx='1.5'%20fill='%23ffd23d'/%3E%3Crect%20x='1'%20y='5'%20width='18'%20height='4'%20rx='1'%20fill='%23ffe17a'/%3E%3Crect%20x='9'%20y='5'%20width='2.4'%20height='13'%20fill='%23e0213f'/%3E%3Cpath%20d='M10%205%20C6%200%203%204%207%205%20Z%20M10.6%205%20C14%200%2017%204%2013%205%20Z'%20fill='%23e0213f'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* IP cu fulg + buton Copiaza cu iconita */
.osky-topcards .osky-xc .osky-rgx-ip {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: none !important;
	border: 0 !important;
	padding: 0 0 0 4px !important;
	cursor: pointer !important;
}
.osky-topcards .osky-xc .osky-rgx-ip code {
	flex: 0 1 auto !important;
	min-width: 0 !important;
	background: none !important;
	font-family: 'Rubik', sans-serif !important;
	font-size: 13px !important;
	color: #e6ecff !important;
}
.osky-topcards .osky-xc .osky-rgx-ip code::before {
	content: "❄" !important;
	margin-right: 7px !important;
	color: #bfe3ff !important;
	text-shadow: 0 0 6px rgba(150, 210, 255, .8) !important;
}
.osky-topcards .osky-xc .osky-rgx-ip span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 14px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .07) !important;
	border: 1px solid rgba(255, 255, 255, .22) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}
.osky-topcards .osky-xc .osky-rgx-ip span::before {
	content: "" !important;
	width: 14px !important;
	height: 14px !important;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='none'%20stroke='%23fff'%20stroke-width='1.8'%20stroke-linejoin='round'%3E%3Crect%20x='7'%20y='7'%20width='10'%20height='11'%20rx='2'/%3E%3Cpath%20d='M13%204.5%20V3.8%20A1.8%201.8%200%200%200%2011.2%202%20H4.8%20A1.8%201.8%200%200%200%203%203.8%20V11.2%20A1.8%201.8%200%200%200%204.8%2013%20H5'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* --- Butoanele mari rosii, cu caciula de Mos Craciun --- */
.osky-topcards .osky-xc .osky-rgx-btn.osky-rgx-btn,
.osky-topcards .osky-xc .osky-dcx-btn.osky-dcx-btn {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 11px 26px !important;
	margin: 0 14px 0 auto !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #ff4a63 0%, #e0213f 55%, #b3172f 100%) !important;
	border: 2px solid rgba(255, 255, 255, .35) !important;
	box-shadow: 0 4px 14px rgba(224, 33, 63, .55), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	z-index: 6 !important;
}
.osky-topcards .osky-xc .osky-rgx-btn.osky-rgx-btn::before,
.osky-topcards .osky-xc .osky-dcx-btn.osky-dcx-btn::before {
	content: "" !important;
	width: 16px !important;
	height: 16px !important;
	background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20d='M5%203%20L17%2010%20L5%2017%20Z'%20fill='%23fff'%20stroke='%23fff'%20stroke-width='2'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.osky-topcards .osky-xc .osky-dcx-btn.osky-dcx-btn::before {
	width: 20px !important;
	height: 20px !important;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23fff'%3E%3Cpath%20d='M20.3%204.4A19.8%2019.8%200%200%200%2015.4%203l-.6%201.3a18.4%2018.4%200%200%200-5.6%200L8.6%203a19.7%2019.7%200%200%200-4.9%201.4C.6%209%200%2013.5.3%2018a19.9%2019.9%200%200%200%206%203l1.3-2a13%2013%200%200%201-2-1l.5-.4a14.2%2014.2%200%200%200%2012%200l.5.4-2%201%201.3%202a19.8%2019.8%200%200%200%206-3c.4-5.2-.7-9.7-3.6-13.6zM8.5%2015.3c-1.2%200-2.2-1.1-2.2-2.4s1-2.4%202.2-2.4%202.2%201.1%202.2%202.4-1%202.4-2.2%202.4zm7%200c-1.2%200-2.2-1.1-2.2-2.4s1-2.4%202.2-2.4%202.2%201.1%202.2%202.4-1%202.4-2.2%202.4z'/%3E%3C/svg%3E") !important;
}
.osky-topcards .osky-xc .osky-rgx-btn.osky-rgx-btn::after,
.osky-topcards .osky-xc .osky-dcx-btn.osky-dcx-btn::after {
	content: "" !important;
	position: absolute !important;
	right: -20px !important;
	top: -24px !important;
	width: 50px !important;
	height: 40px !important;
	background: url(https://forum.oskyworld.ro/images/craciun/osky-caciula.svg) center / contain no-repeat !important;
	transform: rotate(16deg) !important;
	filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .45)) !important;
}
.osky-topcards .osky-xc .osky-rgx-btn.osky-rgx-btn:hover,
.osky-topcards .osky-xc:hover .osky-dcx-btn.osky-dcx-btn {
	filter: brightness(1.1) !important;
}

/* Discord sus: fara avatare si fara iconita mica */
.osky-topcards .osky-xc .osky-dcx-avs {
	display: none !important;
}

/* Fara animatii pentru cine a cerut asta in sistem */
@media (prefers-reduced-motion: reduce) {
	.osky-topcards .osky-xc > .osky-xc-lights { animation: none !important; opacity: 1 !important; }
	.osky-topcards .osky-xc > .osky-xc-sleigh {
	display: none !important;
}
}

/* Ecrane mici: scoatem bradul si cadourile ca sa nu se suprapuna */
@media (max-width: 1250px) {
	.osky-topcards .osky-xc .osky-rgx-btn.osky-rgx-btn,
	.osky-topcards .osky-xc .osky-dcx-btn.osky-dcx-btn { padding: 10px 18px !important; margin-right: 6px !important; }
}
@media (max-width: 1350px) {
	.osky-topcards .osky-xc > .osky-xc-gifts2 { display: none !important; }
}
@media (max-width: 600px) {
	.osky-topcards .osky-xc > .osky-xc-gifts { display: none !important; }
}

/* ===== Efect de Craciun la hover (butoane + logo) ===== */
.osky-xc-burst {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	pointer-events: none;
	font-size: 16px;
	line-height: 1;
	will-change: transform, opacity;
	animation: oskyXcBurst var(--t, 1s) cubic-bezier(.15, .7, .3, 1) forwards;
	text-shadow: 0 0 8px rgba(255, 255, 255, .8);
}
.osky-xc-burst.osky-xc-gold {
	color: #ffd23d;
	text-shadow: 0 0 10px rgba(255, 200, 40, .95);
}
.osky-xc-burst.osky-xc-snow {
	color: #fff;
	text-shadow: 0 0 8px rgba(170, 220, 255, .95);
}
@keyframes oskyXcBurst {
	0% { transform: translate(var(--x0), var(--y0)) scale(.3) rotate(0deg); opacity: 0; }
	15% { opacity: 1; }
	70% { opacity: 1; }
	100% { transform: translate(var(--x1), var(--y1)) scale(var(--s, 1)) rotate(var(--r, 180deg)); opacity: 0; }
}
.osky-xc-glowpulse {
	animation: oskyXcGlow .7s ease-out !important;
}
@keyframes oskyXcGlow {
	0% { filter: drop-shadow(0 0 0 rgba(255, 210, 61, 0)) brightness(1); }
	40% { filter: drop-shadow(0 0 14px rgba(255, 210, 61, .9)) brightness(1.15); }
	100% { filter: drop-shadow(0 0 0 rgba(255, 210, 61, 0)) brightness(1); }
}
@media (prefers-reduced-motion: reduce) {
	.osky-xc-burst { display: none !important; }
}

/* ===== Nume aurii cu luciu "live" (auriu care curge) ===== */
.osky-topcards .osky-xc .osky-rgx-head b,
.osky-topcards .osky-xc .osky-dcx-head b:not(.osky-dc-online) {
	background: linear-gradient(100deg, #b8860b 0%, #ffd23d 18%, #fff6c8 28%, #ffd23d 38%, #c9930f 55%, #ffe17a 72%, #fffbe6 80%, #e8b21f 90%, #b8860b 100%) 0 0 / 250% 100% !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	text-shadow: none !important;
	filter: drop-shadow(0 0 6px rgba(255, 190, 40, .45)) drop-shadow(0 1px 1px rgba(0, 0, 0, .8)) !important;
	animation: oskyXcAur 3.2s linear infinite !important;
}
@keyframes oskyXcAur {
	0% { background-position: 100% 0; }
	100% { background-position: -150% 0; }
}
@media (prefers-reduced-motion: reduce) {
	.osky-topcards .osky-xc .osky-rgx-head b,
	.osky-topcards .osky-xc .osky-dcx-head b:not(.osky-dc-online) { animation: none !important; }
}