/* TIBIA OTBR PREMIUM V4 - PREENCHIMENTOS LATERAIS */
/* Sem modificar bordas, imagens ornamentais ou dimensoes */


/* LOGIN: textura original recolorida somente no interior */
#MenuColumn #Loginbox #LoginButtonContainer,
#MenuColumn #Loginbox .Loginstatus:not(#LoginBottom) {
    background-image: url("../images/loginbox/loginbox-textfield-background-otbr-blue.gif") !important;
    background-repeat: repeat-y;
}

/* DOWNLOAD: textura original recolorida somente no interior */
#MenuColumn #DownloadBox .SmallBoxButtonContainer {
    background-image: url("../images/global/loginbox/loginbox-textfield-background-otbr-blue.gif") !important;
    background-repeat: repeat-y;
}

/* DISCORD: imagens originais sobre um preenchimento azul */
/* Mantem as dimensoes, cantos, bordas e botoes originais */
.discord .discord_header {
    background-image:
        url("../images/themeboxes/header-bg.png"),
        linear-gradient(to right,
            transparent 8px,
            #123651 8px,
            #123651 calc(100% - 8px),
            transparent calc(100% - 8px)) !important;
    background-repeat: no-repeat !important;
}

.discord .discord_content {
    background-image:
        url("../images/themeboxes/bgbox.png"),
        linear-gradient(to right,
            transparent 8px,
            #123651 8px,
            #123651 calc(100% - 8px),
            transparent calc(100% - 8px)) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}

.discord .discord_bottom {
    background-image:
        url("../images/themeboxes/header-bg-down.png"),
        linear-gradient(to right,
            transparent 8px,
            #123651 8px,
            #123651 calc(100% - 8px),
            transparent calc(100% - 8px)) !important;
    background-repeat: no-repeat !important;
}

/* Nenhuma alteracao nas molduras ou nos botoes */

/* Webshop: imagem recolorida, sem sobreposicoes */
#Themeboxes .Themebox[style*="premium/themebox.png"] {
    background-image: url("../images/themeboxes/premium/themebox_otbr_blue.png") !important;
}


/* OTBR V4 - CORRECOES LOGIN DOWNLOAD DISCORD 20261022 */

/* 1. Impedir sobreposicao verde dos botoes no hover. */
#MenuColumn #LoginButtonOver,
#MenuColumn #DownloadButtonOver {
    visibility: hidden !important;
}

/* 2. Restaurar as correntes ornamentais do Download. */
#MenuColumn #DownloadBox .SmallBoxBorder {
    background-image: url("../images/general/chain.png") !important;
    background-repeat: repeat-y !important;
}

/* 3. Impedir que o gradiente azul ultrapasse
      a moldura inferior do Discord. */
.discord .discord_bottom {
    background-image: url("../images/themeboxes/header-bg-down.png") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}


/* OTBR V4 - AJUSTE DOWNLOAD DISCORD V3 */

/* Download: mesmas imagens e alinhamento ornamental do Login. */
#MenuColumn #DownloadBox .SmallBoxTop {
    background-image: url("../images/general/box-top.gif") !important;
    background-repeat: no-repeat !important;
    left: -5px !important;
    top: -12px !important;
    width: 180px !important;
}

#MenuColumn #DownloadBox .SmallBoxBorder {
    background-image: url("../images/general/chain.png") !important;
    background-repeat: repeat-y !important;
    top: 0 !important;
    height: 39px !important;
    width: 8px !important;
}

#MenuColumn #DownloadBox .SmallBoxBorder:not(.BorderRight) {
    left: 0 !important;
}

#MenuColumn #DownloadBox .SmallBoxBorder.BorderRight {
    right: 9px !important;
}

#MenuColumn #DownloadBox .SmallBoxBottom {
    background-image: url("../images/general/box-bottom.gif") !important;
    background-repeat: no-repeat !important;
    top: 39px !important;
    left: -5px !important;
    width: 180px !important;
}

/* Discord: restaurar azul apenas na regiao interna inferior. */
.discord .discord_bottom {
    background-image:
        url("../images/themeboxes/header-bg-down.png"),
        linear-gradient(
            to right,
            transparent 8px,
            #123651 8px,
            #123651 calc(100% - 8px),
            transparent calc(100% - 8px)
        ) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center top, center top !important;
    background-size: 180px 50px, 100% 13px !important;
    background-color: transparent !important;
    overflow: hidden !important;
}


/* OTBR_PREMIUM_V4_GLOBAL_SHADOWS_20261022 */
/* Profundidade suave sem alterar molduras, dimensoes ou animacoes. */

/* Lateral esquerda: Login, Download e navegacao. */
#MenuColumn #Loginbox,
#MenuColumn #DownloadBox,
#MenuColumn #Menu {
    filter:
        drop-shadow(0 8px 12px rgba(0, 0, 0, .32))
        drop-shadow(0 0 9px rgba(222, 176, 91, .12));
}

/* Lateral direita: paineis e caixas informativas. */
#ThemeboxesColumn #Themeboxes,
#ThemeboxesColumn #RightArtwork {
    filter:
        drop-shadow(0 8px 12px rgba(0, 0, 0, .32))
        drop-shadow(0 0 9px rgba(222, 176, 91, .12));
}

/* Logo principal: profundidade adicional no contorno do conjunto.
   Preserva a animacao e os filtros originais da imagem. */
#LeftArtwork {
    filter:
        drop-shadow(0 9px 15px rgba(0, 0, 0, .48))
        drop-shadow(0 0 12px rgba(236, 186, 89, .14));
}