/* OskyWorld - carduri Discord de Craciun (forum, dreapta, footer)
   contur candy, zapada sus, sania lui Mos Craciun care trece */

/* Aspect comun pentru toate cele 3 carduri */
a.osky-dc-card,
a.osky-dcx,
a.osky-ftc.osky-ftc-dc {
	position: relative !important;
	border: 4px solid transparent !important;
	border-radius: 11px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .35), 0 0 12px rgba(255, 46, 77, .25) !important;
	background:
		/* stralucire rosie */
		radial-gradient(ellipse at 85% 0%, rgba(255, 46, 77, .22), transparent 60%) padding-box,
		/* fundal */
		linear-gradient(135deg, rgb(12, 28, 66), rgb(24, 40, 88)) padding-box,
		/* contur candy rosu-alb */
		repeating-linear-gradient(135deg, #ff2e4d 0 6px, #fff 6px 12px) border-box !important;
	text-decoration: none !important;
	overflow: visible !important;
	transform: none !important;
	animation: none !important;
}

/* Cardul din forum (sub Suport) - mai fin */
a.osky-dc-card {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 340px !important;
	max-width: 400px !important;
	margin-top: 8px !important;
	padding: 9px 9px 9px 12px !important;
}

/* Continutul cardului peste ninsoare */
a.osky-dc-card > *,
a.osky-dcx > *,
a.osky-ftc.osky-ftc-dc > * {
	position: relative !important;
	z-index: 1 !important;
}

/* Sania lui Mos Craciun care trece + stele */
a.osky-dc-card::before,
a.osky-dcx::before,
a.osky-ftc.osky-ftc-dc::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	opacity: 1 !important;
	z-index: 0 !important;
	border-radius: 7px !important;
	transform: none !important;
	transition: none !important;
	filter: none !important;
	pointer-events: none !important;
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2030'%3E%3Cpath%20d='M15%2013.5%20Q15.5%207%2022%207%20Q28.5%207%2029%2013.5%20Z'%20fill='%23e0213f'/%3E%3Crect%20x='15.3'%20y='10.6'%20width='13.4'%20height='1.5'%20fill='%233a1a10'/%3E%3Crect%20x='21.2'%20y='10.4'%20width='1.8'%20height='1.9'%20fill='%23ffd23d'/%3E%3Cpath%20d='M27.5%209.2%20L33%2014.5'%20stroke='%23e0213f'%20stroke-width='1.7'%20stroke-linecap='round'/%3E%3Ccircle%20cx='22'%20cy='5'%20r='2.4'%20fill='%23ffd2b0'/%3E%3Cpath%20d='M19.5%205.2%20Q22%2010.5%2024.5%205.2%20Q22%206.4%2019.5%205.2%20Z'%20fill='%23fff'/%3E%3Cpath%20d='M19.6%203.8%20Q21.5%20-0.8%2026.2%201.2%20L24.6%203.6%20Z'%20fill='%23e0213f'/%3E%3Crect%20x='19.3'%20y='3.2'%20width='5.6'%20height='1.2'%20rx='.6'%20fill='%23fff'/%3E%3Ccircle%20cx='26.4'%20cy='1.4'%20r='1.05'%20fill='%23fff'/%3E%3Cg%20fill='%23ffd9a0'%20stroke='%23ffd9a0'%20stroke-linecap='round'%3E%0A%3Cpath%20d='M8%2020%20Q6%2026%2014%2026%20H34'%20fill='none'%20stroke-width='2'/%3E%3Cpath%20d='M12%2012%20H30%20Q34%2012%2033%2020%20H12%20Z'/%3E%0A%3Cpath%20d='M33%2016%20L52%2016'%20stroke-width='1'/%3E%0A%3Cellipse%20cx='60'%20cy='15'%20rx='8'%20ry='3.5'/%3E%3Ccircle%20cx='69'%20cy='11'%20r='2.4'/%3E%3Cpath%20d='M55%2018%20L53%2024%20M58%2018%20L58%2024%20M63%2018%20L64%2024%20M66%2018%20L68%2024'%20stroke-width='1.3'/%3E%3Cpath%20d='M69%209%20L67%204%20M69%209%20L72%204%20M67%204%20L65%203%20M72%204%20L74%203'%20stroke-width='1'%20fill='none'/%3E%0A%3Cpath%20d='M68%2016%20L84%2016'%20stroke-width='1'/%3E%0A%3Cellipse%20cx='92'%20cy='15'%20rx='8'%20ry='3.5'/%3E%3Ccircle%20cx='101'%20cy='11'%20r='2.4'/%3E%3Cpath%20d='M87%2018%20L85%2024%20M90%2018%20L90%2024%20M95%2018%20L96%2024%20M98%2018%20L100%2024'%20stroke-width='1.3'/%3E%3Cpath%20d='M101%209%20L99%204%20M101%209%20L104%204%20M99%204%20L97%203%20M104%204%20L106%203'%20stroke-width='1'%20fill='none'/%3E%0A%3Ccircle%20cx='103.5'%20cy='11.5'%20r='1.3'%20fill='%23ff2e4d'%20stroke='none'/%3E%3C/g%3E%3C/svg%3E"),
		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;
	background-size: 120px 30px, 90px 46px, 150px 46px, 170px 46px !important;
	background-repeat: no-repeat, repeat, repeat, repeat !important;
	background-position: -260px 50%, 0 0, 0 0, 0 0;
	animation: oskyDcSanie 9s linear infinite !important;
}

