/*
 * Advanced BBCode Box 3.3.8
 * MundoNovelas / Zeina colour edition
 * Styling for BBCode content displayed inside posts.
 */

/* [hidden] BBCode */
.hidebox {
	font-weight: normal;
	position: relative;
	margin: 10px 0;
	padding: 45px 18px 16px;
	background:
		radial-gradient(circle at 100% 0%, rgba(199, 87, 166, 0.13), transparent 38%),
		linear-gradient(145deg, rgba(27, 29, 64, 0.96), rgba(16, 19, 44, 0.98));
	color: #e8e4f3;
	border: 1px solid rgba(190, 103, 178, 0.36);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 20px rgba(0, 0, 0, 0.16);
}

.hidebox_title {
	font-family: inherit;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 8px 13px;
	background: linear-gradient(135deg, rgba(119, 56, 125, 0.96), rgba(164, 65, 137, 0.96));
	color: #fff4fb;
	border: 1px solid rgba(255, 145, 211, 0.44);
	border-radius: 11px 0 9px 0;
	box-shadow: 0 5px 14px rgba(77, 20, 68, 0.20);
}

.hidebox_hidden {
	background:
		radial-gradient(circle at 100% 0%, rgba(205, 72, 139, 0.14), transparent 38%),
		linear-gradient(145deg, rgba(58, 25, 58, 0.96), rgba(31, 18, 41, 0.98));
	border-color: rgba(224, 91, 164, 0.40);
	color: #ffd0e9;
}

.hidebox_visible {
	color: #dffbf3;
	border-color: rgba(82, 207, 183, 0.34);
}

/* [spoil] spoiler BBCode */
.spoilbtn:hover {
	color: #ff91cf !important;
}

/* [fade] fade text in/out effect */
.fadeEffect {
	-moz-animation: fade 2s infinite;
	-webkit-animation: fade 2s infinite;
	animation: fade 2s infinite;
}

@-webkit-keyframes fade {
	50% {
		opacity: 0;
	}
}

@keyframes fade {
	50% {
		opacity: 0;
	}
}

/* Video player */
.auto-video {
	max-width: 100%;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

/* Pipe Table */
.pipe-table {
	width: 100%;
	margin-bottom: 0.813rem;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: rgba(18, 21, 48, 0.84);
	border: 1px solid rgba(188, 99, 176, 0.30);
	border-radius: 11px;
}

.pipe-table th,
.pipe-table td {
	padding: 9px 12px;
	border-right: 1px solid rgba(255, 255, 255, 0.045);
	border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.pipe-table th {
	background: linear-gradient(135deg, #553468, #793b71);
	color: #fff3fb;
	font-weight: 700;
}

.pipe-table td {
	color: #e9e5f4;
}

.pipe-table tr:last-child td {
	border-bottom: 0;
}

.pipe-table th:last-child,
.pipe-table td:last-child {
	border-right: 0;
}

.pipe-table tr:hover td {
	background-color: rgba(201, 84, 167, 0.09);
}

/* Marquee */
.abbc3-marquee {
	overflow: hidden;
}

.abbc3-marquee-left {
	text-align: center;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation: marquee-x 10s linear normal infinite;
	-moz-animation: marquee-x 10s linear normal infinite;
	animation: marquee-x 10s linear normal infinite;
}

.abbc3-marquee-right {
	text-align: center;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-animation: marquee-x 10s linear reverse infinite;
	-moz-animation: marquee-x 10s linear reverse infinite;
	animation: marquee-x 10s linear reverse infinite;
}

.abbc3-marquee-up {
	height: 20em;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-animation: marquee-y 5s linear normal infinite;
	-moz-animation: marquee-y 5s linear normal infinite;
	animation: marquee-y 5s linear normal infinite;
}

.abbc3-marquee-down {
	height: 20em;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation: marquee-y 5s linear reverse infinite;
	-moz-animation: marquee-y 5s linear reverse infinite;
	animation: marquee-y 5s linear reverse infinite;
}

@keyframes marquee-x {
	0% {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes marquee-y {
	0% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}

	100% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fadeEffect,
	.abbc3-marquee-left,
	.abbc3-marquee-right,
	.abbc3-marquee-up,
	.abbc3-marquee-down {
		animation: none;
		transform: none;
	}
}

/* MundoNovelas — spoiler ABBC3 w ciemnym stylu Zeina.
   !important jest celowe: starsze wersje ABBC3 zapisały jasne style inline w BBCode. */
.spoilwrapper {
	margin: 10px 0 !important;
	padding: 7px 9px !important;
	font-weight: normal !important;
	color: #e9e8f2 !important;
	background: linear-gradient(145deg, rgba(20, 27, 49, .97), rgba(27, 20, 47, .98)) !important;
	border: 1px solid rgba(203, 101, 184, .30) !important;
	border-radius: 10px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.spoiltitle { margin:0 !important; padding:0 !important; width:100% !important; }
.spoilbtn {
	display:block !important;
	margin:0 !important;
	padding:6px 8px !important;
	font-family:inherit !important;
	font-size:11px !important;
	font-weight:800 !important;
	letter-spacing:.025em;
	text-transform:none !important;
	color:#f0cae3 !important;
	cursor:pointer;
}
.spoilbtn:hover { color:#ff91cf !important; }
.spoilcontent {
	margin-top:4px !important;
	padding:10px 9px !important;
	color:#e8e9f1 !important;
	background:rgba(7,12,25,.42) !important;
	border-top:1px solid rgba(220,118,198,.20) !important;
	border-radius:0 0 7px 7px;
}

/* Obrazki w treści i podpisach nie mogą wyjść poza szerokość posta. */
.postbody .content img,
.signature img {
	max-width: 100%;
	height: auto;
}

/* MundoNovelas — bezpieczne skalowanie wszystkich obrazków w postach. */
.postbody .content img,
.postbody .signature img,
.signature img {
	max-width: 100% !important;
	height: auto !important;
}