/* Ember: site-wide fixes for the stock templates, loaded on every page (twig/templates.header.html.twig). */

/* Header rows (<tr class="white"> on the dark vdarkborder bar): tibiacom's ".Content .BoxContent td" colours every
   cell dark brown, which beats the row's white text and leaves brown-on-grey headings. Give the cells the light text. */
.Content .BoxContent tr.white > td,
.Content .BoxContent tr.white > th,
.Content .BoxContent tr.white > td a,
.Content .BoxContent tr.white > th a,
tr.white > td, tr.white > th, tr.white > td a, tr.white > th a { color: #f4ece0; }

/* Discord invite button: fixed bottom-right corner on every page (added by twig/templates.header.html.twig). */
#ember-discord {
	position: fixed; right: 16px; bottom: 16px; z-index: 9999;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 16px; border-radius: 999px;
	background: #5865f2; color: #fff !important; text-decoration: none !important;
	font: bold 14px/1 Verdana, Arial, sans-serif;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
	transition: background .15s, transform .15s;
}
#ember-discord:hover { background: #4752c4; transform: translateY(-2px); }
#ember-discord svg { width: 20px; height: 20px; fill: currentColor; flex: none; }
@media (max-width: 600px) {
	#ember-discord { right: 12px; bottom: 12px; padding: 10px; }
	#ember-discord span { display: none; }
}
@media print { #ember-discord { display: none; } }

/* Morta logo instead of the Tibia sign (tibiacom template, top-left above the menu). The original <img> keeps its
   click-to-news link: padding pushes the Tibia picture out of view and the Morta logo is drawn as its background.
   The statues, the sign's bottom half and the "by CipSoft" tag are hidden. */
#LeftArtwork #TibiaLogoArtworkTop {
	top: 28px !important; left: -4px !important;
	width: 174px !important; height: 82px !important;
	box-sizing: border-box; padding-left: 174px;
	background: url(morta-logo.png) no-repeat center / contain;
}
#LeftArtwork #TibiaLogoArtworkBottom,
#LeftArtwork #Statue_1,
#LeftArtwork #Statue_2,
#LeftArtwork #LogoLink { display: none !important; }

/* Morta background (the client's skull splash, otclient/data/images/background.png) instead of the Tibia artwork.
   The template sets the Tibia picture inline on #ArtworkHelper, so !important is needed. Page colour matches the
   art's faded edges. */
body { background-color: #0d0906 !important; }
#ArtworkHelper { background-image: url(morta-background.jpg) !important; }

/* Newcomer box: "Create Account" label instead of "Join Tibia" (same tibiacom button art). */
#NewcomerBox .ButtonText { background-image: url(../../../templates/tibiacom/images/global/buttons/_sbutton_createaccount.gif) !important; }
/* Networks box: MyAAC's defaults point at Tibia's own Facebook page and @tibia on Twitter. Hidden until Morta has its own. */
#NetworksBox { display: none !important; }