@keyframes oskyDcSanie {
	0% {
		background-position: -260px 50%, 0 0, 0 0, 0 0;
	}
	100% {
		background-position: calc(100% + 260px) 50%, -90px 0, -150px 0, -170px 0;
	}
}

/* Sania mai mare in cardul din dreapta si in footer */
a.osky-dcx::before {
	background-size: 216px 54px, 90px 46px, 150px 46px, 170px 46px !important;
}
a.osky-ftc.osky-ftc-dc::before {
	background-size: 128px 32px, 90px 46px, 150px 46px, 170px 46px !important;
}

/* Fara animatie pentru cine a cerut asta in sistem */
@media (prefers-reduced-motion: reduce) {
	a.osky-dc-card::before, a.osky-dcx::before, a.osky-ftc.osky-ftc-dc::before { animation: none !important; }
}

/* Zapada sus (fixa) */
a.osky-dc-card::after,
a.osky-dcx::after,
a.osky-ftc.osky-ftc-dc::after {
	content: "" !important;
	position: absolute !important;
	left: -3px !important;
	right: -3px !important;
	top: -5px !important;
	bottom: auto !important;
	width: auto !important;
	height: 12px !important;
	margin: 0 !important;
	opacity: 1 !important;
	z-index: 2 !important;
	border-radius: 11px 11px 0 0 !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0H120V3C114 3 113 8 108 8S102 4 97 4 91 6 86 6 80 3 74 3 68 9 62 9 57 4 51 4 45 6 40 6 34 3 28 3 23 8 17 8 12 4 7 4 2 5 0 5Z' fill='%23fff'/%3E%3C/svg%3E") 0 0 / 120px 12px repeat-x !important;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3)) !important;
	animation: none !important;
	transform: none !important;
	transition: none !important;
	pointer-events: none !important;
}

/* Textul ramane lizibil cand trece sania (umbra fina, fara blur) */
a.osky-dc-card .osky-dc-info,
a.osky-dcx .osky-dcx-head > div,
a.osky-ftc.osky-ftc-dc .osky-ftc-t {
	text-shadow: 0 1px 2px rgba(0, 0, 0, .9), 0 0 6px rgba(8, 18, 44, .95) !important;
}

/* ===== Cardul Discord din forum (sub Suport) ===== */
a.osky-dc-card img.osky-dc-logo {
	width: 30px !important;
	height: 30px !important;
	flex: 0 0 30px !important;
}

/* Text */
a.osky-dc-card .osky-dc-info {
	display: flex !important;
	flex-direction: column !important;
	line-height: 1.25 !important;
	min-width: 0 !important;
}
a.osky-dc-card .osky-dc-info strong {
	font-family: 'Rubik', sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: #ffd23d !important;
	text-shadow: 0 0 8px rgba(255, 190, 40, .35), 0 1px 2px rgba(0, 0, 0, .8) !important;
}
a.osky-dc-card .osky-dc-info strong::after {
	content: " ❄";
	color: #cfe8ff;
	font-size: 11px;
	letter-spacing: 0;
}
a.osky-dc-card .osky-dc-meta {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	font-size: 11px !important;
	color: #c6d0ea !important;
}
a.osky-dc-card .osky-dc-dot {
	width: 7px !important;
	height: 7px !important;
	background: #2ee66b !important;
	box-shadow: 0 0 6px #2ee66b !important;
}
a.osky-dc-card .osky-dc-avatars img {
	width: 16px !important;
	height: 16px !important;
}

