/**
 * GoldenOT — Content kit (GoldenOT dark chrome over tibiacom markup)
 * Applies to all pages inside #go-main without rewriting PHP.
 */

/* ===== Page frame (kill parchment / ornate borders) ===== */
body.go-layout #go-main .Corner-tl,
body.go-layout #go-main .Corner-tr,
body.go-layout #go-main .Corner-bl,
body.go-layout #go-main .Corner-br,
body.go-layout #go-main .CornerWrapper-b,
body.go-layout #go-main .Border_1,
body.go-layout #go-main .Border_2,
body.go-layout #go-main .Border_3,
body.go-layout #go-main .CaptionEdgeLeftTop,
body.go-layout #go-main .CaptionEdgeRightTop,
body.go-layout #go-main .CaptionEdgeLeftBottom,
body.go-layout #go-main .CaptionEdgeRightBottom,
body.go-layout #go-main .CaptionBorderTop,
body.go-layout #go-main .CaptionBorderBottom,
body.go-layout #go-main .CaptionVerticalLeft,
body.go-layout #go-main .CaptionVerticalRight {
  background-image: none !important;
  background: transparent !important;
}

body.go-layout #go-main .TableContainer,
body.go-layout #go-main .SmallBox,
body.go-layout #go-main .MessageContainer {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 12px;
  overflow: visible !important;
}

body.go-layout #go-main .CaptionContainer,
body.go-layout #go-main .CaptionInnerContainer {
  background: var(--chrome-header-bg, #0c1520) !important;
  background-size: cover !important;
  border-bottom: 1px solid var(--border) !important;
  min-height: 32px;
}

body.go-layout #go-main .CaptionContainer .Text,
body.go-layout #go-main .CaptionInnerContainer .Text {
  color: var(--heading-sand) !important;
  font-family: var(--font-display) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  padding: 6px 12px !important;
}

body.go-layout #go-main .BoxContent,
body.go-layout #go-main .InnerTableContainer,
body.go-layout #go-main .TableContentAndRightShadow,
body.go-layout #go-main .TableContentAndRightShadow1 {
  background: var(--bg-panel) !important;
  background-image: none !important;
  color: var(--text) !important;
  border: 0 !important;
}

body.go-layout #go-main .BoxContent[style*="scroll.gif"],
body.go-layout #go-main [style*="scroll.gif"],
body.go-layout #go-main [style*="table-shadow"] {
  background-image: none !important;
  background-color: var(--bg-panel) !important;
  color: var(--text) !important;
}

/* ===== Typography inside content ===== */
body.go-layout #go-main,
body.go-layout #go-main p,
body.go-layout #go-main td,
body.go-layout #go-main th,
body.go-layout #go-main li,
body.go-layout #go-main label,
body.go-layout #go-main span,
body.go-layout #go-main b,
body.go-layout #go-main strong {
  color: var(--text);
}

body.go-layout #go-main h1,
body.go-layout #go-main h2,
body.go-layout #go-main h3 {
  font-family: var(--font-display);
  color: var(--gold);
  font-weight: 700;
}

body.go-layout #go-main a {
  color: var(--text-link) !important;
  font-weight: 700;
  text-decoration: none;
}

body.go-layout #go-main a:hover {
  color: #c0e2f1 !important;
}

/* Keep accent helpers */
body.go-layout #go-main .font_yellow,
body.go-layout #go-main .yellow,
body.go-layout #go-main font[color="yellow"],
body.go-layout #go-main font[color="#FFFF00"] {
  color: var(--accent-yellow) !important;
}

body.go-layout #go-main .font_red,
body.go-layout #go-main .red,
body.go-layout #go-main font[color="red"] {
  color: var(--accent-red) !important;
}

body.go-layout #go-main .font_lightgreen,
body.go-layout #go-main .green,
body.go-layout #go-main font[color="green"] {
  color: var(--accent-green) !important;
}

body.go-layout #go-main .white,
body.go-layout #go-main font[color="white"] {
  color: var(--white) !important;
}

/* ===== Tables ===== */
body.go-layout #go-main table {
  border-collapse: collapse;
  width: 100%;
}

body.go-layout #go-main table td,
body.go-layout #go-main table th {
  border: 1px solid var(--border-table-cell);
  padding: 6px 8px;
  color: var(--text-table);
  background: transparent;
}

body.go-layout #go-main table th {
  color: var(--white);
}

