@import url('https://fonts.googleapis.com/css2?family=Laila:wght@300;400;500;600;700&display=swap');

/* Loginbox - estrutura canary adaptada tibiacom */
#Loginbox {
    position: relative;
    left: -47px;
    top: -4px;
    width: 208px;
    height: 105px;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    z-index: 110;
}
#Loginbox #LoginButton #ButtonText {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 48px;
    width: 177px;
    z-index: 15;
    cursor: pointer;
}
#Loginbox #LoginButtonContainer {
    margin-left: 0px;
    height: 105px;
    width: 208px;
    background-repeat: no-repeat;
}
#Loginbox #LoginButton {
    position: relative;
    top: 18px;
    left: 15px;
    height: 48px;
    width: 177px;
}
#Loginbox #LoginButton .Button {
    position: relative;
    top: 0px;
    left: 0px;
    width: 177px;
    height: 48px;
    visibility: hidden;
}
#Loginbox .Loginstatus {
    position: relative;
    top: -40px;
    left: 35px;
    height: 28px;
    width: 150px;
}
#Loginbox .LoginstatusText {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    pointer-events: none;
}
#Loginbox #LoginstatusText_2 {
    pointer-events: auto;
}
#Loginbox #LoginstatusText_2_1 {
    visibility: visible;
}
#Loginbox #LoginstatusText_2_2 {
    visibility: hidden;
}
.ImgPesquisarPersonagem {
  background: url(/images/imgbuscapersonagem/procurar.png) no-repeat;
  width: 94px;
  height: 30px;
  border: 0;
  margin-left: 200px;
  margin-top: -38px;
  position: absolute;
  z-index: 10;
}
.SmallMenuBox {
  z-index: 100;
}
#LeftArtwork #TibiaLogoArtworkTop {
  position: relative;
  top: -68px;
  left: -110px;
  height: 220px;
  width: auto;
  z-index: 101;
  cursor: pointer;
  border: 0;
}
.SubmenuitemLabel {
    margin: 0;
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 23px;
    border-bottom: 1px solid #505050;
    overflow: hidden;
    font-family: 'Laila', serif;
}
#BannerModal .modal-open .modal {
    z-index: 2060;
    --bs-backdrop-zindex: 2060;
}
.MobileTibiaLogo {
    position: relative;
    top: 0px;
    width: 90px;
    height: 110px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    background-image: url(../zinx-logo-artwork-top.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 999;
}
.main-site-container {
    margin: 35px auto;
}

.Content #FeaturedArticle #TeaserText {
	height: 100% !important;
}

/* Menu Font - Cor vermelha com contorno preto */
.MenuFont {
	color: #00ff00 !important;
}

