/* BrazzinOT Theme Overrides - New Identity (Dark Blue/Gold/Cyan) */
html {
    background: url('../images/header/brazzinot-bg.jpg') no-repeat center top fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-color: #051e3e !important; /* Dark Blue */
    height: 100%;
}

body {
    background: transparent !important;
    height: auto !important;
    min-height: 100% !important;
    margin: 0;
    padding: 0;
}

#ArtworkHelper {
    background-image: none !important;
    background-color: transparent !important;
    min-height: 100% !important;
}

/* Logo Adjustments */
#TibiaLogoArtworkTop {
    content: url('../images/header/brazzinot-logo.png');
    height: auto !important;
    width: 210px !important; 
    top: -17px !important;    
    left: -20px !important;  
    z-index: 100;
}

#ContentRow {
    top: 200px !important; 
}

#LeftArtwork {
    height: 180px !important;
    top: -180px !important;
}

#TibiaLogoArtworkBottom, #LogoLink, #Statue_1, #Statue_2 {
    display: none !important;
}

/* Menu Theme - Dark Blue & Gold */
.Submenu {
    background-color: #08111f !important; /* Very Dark Blue */
    border: 1px solid #cfaa7d !important; /* Gold/Bronze */
}

.SubmenuitemLabel {
    border-bottom: 1px solid #1c3a5e !important; /* Muted Blue separator */
}

.Submenu a:link, .Submenu a:visited {
    color: #4fe3e8 !important; /* Cyan */
}

.Submenu a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 5px #4fe3e8;
}

/* Fix for persistent hover effect in JavaScript-based menus */
.Submenuitem {
    background-color: transparent !important;
    transition: background-color 0.2s ease;
}

.Submenuitem:hover {
    background-color: #0b284b !important; /* Lighter Blue on hover */
}

/* Content Boxes */
.Content .Box {
    background-color: #0b1626 !important; /* Dark Blue */
    border-left: 2px solid #b38b4d !important; /* Gold */
    border-right: 2px solid #b38b4d !important; /* Gold */
}

.Content .BoxContent {
    background-color: #e7c292 !important; /* Keep parchment color for readability */
    color: #d8c5c5; 
    background-image: none !important;
}

.Content .BorderTitleText {
    background-image: none !important;
    background-color: #0f1d30 !important; /* Dark Blue Header faixa */
}

.Content th {
    background-color: #e7ebf0 !important; /* Dark Blue Table Header */
    color: #4fe3e8 !important; /* Cyan Text */
}

.Content .BoxContent td {
    color: #ece6e6; 
}

/* News Headlines */
.Content #News .NewsHeadlineDate,
.Content #News .NewsHeadlineText,
.Content #News .NewsHeadlineAuthor,
.Content #FeaturedArticle .NewsHeadlineDate,
.Content #FeaturedArticle .NewsHeadlineText,
.Content #FeaturedArticle .NewsHeadlineAuthor,
.Content #NewsArchive .NewsHeadlineDate,
.Content #NewsArchive .NewsHeadlineText,
.Content #NewsArchive .NewsHeadlineAuthor,
.NewsHeadlineDate,
.NewsHeadlineText,
.NewsHeadlineAuthor {
    color: #ffffff !important; 
    text-shadow: none !important;
}

/* Apply Scroll Background to News Content and Ticker */
.Content #News .BoxContent,
.Content #FeaturedArticle .BoxContent,
.Content #NewsArchive .BoxContent,
#NewsTicker .BoxContent {
    background-image: url('../images/content/scroll.gif') !important;
    background-color: #e7c292 !important; /* Fallback */
    color: #3a0b04 !important; /* Dark Text */
}

/* Force transparency on paragraphs to show scroll background */
.Content #News .BoxContent p,
.Content #FeaturedArticle .BoxContent p,
.Content #NewsArchive .BoxContent p,
.Content #News .BoxContent span,
.Content #FeaturedArticle .BoxContent span,
.Content #NewsArchive .BoxContent span,
#NewsTicker .BoxContent p,
#NewsTicker .BoxContent span {
    background-color: transparent !important;
    color: #3a0b04 !important;
}

/* Ensure Ticker Items keep their highlight colors (Odd/Even/Row) with segregation */
#NewsTicker .BoxContent .Row .Odd {
    background-color: rgba(179, 139, 77, 0.3) !important; /* Goldish tint for Odd */
}

#NewsTicker .BoxContent .Row .Even {
    background-color: rgba(11, 22, 38, 0.3) !important; /* Dark Blueish tint for Even */
}

/* Hover effect for better interactivity */
#NewsTicker .BoxContent .Row:hover .Odd,
#NewsTicker .BoxContent .Row:hover .Even {
    background-color: rgba(79, 227, 232, 0.2) !important; /* Cyan tint on hover */
}

/* Specifically for Ticker Items to have contrast if they had it before */
#NewsTicker .NewsTickerText {
    color: #3a0b04 !important; /* Dark Brown for readability on scroll bg */
}

.NewsHeadlineBackground * {
    color: #ffffff !important;
}

.Content #News .NewsHeadlineBackground,
.Content #FeaturedArticle .NewsHeadlineBackground,
.Content #NewsArchive .NewsHeadlineBackground {
    border: 1px solid #1c3a5e !important; /* Blue Border */
    background-color: #cfaa7d !important; /* Gold/Parchmentish background for headline strip? Or maybe keeping it simple */
}
/* Actually, let's keep headline background simple or standard */

/* Ensure white-text class always wins */
.white-text {
    color: #ffffff !important;
}

/* Garante que o texto seja escuro quando o fundo for claro (Odd/Even rows) */
.Content .BoxContent .Odd, 
.Content .BoxContent .Even,
.TableContainer .Odd,
.TableContainer .Even,
.TableContent td,
.TableContent tr td,
.BoxContent td,
.BoxContent p:not(.white-text),
.BoxContent span:not(.white-text),
.BoxContent div:not(.Submenu):not(.menuitem):not(.MenuButton):not(.white-text) {
    color: #000000 !important; /* Dark Brown/Black */
}

.BoxContent {
    color: #1a1613 !important;
}

.Content th, .TableContainer th, .CaptionContainer .Text {
    color: #4fe3e8 !important; /* Cyan */
}

/* Links */
.Content .BoxContent a {
    color: #004294 !important; /* Standard Link Blue for content */
}

.Content .BoxContent a:hover {
    color: #0063DC !important;
}

.Content a {
    color: #4fe3e8 !important; /* Cyan for dark backgrounds */
}

.Content a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 5px #4fe3e8;
}

/* Borders */
.Content .Border_1, .Content .Border_2, .Content .Border_3 {
    border-color: #08111f !important;
}

/* Corner Filters - Adjust to match Gold/Blue */
.Corner-tl, .Corner-tr, .Corner-bl, .Corner-br {
    /* Originally green, rotated 240deg gave purple. 
       Green is ~120deg. 
       Blue is ~240deg. 
       Gold is ~45deg/Yellow.
       
       If base is Green (120):
       +120 = 240 (Blue)
       -75 = 45 (Gold/Yellow)
       
       Let's try rotating to Blue first.
    */
    filter: hue-rotate(100deg) brightness(1.2) sepia(0.5) !important; /* Experimental for Gold/Blue look */
}

/* Buttons */
.BigButtonText {
    color: #4fe3e8 !important;
    text-shadow: 0 0 3px #000;
}

#PlayersOnline {
    color: #4fe3e8 !important;
}