body.go-layout #go-main table tr:nth-child(odd) td,
body.go-layout #go-main .Odd td,
body.go-layout #go-main tr.Odd td {
  background-color: rgba(51, 68, 89, 0.28);
}

body.go-layout #go-main table tr:nth-child(even) td,
body.go-layout #go-main .Even td,
body.go-layout #go-main tr.Even td {
  background-color: rgba(6, 18, 23, 0.6);
}

body.go-layout #go-main .LabelV,
body.go-layout #go-main .LabelV120,
body.go-layout #go-main .LabelV150,
body.go-layout #go-main .LabelV200,
body.go-layout #go-main .LabelV250 {
  color: var(--heading-sand) !important;
  font-weight: 700;
}

/* ===== Forms ===== */
body.go-layout #go-main input[type="text"],
body.go-layout #go-main input[type="password"],
body.go-layout #go-main input[type="email"],
body.go-layout #go-main input[type="number"],
body.go-layout #go-main input[type="search"],
body.go-layout #go-main select,
body.go-layout #go-main textarea {
  background: var(--bg-input) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 0 !important;
  padding: 6px 8px;
  font-family: var(--font-body);
  font-size: 12px;
}

body.go-layout #go-main input[type="text"]:focus,
body.go-layout #go-main input[type="password"]:focus,
body.go-layout #go-main input[type="email"]:focus,
body.go-layout #go-main select:focus,
body.go-layout #go-main textarea:focus {
  outline: 1px solid #4a6a88;
  border-color: #4a6a88 !important;
}

body.go-layout #go-main input[type="checkbox"],
body.go-layout #go-main input[type="radio"] {
  accent-color: var(--gold);
}

/* Image-submit buttons (tibia GIFs) — keep working, frame dark */
body.go-layout #go-main .BigButton,
body.go-layout #go-main .MediumButtonBackground,
body.go-layout #go-main .MediumButtonForm {
  filter: none;
}

body.go-layout #go-main input[type="submit"]:not([src]),
body.go-layout #go-main input[type="button"]:not([src]),
body.go-layout #go-main button:not(.go-nav-toggle):not(.go-btn) {
  background: #1e4d8c !important;
  border: 1px solid var(--border) !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 8px 14px;
  font-family: var(--font-display);
  font-weight: 700;
  cursor: pointer;
}

/* Error / success boxes */
body.go-layout #go-main .ErrorMessage,
body.go-layout #go-main .SmallBox .ErrorMessage {
  background: #1a0a0a !important;
  color: var(--accent-red) !important;
  border: 1px solid var(--accent-red) !important;
}

body.go-layout #go-main .AttentionSign {
  background-image: none !important;
}

body.go-layout #go-main .BoxFrameHorizontal,
body.go-layout #go-main .BoxFrameEdgeLeftTop,
body.go-layout #go-main .BoxFrameEdgeRightTop,
body.go-layout #go-main .BoxFrameEdgeLeftBottom,
body.go-layout #go-main .BoxFrameEdgeRightBottom,
body.go-layout #go-main .BoxFrameVerticalLeft,
body.go-layout #go-main .BoxFrameVerticalRight {
  background-image: none !important;
}

/* ===== Download page (custom cards) ===== */
body.go-layout #go-main .downloads-header {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border);
  border-radius: 0 !important;
  padding: 24px 16px !important;
}

body.go-layout #go-main .downloads-header h1 {
  color: var(--gold) !important;
  font-family: var(--font-display);
  text-shadow: none !important;
}

body.go-layout #go-main .downloads-title {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.go-layout #go-main .downloads-title h2 {
  color: var(--heading-sand) !important;
}

body.go-layout #go-main .download-card-featured,
body.go-layout #go-main .download-card {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--text) !important;
}

body.go-layout #go-main .download-card-featured h3,
body.go-layout #go-main .download-card h3 {
  color: var(--gold) !important;
  text-shadow: none !important;
}

body.go-layout #go-main .download-card-featured .description {
  background: #0a1820 !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  color: var(--text) !important;
}

body.go-layout #go-main .download-card-featured p,
body.go-layout #go-main .download-card p {
  color: var(--text) !important;
}

body.go-layout #go-main .download-card-featured .info-badge,
body.go-layout #go-main .download-card .info-badge {
  background: var(--cta-green-bg) !important;
  color: var(--cta-green-text) !important;
  border-radius: 0 !important;
}

body.go-layout #go-main .download-card-featured img,
body.go-layout #go-main .download-card img {
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
}