/** Monster Boost & TOP Resets - imagens themeboxes/rank/ */
.main-themboxes.Themeboxes {
  position: relative;
}
#MonsterBoostThemebox {
  position: absolute;
  top: -220px;
  left: 5px;
  width: 208px;
  min-height: 200px;
  z-index: 10;
}
#MonsterBoostThemebox .lineUp { animation: 2s anim-lineUp ease-out infinite; }
@keyframes anim-lineUp {
  0% { opacity: 0; transform: translateY(80%); }
  20% { opacity: 0; }
  50% { opacity: 1; transform: translateY(0); }
  100% { opacity: 1; transform: translateY(0); }
}
#MonsterBoostThemebox #monsterBosstimetextBosstime {
  position: absolute;
  left: -100px;
  top: 8px;
  width: 75px;
  color: #fff;
  font-family: Verdana, Tahoma;
  font-size: 7.5pt;
  font-weight: 700;
  text-shadow: 0.1em 0.1em 0.08em #000;
  background: #2a333d6e;
  padding: 2px 6px;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  text-align: center;
}
#MonsterBoostThemebox #monsterboosttext {
  position: absolute;
  top: 8px;
  left: 30%;
  transform: translateX(-50%);
  width: 180px;
  color: #cddc39;
  font-family: Verdana, Tahoma;
  font-size: 7pt;
  font-weight: 700;
  text-shadow: 0.1em 0.1em 0.08em #000;
  text-align: center;
}
#MonsterBoostThemebox #monsterBosstimetextBosstimetimer {
  position: absolute;
  left: -110px;
  top: 32px;
  width: 102px;
  height: 36px;
  color: #fff;
  font-family: Verdana, Tahoma;
  font-size: 9px;
  font-weight: 700;
  text-shadow: 0.1em 0.1em 0.08em #000;
  background: #1de86333;
  padding: 4px 6px;
  border: 1px solid #ffffff26;
  border-radius: 8px;
}
#MonsterBoostThemebox #monsterboostloot {
  position: absolute;
  top: 18px;
  left: 15px;
  color: #fff;
  font-size: 7pt;
}
#MonsterBoostThemebox #monsterboostexp {
  position: absolute;
  top: 2px;
  left: 15px;
  color: #00f000;
  font-size: 7pt;
}
#MonsterBoostThemebox #creaturenameboost,
#MonsterBoostThemebox #bossnameboost {
  position: absolute;
  top: 75px;
  color: #00f000;
  font-family: Verdana, Tahoma;
  font-size: 7pt;
  font-weight: 700;
  text-shadow: 0.1em 0.1em 0.08em #000;
  z-index: 99;
}
#MonsterBoostThemebox #creaturenameboost { left: 25px; }
#MonsterBoostThemebox #bossnameboost { left: 95px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; }
#MonsterBoostThemebox .MonsterBoostRightArtwork {
  position: relative;
  width: 208px;
  height: 180px;
  margin-top: 85px;
}
#MonsterBoostThemebox .MonsterBoostPedestal {
  position: absolute;
  left: 0;
  top: 0;
  width: 208px;
  height: auto;
  max-width: 100%;
}
#MonsterBoostThemebox .MonsterBoostCreature {
  position: absolute;
  height: 64px;
  width: 64px;
  top: 15px;
  left: 35px;
  z-index: 15;
  cursor: pointer;
}
#MonsterBoostThemebox .MonsterBoostBoss {
  position: absolute;
  height: 64px;
  width: 64px;
  top: 15px;
  left: 110px;
  z-index: 15;
  cursor: pointer;
}