/* Butonul Intra - candy rosu */
a.osky-dc-card .osky-dc-join {
	margin-left: auto !important;
	padding: 6px 14px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: repeating-linear-gradient(135deg, #ff2e4d 0 7px, #e0213f 7px 14px) !important;
	box-shadow: 0 2px 8px rgba(255, 46, 77, .4) !important;
}
a.osky-dc-card:hover .osky-dc-join {
	filter: brightness(1.12);
}

/* ===== Cardul Discord din dreapta (pagina principala) ===== */
a.osky-dcx .osky-dcx-head b:not(.osky-dc-online) {
	font-family: 'Rubik', sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: #ffd23d !important;
	text-shadow: 0 0 8px rgba(255, 190, 40, .35), 0 1px 2px rgba(0, 0, 0, .8) !important;
}
a.osky-dcx .osky-dcx-head small {
	color: #c6d0ea !important;
}
a.osky-dcx .osky-dcx-head small i {
	background: #2ee66b !important;
	box-shadow: 0 0 6px #2ee66b !important;
}
a.osky-dcx .osky-dcx-btn {
	color: #fff !important;
	background: repeating-linear-gradient(135deg, #ff2e4d 0 8px, #e0213f 8px 16px) !important;
	box-shadow: 0 2px 10px rgba(255, 46, 77, .45) !important;
	border: 0 !important;
}
a.osky-dcx:hover .osky-dcx-btn {
	filter: brightness(1.12);
}

/* ===== Cardul Discord din footer ===== */
a.osky-ftc.osky-ftc-dc .osky-ftc-t b {
	font-family: 'Rubik', sans-serif !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: #ffd23d !important;
	text-shadow: 0 0 8px rgba(255, 190, 40, .35), 0 1px 2px rgba(0, 0, 0, .8) !important;
}
a.osky-ftc.osky-ftc-dc .osky-ftc-t small {
	color: #c6d0ea !important;
}
a.osky-ftc.osky-ftc-dc .osky-ftc-t small i {
	background: #2ee66b !important;
	box-shadow: 0 0 6px #2ee66b !important;
}
a.osky-ftc.osky-ftc-dc .osky-ftc-go {
	color: #fff !important;
	background: repeating-linear-gradient(135deg, #ff2e4d 0 6px, #e0213f 6px 12px) !important;
}

/* ===== Bannerul Discord lat (sus, peste forum si cardul Server) ===== */
a.osky-dcx.osky-dcx-wide {
	display: flex !important;
	align-items: center !important;
	gap: 16px !important;
	width: auto !important;
	margin: 0 0 18px 0 !important;
	padding: 10px 12px 10px 14px !important;
}
a.osky-dcx.osky-dcx-wide::before {
	background-size: 168px 42px, 90px 46px, 150px 46px, 170px 46px !important;
	animation-duration: 14s !important;
}
a.osky-dcx.osky-dcx-wide .osky-dcx-head {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
}
a.osky-dcx.osky-dcx-wide .osky-dcx-avs {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}
a.osky-dcx.osky-dcx-wide .osky-dcx-avs:empty {
	display: none !important;
}
a.osky-dcx.osky-dcx-wide .osky-dcx-avs img {
	width: 24px !important;
	height: 24px !important;
}
a.osky-dcx.osky-dcx-wide .osky-dcx-btn {
	display: inline-block !important;
	width: auto !important;
	margin: 0 0 0 auto !important;
	padding: 9px 22px !important;
	font-size: 13px !important;
	white-space: nowrap !important;
}
@media (max-width: 700px) {
	a.osky-dcx.osky-dcx-wide .osky-dcx-avs { display: none !important; }
	a.osky-dcx.osky-dcx-wide .osky-dcx-btn { padding: 8px 12px !important; }
}

/* ===== Logo Discord: Mos Craciun ===== */
a.osky-dcx .osky-dcx-logo,
a.osky-ftc.osky-ftc-dc .osky-ftc-ico {
	background: url(https://forum.oskyworld.ro/images/craciun/osky-mos-craciun.gif?v=2) center / cover no-repeat !important;
	border-radius: 10px !important;
	box-shadow: 0 0 0 2px #e8b53a, 0 3px 10px rgba(0, 0, 0, .45) !important;
}
a.osky-dcx .osky-dcx-logo svg,
a.osky-ftc.osky-ftc-dc .osky-ftc-ico svg {
	display: none !important;
}

/* ===== Logo Server: elf ===== */
.osky-rgx.osky-rgx-wide .osky-rgx-logo,
a.osky-ftc.osky-ftc-rg .osky-ftc-ico {
	background: url(https://forum.oskyworld.ro/images/craciun/osky-elf.gif?v=2) center / cover no-repeat !important;
	border-radius: 10px !important;
	box-shadow: 0 0 0 2px #e8b53a, 0 3px 10px rgba(0, 0, 0, .45) !important;
}
.osky-rgx.osky-rgx-wide .osky-rgx-logo svg,
a.osky-ftc.osky-ftc-rg .osky-ftc-ico svg {
	display: none !important;
}

/* Logo-urile de sus putin mai mari, ca sa se vada detaliile */
.osky-rgx.osky-rgx-wide .osky-rgx-logo,
a.osky-dcx.osky-dcx-wide .osky-dcx-logo {
	width: 46px !important;
	height: 46px !important;
	flex: 0 0 46px !important;
}

/* ===== Cardul Server RageMP lat (sus) - Craciun, mai linistit ===== */
.osky-rgx.osky-rgx-wide,
a.osky-ftc.osky-ftc-rg {
	position: relative !important;
	border: 4px solid transparent !important;
	border-radius: 11px !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .35), 0 0 12px rgba(255, 46, 77, .25) !important;
	background:
		radial-gradient(ellipse at 10% 0%, rgba(255, 46, 77, .22), transparent 55%) padding-box,
		linear-gradient(135deg, rgb(12, 28, 66), rgb(24, 40, 88)) padding-box,
		repeating-linear-gradient(135deg, #ff2e4d 0 6px, #fff 6px 12px) border-box !important;
	overflow: visible !important;
}
.osky-rgx.osky-rgx-wide > *,
a.osky-ftc.osky-ftc-rg > * {
	position: relative !important;
	z-index: 1 !important;
}

/* Efect pe fundal: lumini de aurora (rosu-verde) care plutesc + stele care sclipesc */
.osky-rgx.osky-rgx-wide::before,
a.osky-ftc.osky-ftc-rg::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	z-index: 0 !important;
	border-radius: 7px !important;
	pointer-events: none !important;
	background-image:
		radial-gradient(closest-side, rgba(46, 230, 107, .5), transparent),
		radial-gradient(closest-side, rgba(255, 46, 77, .5), transparent),
		radial-gradient(circle at 15px 10px, #fff 1px, transparent 1.6px),
		radial-gradient(circle at 60px 34px, #ffd23d 1px, transparent 1.6px),
		radial-gradient(circle at 110px 18px, #fff .8px, transparent 1.4px) !important;
	background-size: 260px 90px, 240px 90px, 80px 46px, 130px 46px, 160px 46px !important;
	background-repeat: no-repeat, no-repeat, repeat, repeat, repeat !important;
	background-position: -80px -20px, 110% 0, 0 0, 0 0, 0 0;
	animation: oskyRgxAurora 12s ease-in-out infinite alternate !important;
}
@keyframes oskyRgxAurora {
	0% {
		background-position: -80px -20px, 110% 0, 0 0, 0 0, 0 0;
	}
	50% {
		background-position: 45% 10px, 40% -25px, 20px 0, -30px 0, 40px 0;
	}
	100% {
		background-position: 105% -15px, -60px 5px, 40px 0, -60px 0, 80px 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.osky-rgx.osky-rgx-wide::before, a.osky-ftc.osky-ftc-rg::before { animation: none !important; }
}

/* Zapada sus */
.osky-rgx.osky-rgx-wide::after,
a.osky-ftc.osky-ftc-rg::after {
	content: "" !important;
	position: absolute !important;
	left: -3px !important;
	right: -3px !important;
	top: -5px !important;
	height: 12px !important;
	z-index: 2 !important;
	border-radius: 11px 11px 0 0 !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0H120V3C114 3 113 8 108 8S102 4 97 4 91 6 86 6 80 3 74 3 68 9 62 9 57 4 51 4 45 6 40 6 34 3 28 3 23 8 17 8 12 4 7 4 2 5 0 5Z' fill='%23fff'/%3E%3C/svg%3E") 0 0 / 120px 12px repeat-x !important;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3)) !important;
	pointer-events: none !important;
}

/* Numele serverului in acelasi stil ca la Discord */
.osky-rgx.osky-rgx-wide .osky-rgx-head b {
	font-family: 'Rubik', sans-serif !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: #ffd23d !important;
	text-shadow: 0 0 8px rgba(255, 190, 40, .35), 0 1px 2px rgba(0, 0, 0, .8) !important;
}
.osky-rgx.osky-rgx-wide .osky-rgx-head small {
	color: #c6d0ea !important;
}
.osky-rgx.osky-rgx-wide .osky-rgx-btn {
	color: #fff !important;
	background: repeating-linear-gradient(135deg, #ff2e4d 0 8px, #e0213f 8px 16px) !important;
	box-shadow: 0 2px 10px rgba(255, 46, 77, .45) !important;
}

/* ===== Cardul Server din footer - la fel ca cel de sus ===== */
a.osky-ftc.osky-ftc-rg {
	text-decoration: none !important;
	transform: none !important;
}
a.osky-ftc.osky-ftc-rg .osky-ftc-t b {
	font-family: 'Rubik', sans-serif !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
	color: #ffd23d !important;
	text-shadow: 0 0 8px rgba(255, 190, 40, .35), 0 1px 2px rgba(0, 0, 0, .8) !important;
}
a.osky-ftc.osky-ftc-rg .osky-ftc-t small {
	color: #c6d0ea !important;
}
a.osky-ftc.osky-ftc-rg .osky-ftc-go {
	color: #fff !important;
	background: repeating-linear-gradient(135deg, #ff2e4d 0 6px, #e0213f 6px 12px) !important;
}