body.go-layout #go-main .download-card-featured:hover,
body.go-layout #go-main .download-card:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: #4a6a88 !important;
}

/* ===== Create account / forms pages: content panel ===== */
body.go-layout #go-main .content-bg {
  color: var(--text);
}

/* Preserve game art */
body.go-layout #go-main img.Outfit,
body.go-layout #go-main img.outfitImgsell2,
body.go-layout #go-main img.CharItems,
body.go-layout #go-main img.SkillIcon,
body.go-layout #go-main img[src*="animoutfit.php"],
body.go-layout #go-main img[src*="AnimatedOutfits"],
body.go-layout #go-main img[src*="/outfits/"],
body.go-layout #go-main img[src*="/images/shop/items/"],
body.go-layout #go-main img[src*="monster"] {
  max-width: none;
  background: transparent !important;
}

/* ===== Kill remaining parchment chrome (must beat ferobra + inline) ===== */
body.go-layout #go-main .CaptionEdgeLeftTop,
body.go-layout #go-main .CaptionEdgeRightTop,
body.go-layout #go-main .CaptionEdgeLeftBottom,
body.go-layout #go-main .CaptionEdgeRightBottom,
body.go-layout #go-main .CaptionBorderTop,
body.go-layout #go-main .CaptionBorderBottom,
body.go-layout #go-main .CaptionVerticalLeft,
body.go-layout #go-main .CaptionVerticalRight,
body.go-layout #go-main .TableShadowRightTop,
body.go-layout #go-main .TableShadowContainer,
body.go-layout #go-main .TableShadowContainerRight,
body.go-layout #go-main .TableBottomShadow,
body.go-layout #go-main .TableBottomLeftShadow,
body.go-layout #go-main .TableBottomRightShadow {
  display: none !important;
  background: none !important;
  background-image: none !important;
  height: 0 !important;
  width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

body.go-layout #go-main .TableContentContainer,
body.go-layout #go-main .TableContainer .Table1,
body.go-layout #go-main .TableContainer .Table2,
body.go-layout #go-main .TableContainer .Table3,
body.go-layout #go-main .TableContainer .Table4,
body.go-layout #go-main .TableContainer .Table5,
body.go-layout #go-main table.Table1,
body.go-layout #go-main table.Table2,
body.go-layout #go-main table.Table3,
body.go-layout #go-main table.Table4,
body.go-layout #go-main table.Table5,
body.go-layout #go-main table.TableContent {
  background: var(--bg-panel) !important;
  background-color: var(--bg-panel) !important;
  background-image: none !important;
  border-color: var(--border-table-cell) !important;
  color: var(--text) !important;
}

body.go-layout #go-main .TableContentContainer td,
body.go-layout #go-main .TableContentContainer th,
body.go-layout #go-main table.TableContent td,
body.go-layout #go-main table.TableContent th,
body.go-layout #go-main .Table1 td,
body.go-layout #go-main .Table2 td,
body.go-layout #go-main .Table3 td,
body.go-layout #go-main .Table4 td,
body.go-layout #go-main .Table5 td {
  background-color: transparent !important;
  border-color: var(--border-table-cell) !important;
  color: var(--text-table) !important;
}

/* ferobra TableStripped uses !important sand colors */
body.go-layout #go-main .TableStripped tr td,
body.go-layout #go-main .TableStripped tr:nth-child(odd) td,
body.go-layout #go-main .TableStripped tr:nth-child(2n+1) td,
body.go-layout #go-main .TableStripped tr:nth-of-type(odd) td {
  background: rgba(51, 68, 89, 0.28) !important;
  background-color: rgba(51, 68, 89, 0.28) !important;
}

body.go-layout #go-main .TableStripped tr:nth-child(even) td,
body.go-layout #go-main .TableStripped tr:nth-child(2n) td,
body.go-layout #go-main .TableStripped tr:nth-of-type(even) td {
  background: rgba(6, 18, 23, 0.65) !important;
  background-color: rgba(6, 18, 23, 0.65) !important;
}

body.go-layout #go-main .Odd,
body.go-layout #go-main .Odd td,
body.go-layout #go-main tr.Odd td {
  background: rgba(51, 68, 89, 0.28) !important;
  background-color: rgba(51, 68, 89, 0.28) !important;
}

body.go-layout #go-main .Even,
body.go-layout #go-main .Even td,
body.go-layout #go-main tr.Even td {
  background: rgba(6, 18, 23, 0.65) !important;
  background-color: rgba(6, 18, 23, 0.65) !important;
}

