/* Adaptacao do conteudo do MyAAC (tabelas/caixas do Tibia classico) ao visual tibianext */

.tn-content {
	color: #3d2314;
	font-size: 13px;
	line-height: 1.45;
	overflow-x: auto;
}
.tn-content a { color: #1e5799; }
.tn-content a:hover { color: #0d2f54; text-decoration: underline; }
.tn-content h1, .tn-content h2, .tn-content h3 { font-family: var(--font-medieval), serif; font-weight: 700; color: #3d2314; margin: 6px 0; }
.tn-content h1 { font-size: 20px; }
.tn-content h2 { font-size: 17px; }
.tn-content h3 { font-size: 15px; }
.tn-content p { margin: 6px 0; }
.tn-content img { display: inline; max-width: 100%; height: auto; }
.tn-content ul { list-style: disc; padding-left: 20px; }
.tn-content ol { list-style: decimal; padding-left: 20px; }
.tn-content b, .tn-content strong { font-weight: 700; }

/* tabelas genericas */
.tn-content table { border-collapse: collapse; }
.tn-content table[width="100%"], .tn-content .TableContent, .tn-content .Table1, .tn-content .Table2, .tn-content .Table3, .tn-content .Table5 { width: 100%; }
.tn-content td, .tn-content th { padding: 4px 6px; vertical-align: middle; }
.tn-content table.TableContent td { border: 1px solid var(--box-inner-border); }
.tn-content tr.LabelH td, .tn-content td.LabelH, .tn-content .LabelV { font-weight: 700; }
.tn-content .LabelV { width: 25%; }

/* caixas classicas do tibia.com (TableContainer) */
.tn-content .TableContainer { margin: 0 0 12px 0; width: 100%; }
.tn-content .CaptionContainer {
	background: linear-gradient(to bottom, var(--box-header-from), var(--box-header-to));
	border: 1px solid var(--box-header-border);
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}
.tn-content .CaptionInnerContainer { position: relative; padding: 6px 10px; }
.tn-content .CaptionEdgeLeftTop, .tn-content .CaptionEdgeRightTop,
.tn-content .CaptionEdgeLeftBottom, .tn-content .CaptionEdgeRightBottom,
.tn-content .CaptionBorderTop, .tn-content .CaptionBorderBottom,
.tn-content .CaptionVerticalLeft, .tn-content .CaptionVerticalRight { display: none !important; }
.tn-content .CaptionContainer .Text { color: #fff; font-weight: 700; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,.6); letter-spacing: .3px; }
.tn-content .InnerTableContainer { border: 1px solid var(--box-inner-border); border-top: 0; background: var(--box-content-bg); }
.tn-content .InnerTableContainer > table { width: 100%; }
.tn-content .TableContentContainer { padding: 0; }
.tn-content .TableShadowContainerRightTop, .tn-content .TableShadowContainer,
.tn-content .TableShadowRightTop, .tn-content .TableContentAndRightShadow > .TableShadowRightTop,
.tn-content .TableBottomShadow, .tn-content .TableBottomLeftShadow, .tn-content .TableBottomRightShadow { background: none !important; display: none; }
.tn-content .TableContentAndRightShadow { background: none !important; }

/* boxes estilo bootstrap/adminlte usados em algumas paginas */
.tn-content .box { background: var(--box-content-bg); border: 1px solid var(--box-inner-border); margin-bottom: 12px; }
.tn-content .box-header { background: linear-gradient(to bottom, var(--box-header-from), var(--box-header-to)); color: #fff; padding: 6px 10px; }
.tn-content .box-title { color: #fff; font-size: 13px; font-weight: 700; margin: 0; }
.tn-content .box-body { padding: 10px; }

/* formularios */
.tn-content input:not([type]), .tn-content input[type="text"], .tn-content input[type="password"], .tn-content input[type="email"],
.tn-content input[type="number"], .tn-content select, .tn-content textarea, .tn-content .form-control {
	background: #fffaf0;
	border: 1px solid #b8a888;
	border-radius: 3px;
	color: #3d2314;
	padding: 4px 6px;
	font-size: 13px;
	max-width: 100%;
}
.tn-content input:focus, .tn-content select:focus, .tn-content textarea:focus { outline: 2px solid #1e5799; outline-offset: 0; }
.tn-content .btn, .tn-content input[type="submit"], .tn-content button[type="submit"] {
	background: linear-gradient(to bottom, #2a6db5, #164070);
	border: 1px solid #0d2f54;
	color: #fff;
	border-radius: 3px;
	padding: 5px 12px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}
.tn-content .btn:hover, .tn-content input[type="submit"]:hover { filter: brightness(1.15); }
.tn-content .FormFieldError, .tn-content .red { color: #b00020; }
.tn-content .green { color: #1b7a2b; }
.tn-content .white { color: #fff; }

/* botoes graficos do tibia.com (imagens do template) continuam funcionando */
.tn-content .BigButton { display: inline-block; }

/* botao Download (verde) das colunas */
.tn-download-btn {
	background: linear-gradient(to bottom, #2e7d32, #1b5e20 50%, #0d3d0d);
	color: #a5d6a7 !important;
	border: 1px solid #4caf50;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.5);
	transition: all .15s;
}
.tn-download-btn:hover { background: linear-gradient(to bottom, #388e3c, #2e7d32 50%, #1b5e20); color: #c8e6c9 !important; border-color: #66bb6a; }

/* noticias */
.tn-content .NewsHeadline { margin-bottom: 8px; }
.tn-content .NewsHeadlineBackground { background: linear-gradient(to bottom, var(--box-header-from), var(--box-header-to)) !important; color: #fff; padding: 6px 10px; border-radius: 3px; }
.tn-content .NewsHeadlineText { color: #fff; font-weight: 700; }
.tn-content .NewsHeadlineDate { color: #dfe8f3; font-size: 11px; margin-right: 6px; }
.tn-content .NewsHeadlineIcon { display: none; }

/* contagem regressiva (plugin start-countdown) acima das paginas do template */
.tn-main > #defaultCountdownParent { width: 340px; max-width: 100%; box-sizing: border-box; margin: 0 auto 12px auto; background: var(--box-content-bg); border: 1px solid var(--box-inner-border); color: #3d2314; font-size: 12px; padding: 8px 10px; border-radius: 6px; text-align: center; }
.tn-main > #defaultCountdownParent #defaultCountdown { width: 100%; box-sizing: border-box; margin: 6px 0 0 0; }
.tn-main > #defaultCountdownParent + br { display: none; }

/* secoes geradas pelo conversor ficam espacadas como as do layout */
.tn-main > .tn-section + .tn-section, .space-y-3 > .tn-section + .tn-section { margin-top: .75rem; }
.tn-content .PageHeader-module__HZea0q__title { color: #fff; }

/* logo Fortis maior */
.tn-logo { height: 210px; width: auto; max-width: 92vw; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0,0,0,.55)); }
.tn-logo-mobile { height: 52px; width: auto; object-fit: contain; }

/* brilho passando nos botoes Download */
.tn-download-btn { position: relative; overflow: hidden; }
.tn-download-btn::after {
	content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
	background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
	transform: skewX(-20deg);
	animation: tnDownloadShine 2.5s ease-in-out infinite;
	pointer-events: none;
}
.tn-download-btn { animation: tnDownloadPulse 2s ease-in-out infinite; }
@keyframes tnDownloadShine { 0% { left: -60%; } 60%, 100% { left: 130%; } }
@keyframes tnDownloadPulse {
	0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.5), 0 0 4px rgba(76,175,80,.35); }
	50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.5), 0 0 12px rgba(102,187,106,.9); }
}

/* news: data e titulo na mesma linha */
.tn-content .NewsHeadlineBackground { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 4px; }
.tn-content .NewsHeadlineDate, .tn-content .NewsHeadlineText { display: inline; float: none; margin: 0; }