/* TOP Resets Rank - themeboxes/rank/ (fica parado, não puxa com monster) */
.rank {
  position: relative;
  z-index: 1;
  width: 208px;
  max-height: 367px;
  margin-bottom: 10px;
  margin-left: 25px;
}
.rank-tibiacom .rank_header {
  height: 45px;
  width: 208px;
  background-image: url('../images/themeboxes/rank/box_top.png');
  font-family: Verdana;
  font-weight: bold;
  color: #d5c3af;
  line-height: 45px;
  position: relative;
}
.rank-tibiacom .rank_header::before {
  content: "";
  display: block;
  position: relative;
  top: 12px;
  left: 26px;
  width: 156px;
  height: 30px;
  background-image: url('../images/themeboxes/rank/highscores.png');
  background-repeat: no-repeat;
  background-size: contain;
}
.rank-tibiacom .rank_bottom {
  height: 35px;
  width: 208px;
  margin-top: -21px;
  background-image: url('../images/themeboxes/rank/box_bottom.png');
}
.rank-tibiacom .rank_content {
  padding: 0 10px;
  width: 188px;
  max-height: 308px;
  background-image: url('../images/themeboxes/rank/box_bg.png');
}
.rank-tibiacom .rank_player {
  font-family: Verdana;
  color: #d5c3af;
  text-align: left;
  display: flex;
  align-items: center;
  padding: 10px 5px;
  position: relative;
}
.rank-tibiacom .rank_outfit {
  position: absolute;
  width: 64px;
  height: 64px;
  background-position: bottom right;
  background-size: contain;
  left: -5px;
  margin-top: -5px;
}
.rank-tibiacom .rank_text {
  margin-left: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 120px;
}
.rank-tibiacom .rank_text a {
  text-decoration: none;
  color: #d5c3af;
  animation: rank-glow 1.5s ease infinite;
}
.rank-tibiacom .rank_text a:hover { color: #fff; }
@keyframes rank-glow {
  0%, 100% { text-shadow: 0 0 1vw #FA1C16, 0 0 1vw #FA1C16; color: #FED128; }
  50% { text-shadow: 0 0 .1vw #800E0B; color: #806914; }
}
.rank-tibiacom .rank_status {
  position: absolute;
  right: 5px;
  margin-top: -18px;
  background-color: #ffc6893d;
  border: 2px solid #824c24;
  border-radius: 5px;
  width: 12px;
  height: 12px;
}
.rank-tibiacom .rank_button {
  height: 30px;
  width: 148px;
  border: 0;
  background: url('../images/themeboxes/rank/button.png');
  font-family: Verdana;
  font-weight: 100;
  color: #d5c3af;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 15px;
  margin-top: 10px;
}
.rank-tibiacom .rank_button:hover {
  background: url('../images/themeboxes/button_over.png');
  color: #fff;
}
.rank-tibiacom .rank_button::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: -6px;
  width: 148px;
  height: 30px;
  background-image: url('../images/themeboxes/rank/highscores.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ========== Account management + Shop (mesmo tema — laranja / #080300) ========== */
body.page-accountmanagement :is(#accountmanagement, #shop).Box,
body.page-accountmanagement :is(#accountmanagement, #shop) {
  --acc-border: #ff8c00;
  --acc-panel: #080300;
  --acc-panel2: #120800;
  --acc-text: #e8a858;
  --acc-text-dim: #c9954a;
  --acc-link: #6ab4ff;
  --acc-link-hover: #9fd4ff;
  border-left: 2px solid var(--acc-border) !important;
  border-right: 2px solid var(--acc-border) !important;
  background-color: var(--acc-panel2) !important;
  background-image: none !important;
  color: var(--acc-text);
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent {
  background-image: none !important;
  background-color: var(--acc-panel) !important;
  color: var(--acc-text) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent td,
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent p,
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent li {
  color: var(--acc-text) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent td[style*="text-align:center"][style*="font-size:17px"],
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent > div[style*="text-align:center"] td[style*="font-weight:bold"] {
  color: #ff9a2e !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .Border_1 {
  background-image: none !important;
  background-color: #140a02 !important;
  border-color: var(--acc-border) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BorderTitleText {
  background-image: none !important;
  background-color: #0c0601 !important;
  color: #ff9a2e !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .Border_2 {
  background-color: var(--acc-panel) !important;
  border-color: rgba(255, 140, 0, 0.35) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .Border_3 {
  border-top-color: rgba(255, 140, 0, 0.45) !important;
  border-bottom-color: rgba(255, 140, 0, 0.45) !important;
}

/* Cabeçalhos de secção: barra escura + moldura laranja (decorções gif ocultas) */
body.page-accountmanagement :is(#accountmanagement, #shop) .TableContainer .CaptionContainer {
  background-color: var(--acc-panel) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .TableContainer .CaptionInnerContainer {
  position: relative;
  background: linear-gradient(180deg, #140a02 0%, var(--acc-panel) 100%) !important;
  border: 2px solid var(--acc-border) !important;
  box-shadow:
    inset 0 0 0 1px rgba(80, 40, 10, 0.6),
    0 0 12px rgba(255, 140, 0, 0.12);
  box-sizing: border-box;
  min-height: 30px;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .TableContainer .CaptionInnerContainer .Text {
  color: #fff !important;
  text-shadow: 0 1px 2px #000 !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .TableContainer .CaptionInnerContainer > span {
  display: none !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .TableContentAndRightShadow,
body.page-accountmanagement :is(#accountmanagement, #shop) .TableShadowRightTop,
body.page-accountmanagement :is(#accountmanagement, #shop) .TableBottomShadow,
body.page-accountmanagement :is(#accountmanagement, #shop) .TableBottomLeftShadow,
body.page-accountmanagement :is(#accountmanagement, #shop) .TableBottomRightShadow {
  background-image: none !important;
  background-color: var(--acc-panel) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .TableContent,
body.page-accountmanagement :is(#accountmanagement, #shop) .TableContent[style*="faf0d7"] {
  border: 1px solid rgba(255, 140, 0, 0.65) !important;
  background-color: var(--acc-panel) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) table.Table3,
body.page-accountmanagement :is(#accountmanagement, #shop) table.Table5 {
  background-color: var(--acc-panel) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent th {
  background: linear-gradient(180deg, #1a0f06 0%, var(--acc-panel) 100%) !important;
  color: #ffd18a !important;
  border-color: rgba(255, 140, 0, 0.4) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent a {
  color: var(--acc-link) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent a:hover {
  color: var(--acc-link-hover) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .LabelV,
body.page-accountmanagement :is(#accountmanagement, #shop) .LabelV200,
body.page-accountmanagement :is(#accountmanagement, #shop) .LabelH {
  color: var(--acc-text-dim) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .LabelH {
  background: rgba(30, 18, 8, 0.95) !important;
  border-bottom: 1px solid rgba(255, 140, 0, 0.35) !important;
}

/* Nomes de personagem (Tibia / MyAAC) */
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent span[id^="CharacterNameOf"] {
  color: #ff9a2e !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent .BigBoldText,
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent .BigBoldText b {
  color: inherit;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .premiumbenefits > div,
body.page-accountmanagement :is(#accountmanagement, #shop) .premiumbenefits > div > div {
  color: #f0a850 !important;
  font-size: 11px;
}

/* SmallBox aviso registo */
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .Message {
  background-color: var(--acc-panel) !important;
  color: var(--acc-text) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameHorizontal,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameVerticalLeft,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameVerticalRight,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameEdgeLeftTop,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameEdgeRightTop,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameEdgeLeftBottom,
body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .BoxFrameEdgeRightBottom {
  background-color: rgba(255, 140, 0, 0.25) !important;
  background-image: none !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .SmallBox .MessageContainer {
  border: 2px solid var(--acc-border);
  box-shadow: 0 0 14px rgba(255, 140, 0, 0.08);
}

body.page-accountmanagement :is(#accountmanagement, #shop) input[type="text"],
body.page-accountmanagement :is(#accountmanagement, #shop) input[type="password"],
body.page-accountmanagement :is(#accountmanagement, #shop) input[type="email"],
body.page-accountmanagement :is(#accountmanagement, #shop) input[type="number"],
body.page-accountmanagement :is(#accountmanagement, #shop) input[type="search"],
body.page-accountmanagement :is(#accountmanagement, #shop) input[type="url"],
body.page-accountmanagement :is(#accountmanagement, #shop) textarea,
body.page-accountmanagement :is(#accountmanagement, #shop) select {
  background-color: #0a0502 !important;
  border: 1px solid rgba(255, 140, 0, 0.55) !important;
  color: #fff !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) input::placeholder,
body.page-accountmanagement :is(#accountmanagement, #shop) textarea::placeholder {
  color: #8a6a45;
}

/* Botões pill brilhantes — só estes (Create Character / tickets mantêm pele Tibia) */
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_gettibiacoins"],
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_logout"],
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="register"] .BigButton[style*="sbutton.gif"],
body.page-accountmanagement :is(#accountmanagement, #shop) #index_login .BigButton[style*="sbutton.gif"],
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="button_green.png"] {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  min-height: 36px !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_gettibiacoins"] .BigButtonOver,
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_logout"] .BigButtonOver,
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="register"] .BigButton[style*="sbutton.gif"] .BigButtonOver,
body.page-accountmanagement :is(#accountmanagement, #shop) #index_login .BigButton[style*="sbutton.gif"] .BigButtonOver,
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="button_green.png"] .BigButtonOver {
  display: none !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_gettibiacoins"] .BigButtonText,
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_logout"] .BigButtonText,
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="register"] .BigButton[style*="sbutton.gif"] .BigButtonText,
body.page-accountmanagement :is(#accountmanagement, #shop) #index_login .BigButton[style*="sbutton.gif"] .BigButtonText,
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="button_green.png"] .BigButtonText {
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;
  letter-spacing: 0.02em;
}

/* Get Coins — verde brilhante */
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_gettibiacoins"] {
  background-image: none !important;
  background: linear-gradient(180deg, #7ee07a 0%, #2aa82e 38%, #146618 100%) !important;
  border: 2px solid #b8ffb8 !important;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_gettibiacoins"]:hover {
  filter: brightness(1.1);
  box-shadow:
    0 4px 12px rgba(40, 200, 80, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Logout — vermelho brilhante */
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_logout"],
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="register"] .BigButton[style*="sbutton.gif"] {
  background-image: none !important;
  background: linear-gradient(180deg, #ff7a7a 0%, #c92020 40%, #6e0a0a 100%) !important;
  border: 2px solid #ffb0a0 !important;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="_sbutton_logout"]:hover,
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="register"] .BigButton[style*="sbutton.gif"]:hover {
  filter: brightness(1.08);
}

/* Shop / resgate — verde pill */
body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="button_green.png"] {
  background-image: none !important;
  background: linear-gradient(180deg, #7ee07a 0%, #2aa82e 38%, #146618 100%) !important;
  border: 2px solid #b8ffb8 !important;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BigButton[style*="button_green.png"]:hover {
  filter: brightness(1.1);
}

/* Login + Account lost — âmbar (não confundir com Register) */
body.page-accountmanagement :is(#accountmanagement, #shop) #index_login .BigButton[style*="sbutton.gif"] {
  background-image: none !important;
  background: linear-gradient(180deg, #f4b040 0%, #b86a18 45%, #5a3008 100%) !important;
  border: 2px solid #ffd080 !important;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

body.page-accountmanagement :is(#accountmanagement, #shop) #index_login .BigButton[style*="sbutton.gif"]:hover {
  filter: brightness(1.08);
}

/* Linhas de lista de personagens */
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent tr[style*="#080300"],
body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent tr[style*="#f1e0c6"] {
  background-color: var(--acc-panel) !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .BoxContent tr.LabelH + tr {
  border-top: 1px solid rgba(255, 140, 0, 0.25);
}

/* Create Account — formulário que aponta para criar conta */
body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="create"] .MediumButtonBackground {
  position: relative !important;
  background-image: none !important;
  background: linear-gradient(180deg, #e8a038 0%, #985010 48%, #4a2808 100%) !important;
  border: 2px solid #ff8c00 !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="create"] .MediumButtonOver {
  display: none !important;
}

body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="create"] .MediumButtonBackground::after {
  content: "Create Account";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff8e8;
  font: 700 12px Verdana, Arial, sans-serif;
  pointer-events: none;
  z-index: 25;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

body.page-accountmanagement :is(#accountmanagement, #shop) form[action*="create"] .MediumButtonText[type="image"] {
  opacity: 0.02;
  position: relative;
  z-index: 30;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .account-welcome-title {
  color: #cc5500 !important;
  font-weight: bold !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

body.page-accountmanagement :is(#accountmanagement, #shop) .premiumbenefits {
  display: flex;
  margin: 0 auto;
}

body.page-accountmanagement :is(#accountmanagement, #shop) .premiumbenefits > div {
  display: flex;
  align-items: center;
  flex: 1;
  margin: auto 5px;
}