/* Inline / attribute parchment colors — NÃO zerar background-image (mata sprites/outfits) */
body.go-layout #go-main [bgcolor="#D4C0A1"],
body.go-layout #go-main [bgcolor="#d4c0a1"],
body.go-layout #go-main [bgcolor="#F1E0C6"],
body.go-layout #go-main [bgcolor="#f1e0c6"],
body.go-layout #go-main [bgcolor="#F1E0C5"],
body.go-layout #go-main [bgcolor="#f1e0c5"],
body.go-layout #go-main [bgcolor="#E4D0B1"],
body.go-layout #go-main [bgcolor="#e4d0b1"],
body.go-layout #go-main [bgcolor="#C4B091"],
body.go-layout #go-main [bgcolor="#FAF0D7"],
body.go-layout #go-main [bgcolor="#faf0d7"],
body.go-layout #go-main [bgcolor="#FFF0D9"],
body.go-layout #go-main [bgcolor="#fff0d9"],
body.go-layout #go-main [style*="#D4C0A1"],
body.go-layout #go-main [style*="#d4c0a1"],
body.go-layout #go-main [style*="#F1E0C6"],
body.go-layout #go-main [style*="#f1e0c6"],
body.go-layout #go-main [style*="#F1E0C5"],
body.go-layout #go-main [style*="#E4D0B1"],
body.go-layout #go-main [style*="#C4B091"],
body.go-layout #go-main [style*="#faf0d7"],
body.go-layout #go-main [style*="#FAF0D7"],
body.go-layout #go-main [style*="rgb(212, 192, 161)"],
body.go-layout #go-main [style*="rgb(241, 224, 198)"] {
  background-color: var(--bg-panel) !important;
  color: var(--text) !important;
}

body.go-layout #go-main [style*="border:1px solid #faf0d7"],
body.go-layout #go-main [style*="border: 1px solid #faf0d7"],
body.go-layout #go-main table[style*="#faf0d7"] {
  border-color: var(--border-table-cell) !important;
}

/* ===== Event / section pages (battlefield, wars, etc. — beat embedded <style>) ===== */
body.go-layout #go-main .section-box,
body.go-layout #go-main .battlefield-hero,
body.go-layout #go-main .battlefield-stat-box,
body.go-layout #go-main .battlefield-info-item,
body.go-layout #go-main .battlefield-rewards-box,
body.go-layout #go-main .stat-box,
body.go-layout #go-main .quick-access-item,
body.go-layout #go-main .char-preview-item,
body.go-layout #go-main .raid-item,
body.go-layout #go-main .guild-item,
body.go-layout #go-main .downloads-header,
body.go-layout #go-main .download-card,
body.go-layout #go-main .download-card-featured {
  background: var(--bg-panel) !important;
  background-image: none !important;
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--text) !important;
}

body.go-layout #go-main .section-header,
body.go-layout #go-main .battlefield-hero:hover,
body.go-layout #go-main .battlefield-stat-box:hover,
body.go-layout #go-main .battlefield-info-item:hover {
  background: var(--chrome-header-bg, #0c1520) !important;
  background-size: cover !important;
  border-color: var(--border) !important;
  transform: none !important;
  box-shadow: none !important;
}

body.go-layout #go-main .section-title,
body.go-layout #go-main .battlefield-hero h1,
body.go-layout #go-main .battlefield-rewards-title,
body.go-layout #go-main .battlefield-stat-number {
  color: var(--gold) !important;
  text-shadow: none !important;
  font-family: var(--font-display) !important;
}

body.go-layout #go-main .battlefield-hero-subtitle,
body.go-layout #go-main .battlefield-stat-label,
body.go-layout #go-main .battlefield-info-text,
body.go-layout #go-main .battlefield-text,
body.go-layout #go-main .battlefield-text p,
body.go-layout #go-main .section-content {
  color: var(--text) !important;
  background: transparent !important;
}

body.go-layout #go-main .battlefield-info-text strong,
body.go-layout #go-main .battlefield-text strong {
  color: var(--heading-sand) !important;
}

