/* FoxWorld Azul: complete visual layer for the existing MyAAC theme. */
body { background: radial-gradient(ellipse at 50% 0,#143762 0,#08172e 42%,#030a16 100%) fixed !important; color: #d6e8ff; }
#ArtworkHelper { padding-top: 8px; }
#FoxBanner { border: 1px solid #327ec4; box-shadow: 0 0 25px #0874b955; margin-bottom: 6px; }
#FoxBanner img { filter: hue-rotate(215deg) saturate(.85); }
.FoxBannerFallback { background: radial-gradient(ellipse at center,#174f8e,#041329 80%); border-color: #4c9dd9; }
.FoxBannerFallback strong { color: #e2f6ff; text-shadow: 0 0 18px #27adff,3px 3px #021124; }
.FoxBannerFallback small { color: #85cfff; }
.Content .Box { background: #123253; border-color: #3f759d; box-shadow: 0 5px 15px #0005; }
.Content .BoxContent { background-image: none !important; background-color: #0d223b !important; color: #d6e8ff; }
.Content .BorderTitleText { background-image: none !important; background: linear-gradient(#235987,#103252) !important; }
.HeaderPagesText { color: #c2edff; text-shadow: 1px 1px #041526,0 0 8px #2989bd; }
.Content a { color: #73caff; }
.Content a:hover { color: #c3f0ff; }
.Content th { background: #17456e; color: #e8f6ff; }
.Content .BoxContent td { color: #d6e8ff; }
.Content .BoxContent tr[bgcolor], .Content .BoxContent td[bgcolor] { background-color: #163453 !important; }
.Content .BoxContent table { border-color: #305b7d; }
.Content input:not([type=image]):not([type=submit]):not([type=button]), .Content select, .Content textarea { background: #071a2e; color: #e1efff; border: 1px solid #3672a0; border-radius: 3px; }
.Content .Odd { background: #153553 !important; }
.Content .Even { background: #0e2945 !important; }
.NewsTickerText, .NewsTickerDate { color: #d6e8ff; }
.InfoBar { color: #e9f6ff; }
#Menu .MenuButton { background-image: none !important; background: linear-gradient(#205780,#0c2948) !important; border-top: 1px solid #3977a3; }
#Menu .Button { background-image: none !important; background: #28628b !important; }
#Menu .Submenuitem { background: #0b2037; }
#Menu .Submenuitem:hover { background: #184669; }
#Menu .SubmenuitemLabel { color: #d0ebff !important; }
#Themeboxes .rank_header, #Themeboxes .donate_header, #Themeboxes .discord_header, #Themeboxes .fox-boosted-header { color: #c9ecff; text-shadow: 0 0 7px #359ed2; }
#Themeboxes .rank_content, #Themeboxes .donate_content, #Themeboxes .discord_content, #Themeboxes .fox-boosted-content { background-image: none !important; background-color: #0d233a; box-shadow: inset 1px 0 #30516d,inset -1px 0 #30516d; }
#Themeboxes .rank_text, #Themeboxes .fox-castle-content, #Themeboxes .fox-save-content, #Themeboxes .fox-boosted-slot span { color: #d5eaff; }
#Themeboxes .rank_text a, #Themeboxes .fox-castle-content a { color: #8ad3ff; }
#Themeboxes #FoxServerSaveTimer { color: #a6e4ff; text-shadow: 0 0 10px #128ac166; }
#Themeboxes .rank_button, #Themeboxes .donate_button, #Themeboxes .discord_button, #Themeboxes .fox-player-button { background-image: none !important; background: linear-gradient(#21587f,#0a2641) !important; border: 1px solid #5295c1; color: #def4ff; border-radius: 3px; box-shadow: inset 0 0 0 1px #071b30,0 2px 4px #0006; }
#Themeboxes .rank_button:hover, #Themeboxes .donate_button:hover, #Themeboxes .discord_button:hover, #Themeboxes .fox-player-button:hover { background: linear-gradient(#367dad,#154b73) !important; color: #fff; }
#Footer { color: #87a9ca; }
#Footer a { color: #a1dbff; }

/* Replace legacy green hover and beige table surfaces. */
#Menu .Submenuitem, #Menu .SubmenuitemLabel { background-color: #0b2037 !important; }
#Menu .Submenuitem:hover, #Menu .Submenuitem:hover .SubmenuitemLabel { background-color: #225a83 !important; color: #fff !important; }
.Content .TableContainer, .Content .TableContentContainer,
.Content .TableContent, .Content .InnerTableContainer { background-color: #f7fbff !important; color: #183b5c !important; }
.Content .TableContainer table, .Content .TableContainer td,
.Content .TableContainer tr[bgcolor], .Content .TableContent tr,
.Content .TableContent td, .Content .TableContainer .LabelV,
.Content .TableContainer label { background-color: #f7fbff !important; color: #183b5c !important; }
.Content .TableContent tr:nth-child(even) td { background-color: #eaf3fb !important; }
.Content .TableContainer .Text, .Content .TableContainer .CaptionContainer,
.Content .TableContainer th { background-color: #17456e !important; color: #fff !important; }
.Content .TableContainer a, .Content .TableContent a { color: #1763a0 !important; }
.Content .TableContainer a:hover, .Content .TableContent a:hover { color: #083a65 !important; }

/* Exclusive FoxWorld frames and account buttons. */
#Themeboxes .rank_header, #Themeboxes .donate_header,
#Themeboxes .discord_header, #Themeboxes .fox-boosted-header {
 background-image: none !important;
 background: linear-gradient(135deg,#245e8b,#102e4e 65%,#183f63) !important;
 box-sizing: border-box; border: 1px solid #78b9e5; border-bottom-color: #31658e;
 border-radius: 8px 8px 0 0; height: 45px; line-height: 45px;
 color: #fff; font-size: 15px; letter-spacing: .4px; text-align: center;
 text-shadow: 0 2px 2px #031223; box-shadow: inset 0 1px #ffffff30;
}
#Themeboxes .rank_bottom, #Themeboxes .donate_bottom,
#Themeboxes .discord_bottom, #Themeboxes .fox-boosted-bottom {
 background-image: none !important; background: #0d233a !important;
 box-sizing: border-box; height: 10px; margin-top: 0;
 border: 1px solid #78b9e5; border-top: 0; border-radius: 0 0 8px 8px;
 box-shadow: 0 4px 8px #0005;
}
#Themeboxes .rank_content, #Themeboxes .donate_content,
#Themeboxes .discord_content, #Themeboxes .fox-boosted-content {
 box-shadow: inset 1px 0 #78b9e5,inset -1px 0 #78b9e5;
}
#Loginbox #LoginTop, #Loginbox #LoginBottom,
#DownloadBox .SmallBoxTop, #DownloadBox .SmallBoxBottom {
 background-image: none !important; background: #102e4e !important;
 box-sizing: border-box; border: 1px solid #78b9e5;
}
#Loginbox #LoginTop, #DownloadBox .SmallBoxTop {
 border-bottom: 0; border-radius: 8px 8px 0 0;
}
#Loginbox #LoginBottom, #DownloadBox .SmallBoxBottom {
 position: absolute; left: -5px; border-top: 0; border-radius: 0 0 8px 8px;
}
#Loginbox .LoginBorder, #DownloadBox .SmallBoxBorder {
 background-image: none !important; background: #102e4e !important;
 box-sizing: border-box; border-left: 1px solid #78b9e5;
}
#Loginbox #BorderRight, #DownloadBox .BorderRight {
 border-left: 0; border-right: 1px solid #78b9e5;
}
#Loginbox #LoginButtonContainer, #Loginbox .Loginstatus,
#DownloadBox .SmallBoxButtonContainer { background-image: none !important; background-color: #102e4e; }
#Loginbox #LoginButton, #DownloadBox .MediumButtonBackground {
 background-image: none !important; background: linear-gradient(#2d719e,#123b61) !important;
 box-sizing: border-box; border: 1px solid #91d0f5; border-radius: 5px;
 box-shadow: inset 0 1px #ffffff30,0 2px 5px #0006;
}
#Loginbox #LoginButton:hover, #DownloadBox .MediumButtonBackground:hover {
 background: linear-gradient(#438ab8,#20527b) !important;
}
#Loginbox #LoginButtonOver, #DownloadButtonOver { background: none !important; pointer-events: none; }
#Loginbox #ButtonText { background-image: none !important; }
#Loginbox #ButtonText::after {
 content: attr(data-fox-label); display: block; line-height: 35px;
 color: #fff; font: bold 17px/35px Verdana,sans-serif; text-align: center;
 text-shadow: 0 2px 2px #04182c;
}
#LoginstatusText_2 { position: relative; height: 13px; cursor: pointer; background-image: none !important; }
#LoginstatusText_2 .LoginstatusText { background-image: none !important; }
#LoginstatusText_2::after {
 content: attr(data-fox-label); display: block; position: relative; z-index: 20;
 color: #e1f3ff; font: bold 11px/13px Verdana,sans-serif; text-align: center;
 pointer-events: none;
}
#LoginstatusText_2:hover::after { color: #fff; text-shadow: 0 0 5px #85ceff; }
#DownloadBox .MediumButtonText { opacity: 0; }
#DownloadBox .MediumButtonBackground::after {
 content: 'Download'; position: absolute; inset: 0; pointer-events: none;
 color: #fff; font: bold 17px/35px Verdana,sans-serif; text-align: center;
 text-shadow: 0 2px 2px #04182c;
}

/* Compact version of the exclusive FoxWorld controls. */
#Themeboxes .rank_header, #Themeboxes .donate_header,
#Themeboxes .discord_header, #Themeboxes .fox-boosted-header {
 height: 32px; line-height: 32px; font-size: 13px; letter-spacing: .2px;
 border-radius: 6px 6px 0 0;
}
#Loginbox #ButtonText::after,
#DownloadBox .MediumButtonBackground::after { font-size: 14px; }
#LoginstatusText_2::after { font-size: 10px; }
#Loginbox #LoginButton, #DownloadBox .MediumButtonBackground {
 height: 31px; top: 3px;
}
#Loginbox #ButtonText, #Loginbox #LoginButton .Button { height: 29px; }
#Loginbox #ButtonText::after,
#DownloadBox .MediumButtonBackground::after { line-height: 29px; }
#Themeboxes .rank_bottom, #Themeboxes .donate_bottom,
#Themeboxes .discord_bottom, #Themeboxes .fox-boosted-bottom { height: 7px; }

/* Clean menu frame; retain a divider between every page link. */
#Menu .LeftChain, #Menu .RightChain { display: none !important; }
#Menu #MenuTop, #Menu #MenuBottom {
 background-image: none !important; background: #102e4e !important;
 box-sizing: border-box; width: 180px; border: 1px solid #78b9e5;
}
#Menu #MenuTop { height: 8px; top: -8px; border-bottom: 0; border-radius: 6px 6px 0 0; }
#Menu #MenuBottom { height: 7px; border-top: 0; border-radius: 0 0 6px 6px; }
#Menu .MenuButton, #Menu .Submenu {
 box-shadow: -5px 0 0 #102e4e,5px 0 0 #102e4e,-6px 0 0 #78b9e5,6px 0 0 #78b9e5;
}
#Menu .SubmenuitemLabel { border-bottom: 1px solid #365e7c !important; }

/* Align the sidebar frame tops and standardize their action buttons. */
#ThemeboxesColumn { top: -4px !important; }
#Loginbox #LoginButton, #DownloadBox .MediumButtonBackground {
 width: 148px; height: 30px; border-radius: 4px;
}
#Loginbox #ButtonText { width: 146px; height: 28px; }
#Loginbox #ButtonText::after,
#DownloadBox .MediumButtonBackground::after {
 font: bold 12px/28px Verdana,Arial,sans-serif !important;
 letter-spacing: 0; color: #fff; text-shadow: 0 1px 2px #04182c;
}
#Themeboxes .rank_button, #Themeboxes .donate_button,
#Themeboxes .discord_button, #Themeboxes .fox-player-button {
 box-sizing: border-box; width: 148px; height: 30px;
 font: bold 12px/28px Verdana,Arial,sans-serif !important;
 border: 1px solid #91d0f5; border-radius: 4px; color: #fff !important;
 background: linear-gradient(#2d719e,#123b61) !important;
 text-shadow: 0 1px 2px #04182c;
 box-shadow: inset 0 1px #ffffff30,0 2px 5px #0006;
}
#Themeboxes .rank_button:hover, #Themeboxes .donate_button:hover,
#Themeboxes .discord_button:hover, #Themeboxes .fox-player-button:hover {
 background: linear-gradient(#438ab8,#20527b) !important;
}

/* Exclusive central panels and table frames, without the legacy ornaments. */
.Content .Corner-tl, .Content .Corner-tr, .Content .Corner-bl,
.Content .Corner-br, .Content .CornerWrapper-b { display: none !important; }
.Content .Border_1 { background-image: none !important; height: 0; }
.Content .Box {
 border: 1px solid #78b9e5; border-radius: 6px;
 background: #0d223b; box-sizing: border-box;
}
.Content .BorderTitleText {
 background: linear-gradient(135deg,#245e8b,#102e4e) !important;
 border-bottom: 1px solid #527f9f; border-radius: 5px 5px 0 0;
 height: 30px;
}
.Content .Border_2, .Content .Border_3 {
 margin: 0; border: 0; background: transparent !important;
}
.Content .BoxContent { box-sizing: border-box; max-width: 100%; padding: 10px; overflow-x: auto; }
.Content .TableContainer {
 width: 100%; max-width: 100%; box-sizing: border-box;
 border: 1px solid #6495b6; border-radius: 5px;
}
.Content .TableContainer .CaptionContainer,
.Content .TableContainer .CaptionInnerContainer {
 box-sizing: border-box; background: linear-gradient(#245e8b,#153b5c) !important;
 width: 100%; border-radius: 4px 4px 0 0;
}
.Content .TableContainer .CaptionContainer .Text {
 background: transparent !important; margin: 0; padding: 7px 10px;
 color: #fff !important; font: bold 13px/18px Verdana,Arial,sans-serif;
}
.Content .CaptionEdgeLeftTop, .Content .CaptionEdgeRightTop,
.Content .CaptionEdgeLeftBottom, .Content .CaptionEdgeRightBottom,
.Content .CaptionBorderTop, .Content .CaptionBorderBottom,
.Content .CaptionVerticalLeft, .Content .CaptionVerticalRight,
.Content .TableShadowContainerRightTop, .Content .TableShadowRightTop,
.Content .TableBottomShadow, .Content .TableBottomLeftShadow,
.Content .TableBottomRightShadow { display: none !important; }
.Content .TableContainer .Table1, .Content .TableContainer .Table2,
.Content .TableContainer .Table3, .Content .TableContainer .Table4,
.Content .TableContainer .Table5 {
 width: 100%; max-width: 100%; box-sizing: border-box;
 border: 0; border-spacing: 0;
}
.Content .TableContainer .Table3, .Content .TableContainer .Table5 { table-layout: fixed; }
.Content .TableContainer .InnerTableContainer {
 box-sizing: border-box; width: 100%; max-width: 100%; margin-left: 0; padding: 5px;
}
.Content .TableContentAndRightShadow, .Content .TableShadowContainer {
 background-image: none !important; margin-right: 0; box-sizing: border-box;
 max-width: 100%;
}
.Content .TableContentContainer {
 margin-right: 0; box-sizing: border-box; max-width: 100%;
 border: 1px solid #aac6dc; box-shadow: none !important;
}
.Content .TableContent { max-width: 100%; }
.Content .TableContent td { overflow-wrap: anywhere; }
.Content .TableContainer img { max-width: 100%; }

/* Readable form labels on the light table surfaces. */
.Content .BoxContent .TableContainer td,
.Content .BoxContent .TableContainer tr[bgcolor],
.Content .BoxContent .TableContainer td[bgcolor],
.Content .BoxContent .TableContainer .LabelV,
.Content .BoxContent .TableContainer label {
 background-color: #f7fbff !important; color: #183b5c !important;
}
.Content .BoxContent .TableContainer .TableContent tr:nth-child(even) td {
 background-color: #eaf3fb !important;
}
.Content .TableContainer input:not([type=image]):not([type=submit]):not([type=button]),
.Content .TableContainer select, .Content .TableContainer textarea {
 background-color: #fff; color: #183b5c; border-color: #6495b6;
}
.Content .TableContainer input::placeholder,
.Content .TableContainer textarea::placeholder { color: #536f85; opacity: 1; }
#Footer { color: #c4def2; }
#Footer strong { color: #fff; }

/* FoxWorld: alinhamento dos detalhes do personagem */
.Content .BoxContent .TableContainer .fox-character-details { table-layout: fixed; }
.Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td {
  vertical-align: top; padding: 0 !important;
}
.Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td:first-child { width: 180px !important; }
.Content .BoxContent .TableContainer .fox-character-details .InnerTableContainer {
  margin: 0 !important; padding: 8px !important; box-sizing: border-box;
}
.Content .BoxContent .TableContainer .fox-character-details .InnerTableContainer > table {
  width: 100% !important; border-spacing: 0; table-layout: auto;
}
.Content .BoxContent .TableContainer .fox-character-details .InnerTableContainer > table > tbody > tr > td { padding: 0 !important; }
.Content .BoxContent .TableContainer .fox-character-details .TableContentContainer { margin: 0 !important; }
.Content .BoxContent .TableContainer .fox-character-details .TableContent td {
  overflow-wrap: normal; word-break: normal; vertical-align: middle;
}
.Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td:first-child .TableContent { table-layout: auto; }
.Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td:first-child .TableContent td { padding: 4px !important; }
.fox-equipment-grid {
  display: grid; grid-template-columns: repeat(3, 40px); gap: 2px;
  width: 124px; margin: 0 auto; padding: 4px 0;
}
.fox-equipment-slot {
  width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #6495b6;
  background: #dceaf5; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.fox-equipment-slot img { display: block; width: 36px !important; height: 36px !important; object-fit: contain; }
.fox-equipment-value {
  display: flex; flex-direction: column; justify-content: center; text-align: center;
  font: 10px/14px Verdana, sans-serif; color: #183b5c; white-space: nowrap;
}
body {
    background: #252525 url('fox-assets/stone.png') repeat center top !important;
    background-size: auto !important;
}

/* FoxWorld: noticias, formularios e tabelas no celular. */
@media screen and (max-width: 1000px) {
  .Content .BoxContent { min-width: 0 !important; max-width: 100%; padding: 10px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .Content .BoxContent img { max-width: 100% !important; height: auto; }
  .Content .BoxContent iframe, .Content .BoxContent video { max-width: 100% !important; }
  .Content .BoxContent pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; }
  .Content .BoxContent p, .Content .BoxContent div { max-width: 100%; box-sizing: border-box; }
  .Content #News .BoxContent, .Content #news .BoxContent { min-height: 0; }
  .Content .NewsHeadlineBackground { height: auto !important; min-height: 32px; }
  .Content .NewsHeadlineText { height: auto !important; white-space: normal; overflow-wrap: anywhere; }
  .Content .BoxContent input:not([type=image]):not([type=checkbox]):not([type=radio]), .Content .BoxContent select, .Content .BoxContent textarea { max-width: 100%; box-sizing: border-box; font-size: 16px; }
  .Content .BoxContent textarea { width: 100%; }
  .Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
  .Content .BoxContent .TableContainer .fox-character-details > tbody > tr > td:first-child { width: 100% !important; }
}
@media screen and (max-width: 480px) {
  #ContentRow { padding-left: 8px !important; padding-right: 8px !important; }
  .Content .BoxContent { padding: 8px; }
  .Content .TableContainer .InnerTableContainer { padding: 3px; }
}

@media screen and (max-width: 1000px) {
  .Content #News .NewsHeadlineText, .Content #NewsArchive .NewsHeadlineText, .Content #FeaturedArticle .NewsHeadlineText { left: auto; top: auto; margin: 0 6px 0 140px; padding: 6px 0; }
}
@media screen and (max-width: 480px) {
  .Content #News .NewsHeadlineText, .Content #NewsArchive .NewsHeadlineText, .Content #FeaturedArticle .NewsHeadlineText { margin-left: 50px; padding-top: 24px; }
}

/* Standard MyAAC button captions must never receive input field styles. */
.Content .BoxContent .BigButtonText,
.Content .BoxContent .TableContainer .BigButtonText,
.Content .BoxContent .SmallBox .MessageContainer .BigButtonText {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffd18c !important;
    box-shadow: none !important;
}