body.go-layout #go-main .battlefield-hero-image img {
  border: 1px solid var(--border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Generic light cards still used by old pages */
body.go-layout #go-main .card,
body.go-layout #go-main .panel,
body.go-layout #go-main .well,
body.go-layout #go-main .alert-light,
body.go-layout #go-main .bg-light,
body.go-layout #go-main .bg-white {
  background: var(--bg-panel) !important;
  background-color: var(--bg-panel) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* ===== FIX: outfits / items / textos visíveis (não cortar, não sumir) ===== */
body.go-layout #go-main .TableContentContainer,
body.go-layout #go-main .TableContentAndRightShadow,
body.go-layout #go-main .TableContentAndRightShadow1,
body.go-layout #go-main .InnerTableContainer,
body.go-layout #go-main .BoxContent,
body.go-layout #go-main .CaptionContainer,
body.go-layout #go-main .CaptionInnerContainer,
body.go-layout #go-main table,
body.go-layout #go-main td,
body.go-layout #go-main th {
  overflow: visible !important;
}

body.go-layout #go-main .Table30 {
  background: var(--bg-panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.go-layout #go-main .Table30 td {
  overflow: visible !important;
  color: var(--text) !important;
}

/* Outfits do character page: ferobra usa margin negativo que some com overflow */
body.go-layout #go-main img.outfitImgsell2,
body.go-layout #go-main img.outfitImgsell,
body.go-layout #go-main img.Outfit {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 4px auto !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  width: 64px !important;
  height: 64px !important;
  background: transparent !important;
}

body.go-layout #go-main img.CharItems,
body.go-layout #go-main img.SkillIcon,
body.go-layout #go-main img[src*="animoutfit.php"],
body.go-layout #go-main img[src*="AnimatedOutfits"],
body.go-layout #go-main img[src*="/images/shop/items/"],
body.go-layout #go-main img[src*="monsters/"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  background: transparent !important;
}

/* Highscores: slot 32x32 com outfit absoluto 64x80 — ampliar e não clipar */
body.go-layout #go-main div[style*="position: relative"][style*="width: 32px"] {
  width: 64px !important;
  height: 64px !important;
  overflow: visible !important;
}

body.go-layout #go-main div[style*="animoutfit.php"],
body.go-layout #go-main div[style*="AnimatedOutfits"] {
  opacity: 1 !important;
  visibility: visible !important;
  /* NÃO tocar background-image — vem do inline */
}

/* Textos marrons do tema antigo → legíveis no dark */
body.go-layout #go-main [style*="color:#5f4d41"],
body.go-layout #go-main [style*="color: #5f4d41"],
body.go-layout #go-main [style*="color:#8B4513"],
body.go-layout #go-main [style*="color: #8B4513"],
body.go-layout #go-main [style*="color:#5a5a5a"],
body.go-layout #go-main [style*="color: #5a5a5a"] {
  color: var(--text) !important;
}

body.go-layout #go-main .CaptionContainer .Text,
body.go-layout #go-main .CaptionInnerContainer .Text,
body.go-layout #go-main .Text {
  color: var(--heading-sand) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.go-layout #go-main p,
body.go-layout #go-main li,
body.go-layout #go-main label,
body.go-layout #go-main .LabelV,
body.go-layout #go-main .LabelV120,
body.go-layout #go-main .LabelV150,
body.go-layout #go-main .LabelV200,
body.go-layout #go-main .LabelV250,
body.go-layout #go-main small {
  color: var(--text) !important;
  visibility: visible !important;
}

body.go-layout #go-main td,
body.go-layout #go-main th {
  visibility: visible !important;
}

body.go-layout #go-main td:not([style*="color"]),
body.go-layout #go-main th:not([style*="color"]) {
  color: var(--text-table) !important;
}

body.go-layout #go-main a {
  visibility: visible !important;
}

body.go-layout #go-main font[color="red"],
body.go-layout #go-main [style*="color:red"],
body.go-layout #go-main [style*="color: red"],
body.go-layout #go-main [style*="color:#FF"],
body.go-layout #go-main [style*="color: #FF"] {
  color: var(--accent-red) !important;
}

body.go-layout #go-main font[color="green"],
body.go-layout #go-main [style*="color:green"],
body.go-layout #go-main [style*="color: green"] {
  color: var(--accent-green) !important;
}

body.go-layout #go-main font[color="yellow"],
body.go-layout #go-main [style*="color:yellow"],
body.go-layout #go-main [style*="color: yellow"] {
  color: var(--accent-yellow) !important;
}

/* Só remove GIF de pergaminho/sombra — nunca em outfits/itens */
body.go-layout #go-main [style*="scroll.gif"],
body.go-layout #go-main [style*="table-shadow"],
body.go-layout #go-main [style*="box-frame"],
body.go-layout #go-main [style*="table-headline-border"] {
  background-image: none !important;
}