/**
 * Campaign Styles for campaign #163830
 */

/** Style Fonts#1521 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@font-face {
    font-family: 'Linux Biolinum O';
    src: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/ffc67081-fc7d-41e9-9d33-54fface6bd19.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linux Biolinum O';
    src: url('https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/031dcf63-a71c-4cd0-b63c-86913f7d8566.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Optimus Princeps';
    src: url(https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/0286b621-f43b-446b-bfe6-994ffc309f87.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* For Biolinum */
b, strong {
	font-weight: 700;
}
/** End style Fonts#1521
/** Theme builder #2651 */
@layer theme {
:root {
  --a: 32 60% 43%;
  --af: 32 60% 23%;
  --ac: 0 0% 100%;
  --p: 13 63% 33%;
  --pf: 13 63% 13%;
  --pc: 0 0% 100%;
  --s: 167 91% 18%;
  --sf: 0 0% 0%;
  --sc: 167 91% 98%;
  --n: 42 5% 32%;
  --nf: 42 5% 12%;
  --nc: 0 0% 100%;
  --er: 0 62% 39%;
  --erc: 0 0% 100%;
  --wa: 23 55% 54%;
  --wac: 0 0% 0%;
  --in: 161 55% 31%;
  --inc: 0 0% 100%;
  --su: 134 44% 30%;
  --suc: 0 0% 100%;
  --si: 0 0% 13%;
  --sif: 0 0% 0%;
  --sic: 0 0% 93%;
  --b1: 0 0% 13%;
  --b2: 0 0% 3%;
  --b3: 0 0% 0%;
  --bc: 0 0% 93%;
}
}
/** End theme builder */
/** Style Main theme#1517 */
/* General spacing */
body {
  background-color: #333;
  line-height: 22px;
  font-size: 15px;
  --body-text: #444; /* gw */
  --body-text: #b7aa9c;
	--box-background: #222;
  --b2: 0 0% 6%;
  --b3: 0 1% 10%;
  --link-text: #bc9449;
}

.entity-submenu {
	--box-background: #e2e7ec; /* gw */
	--box-background: #222;
}

/* List spacing */
.entity-content li {
  margin-bottom: 5px;
}

a, .text-link {
	color: #c69c4d;
}
:is(a, .text-link):is(:hover, :focus, :active) {
	color: #916e2e !important;
}

/* More sensible headings */
hi, h2, h3, h4, h5, h6 {
  	margin: 1rem 0;
  	letter-spacing: initial;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
  	font-size: 15px;
	font-weight: bold;
}
h5 {
  	font-size: 15px;
	text-decoration: underline;
}
h6 {
  	font-size: 14px;
	text-decoration: underline;
}

blockquote, blockquote p {
	font-size: 15px;
}
.note-editable p {
	font-size: 15px;
}

/* Table headers and rows 
:is(.box-entity-entry, .entity-posts) .entity-content table:not(.rolltable) > tbody > tr > th {*/
.entity-content .table-bordered th {
	background-color: #2e2e2f;
	font-weight:bold;
}
/*:is(.box-entity-entry, .entity-posts) .entity-content table:not(.rolltable) > tbody > tr > td {*/
.entity-content .table-bordered td {
	background-color: #1c1c1c;
}
/* Table v-align */
.entity-content .table-bordered td {
	vertical-align: initial !important;
}

/* Hide stat blocks from tooltips but keep the names and tags */
.tooltip-content .attribute-mention {
  background-color: unset;
  color: inherit;
  padding: 0;
}

/* Fixed and fading alerts
.alert {
	position: fixed;
  	top: 60px;
	right: 10%;
  	width: 60%;
	z-index: 999;
    animation: hideAlerts 0s ease-in 7s forwards, fadeOutAlerts 5s ease-in 2s forwards;
}
@keyframes hideAlerts {
    to {
        width:0;
        height:0;
        padding: 0;
        border: none;
        overflow:hidden;
    }
}
@keyframes fadeOutAlerts {
  	from {
      	opacity: 1;
    }
    to {
      	opacity: 0;
    }
}
 */
#footer {
	background-color: #333;
	padding: 2rem 1rem;
}
/* footer center fix */
footer .grid {
    margin: 0 auto;
}

/* Tooltips */
.tippy-box .tippy-content {
	font-size: 15px;
	color: var(--body-text, hsl(var(--bc)/var(--tw-text-opacity)));
}
/** End style Main theme#1517
/** Style Dashboard, admin and forms#1555 */
/* Generic Background
@media screen {
	body:not([class*="kanka-entity"]) {
      	background-color: 05585c;
		background-image: url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/11d7544f-7b6c-41ce-a242-5a0d945e5d26.jpg");
		background-attachment: fixed;
      	background-size: cover;
	}
	body:not([class*="kanka-entity"]) #app {
		background-color: #ffffff4a;
	}
}
/* Header stuff*/
/* Header stuff*/
body:not([class*="kanka-entity"]) :is(.content-header, .mt-0, .text-base-content) {
	color: #eee;
}
body:not([class*="kanka-entity"]) .col-md-9 > .box-solid {
	margin-top: 5px;
}
/* Content boxes */
body:not([class*="kanka-entity"]) :is(.box-solid, .box.entity-submenu) {
	box-shadow: #333 2px 3px 2px;
}
/* Dashboard header */
.campaign-header.campaign-imaged-header .campaign-header-content {
	backdrop-filter: unset;
	-webkit-backdrop-filter: unset;
	background-color: rgba(0,0,0,.7);
}
.campaign-header.campaign-imaged-header :is(a.campaign-title, .preview a) {
	color: #e89224;
}
.campaign-header.campaign-imaged-header .campaign-title {
  	font-family: "Optimus Princeps";
	font-weight: bold;
}
/* Unfuck tables in preview widgets */
.widget-preview table {
	word-break: initial;
}

/* Hide Bookmarks link since I’m only using one as a temporary workaround to reach the main dashboard */
.sidebar-quick-links { display:none}
.sidebar-quick-link-1 {
	padding-left: 1.5rem;
}
/** End style Dashboard, admin and forms#1555
/** Style Thunderspire Entity View#3027 */
/* main content area */
#app, #main-content, .box {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.sidebar-collapse :is(#app, #main-content, .box) {
	background-position: left top;
}

body {
	--content-wrapper-background: transparent;
}

@media screen {
	@media (max-width: 768px) {
		body[class*="kanka"] #app {
			background-image: url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/e60e36df-748f-4335-ad87-3e3617552a02.webp");
		}
	}
	@media (min-width: 769px) {
		/*body[class*="kanka"] #app {*/
          #app {
			background-image: url("https://kanka-user-assets.s3.eu-central-1.amazonaws.com/campaigns/163830/eb088279-2eeb-472f-be14-241863cc0573.webp");
		}
	}

	/* Background under all posts and entry */
	.entity-grid .entity-main-block {
		padding: 10px 10px 20px 10px;
		background-color: #333;
		box-shadow: #111 -3px 3px 3px;
		border-radius: 5px;
	}
}
.entity-submenu .box {
	background-color: #ffffffd3;
	box-shadow: #222 3px 3px 3px;
	--submenu-hover-background: #ffffff64;
}
/* entity header */
.entity-header {
	min-height: 140px;
  	color: #eee;
}
.entity-header-line:not(.entity-tags)::before { /* Entity custom type */
	content: "➤ ";
}
.entity-header-sub a { /* Parent entity link */
	color: #ddd;
}

/* entity header with banner */
.entity-banner {
  	box-shadow: #777 0px 2px 2px;
}
.with-entity-banner .entity-header-line {
	color: #eee;
}
.entity-grid > .entity-header.with-entity-banner :is(.entity-name, .entity-title) {
	color: #eee;
	text-shadow: rgba(0,0,0,.8) 2px 2px 3px;
}

/* Nicer tag badges */
a[data-tag-slug] .badge {
	padding: 12px 10px;
}
a[data-tag-slug="thunderspire"] .bg-purple, a[data-tag-slug="thunderspire"].bg-purple {
	background-color: #444091 !important;
	color: #ddd !important;
}
a[data-tag-slug="classpath"] .bg-green, a[data-tag-slug="classpath"].bg-green {
	background-color: #537714 !important;
}

/* sidebar */
.pinned-attribute-empty {
	display: none;
}

/* More legible bold */
.entity-content b {
	color: #b7aaa4;
}
*[class*="unity"] b {
  color: inherit;
}

/* Tables */
.entity-content table th {
	background-color: #3e3026;
}
blockquote {
  	background-color: #0d0d0d75;
  	margin-bottom: 0.5rem;
}
/** End style Thunderspire Entity View#3027
/** Style HTML Inserter Shortcuts#1564 */
:root {
  --summernote-insert-custom-classes: "artefact-examine artefact-amelioration artefact-malediction callout-danger callout-feature callout-rappel";
  
  --summernote-insert-html-shortcuts: silver-coin gold-coin callout;
  --summernote-insert-html-silver-coin: Silver coin icon|||[img src='https://wiki.guildwars2.com/images/3/3c/Silver_coin.png' alt='pa' title='pièce d’argent' class='icoin'];
  --summernote-insert-html-gold-coin: Gold coin icon|||[img src='https://wiki.guildwars2.com/images/d/d1/Gold_coin.png' alt='po' title='pièce d’or' class='icoin']; /* for demo */
  --summernote-insert-html-callout: Callout block|||[blockquote class="callout-danger"][h4]Danger : Title[/h4][p]Description.[/p][/blockquote]
}
.icoin {
  display: inline;
  height:20px;
}
/** End style HTML Inserter Shortcuts#1564
/** Style Blockquotes#3030 */
.callout-danger, .callout-feature, .callout-rappel {
	border-color: #bf1414;
	font-size: 15px;
	position: relative;
}
.callout-danger::before, .callout-feature::before, .callout-rappel::before {
	font-size: 21px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	position: absolute;
	top: 7px;
	right: 9px;
}
:is(.callout-danger, .callout-feature, .callout-rappel) h4 {
	font-size: 17px;
	margin: 0;
	width: calc(100% - 20px);
}

blockquote[class^="callout"] {
	padding-block: .5rem;
	margin-bottom: 1em;
	outline: 1px solid #2d2c2c;
  	display: flow-root; /* To avoid overlap with floats */
}
blockquote[class^="callout"] > p:last-child {
	margin-bottom: 0;
}

.callout-danger {
	border-color: #bf1414;
}
.callout-feature {
	border-color: #b5a62d;
}
.callout-rappel {
	border-color: green;
}

.callout-danger::before {
	color: #cc0303;
	content: "\f071";/*warning*/
	font-size: 21px;
}
.callout-feature::before {
	color: #cebe38;
	content: "\f4a8";/*addendum*/
	font-size: 19px;
}
.callout-rappel::before {
	color: green;
	content: "\f5eb";/*arrow*/
	content: "\f4a5";/*notice*/
	font-size: 21px;
}

.callout-danger h4 {
	color: #bf0808;
}
.callout-feature h4 {
	color: #c4b32c;
}
.callout-rappel h4 {
	color: green;
}
/** End style Blockquotes#3030
/** Style Unity Power/Artifact Blocks#1520 */
div.unity-info-block.unity-info-block-artifact {
  section {
  	background-color: rgb(187, 184, 170);
  }
  h2 {
    background-color: rgb(17, 34, 40);
  }
  h3 {
    background-color: rgb(57, 81, 89);
  }
}
.kanka-tag-genericabilities .unity-info-block-power {
  h2 {
    background-color: #575881;
  }
  .arrow-up {
    border-bottom: 6px solid #575881;
  }
}
/* For iframes */
.entity-attributes-render {
  height: 500px;
  max-width: 520px;
}
body:not(:has(footer)), body[class*="kanka"]:not(:has(footer)) #app {
  background-image: unset !important;
  background: transparent !important;
}




/**** 




/* Quick fix for the annoying bold color tweak in entities *
.unity-power-block :is(p, ol, ul, table) b {
  color: #444;
}
.unity-power-block .arrow-up {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #c6922a;
}

.unity-power-block-content {
  background: #d8d2a7;/*#e8e4e2;*
}

/* Inconspicuous attribute mentions for automatic names *
.unity-power-block h3 .attribute.attribute-mention {
  background-color: unset;
  font-style: unset;
  color: unset;
}
.unity-power-block h3 .attribute.attribute-mention + .tooltip {
  display: none !important;
}
.unity-power-block h4 {
  background-color: #e6dace;
  font-family: 'Linux Biolinum O', sans-serif;
  font-size: 15px;
  padding: 5px;
  color: #111;
}

.unity-power-block .power-flavor {
  text-align: justify;
  font-style: italic;
  line-height: 125%;
}

.unity-power-block .embold {
  font-weight: bold;
  font-style: italic;
}

.unity-power-block.generic h3 {
  background-color: #575881;
}
.unity-power-block.generic .arrow-up {
  border-bottom: 6px solid #575881;
}

/* ARTIFACTS *
.unity-artifact-block {
  color: #111;
}
.unity-artifact-block-content {
  background: #bbb8aa;
}
.unity-artifact-block h3 {
  background-color: #112228;
}
.unity-artifact-block h4 {
  background-color: #395159;
  color: #ddd;
}
.unity-artifact-block :is(p, ol, ul, table) b {
  color: #222;
}
body:not(.kanka-tag-effetrevele) .entity-content .artefact-examine,
body:not(.kanka-tag-ameliorationrevelee) .entity-content .artefact-amelioration,
body:not(.kanka-tag-maledictionrevelee) .entity-content .artefact-malediction {
  display: none;
}
.unity-artifact-block .attribute {
  background-color: unset;
  color: inherit;
  pointer-events: none;
  font-style: unset;
  padding: 0;
}
.unity-artifact-block .attribute + .attribute {
  display: block;
}
.unity-artifact-block .unknown-attribute {
  display: none;
}
/* INVENTORY MODALS *
dialog:has(.unity-artifact-block) article > :is(:nth-child(1), :nth-child(2), :nth-child(3)) {
  display: none;
}

/* SCROLLS *
.unity-scroll-header span:last-child {
  padding-block: 5px;
  font-size: 16px;
  font-family: "Linux Biolinum O";
}

/* PRINT */
@media print {
  .unity-power-block {
    font-size: 13px;
	line-height: 110%;
  }
  .unity-power-block .power-flavor {
	line-height: 100%;
  }
  .unity-power-block h3 {
	font-size: 15px;
  }
  .unity-power-block h4 {
	font-size: 12px;
  }
  section {
    background-color: transparent !important;
  }
}
/** End style Unity Power/Artifact Blocks#1520
/** Style Abilities subpage column layout#1522 */
/* TO DO:
* fix printing part for the new UI
* Add tag-based printing options:
* - print-no-flavour removes the flavour text
* - print-no-color changes backgrounds to white (main) or light grey (headings) and adds borders if necessary to delimitate boxes and table cells
*/

/* Ability width */
#abilities {
	.ability {
		break-inside: avoid-column;
		width: clamp(350px, 100%, 450px);
	}
	/* Hide useless stuff */
	.parent-head, /* category rows */
	div:has(> .ability-name) i, /* visibility icon */
		div:has(> .ability-name) + div.hidden, /* ability type */
		.entity-content + div /* ability tags */ {
			display: none;
	}
	/* Columns */
	.box-abilities .parent-abilities {
		display: grid;
		grid-template-rows: masonry; /* Firefox only, with flag enabled */
	}
	.box-abilities {
		container: boxabilities / inline-size;
	}
	/* MOBILE & SMALL SCREENS */
	@container boxabilities (width > 700px) {
		.box-abilities .parent-abilities {
			grid-template-columns: 1fr 1fr;
		}
	}
	@container boxabilities (width > 1080px) {
		.box-abilities .parent-abilities {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
}

@media print {
	.entity-abilities {
		/* Basic page formatting */
		#app {
			margin-top: 0;
		}
		.entity-grid .entity-header {
			display: none;
		}
		.entity-grid .entity-main-block,.ability-box {
			padding: 0;
			grid-column: 1/span 3;
		}
		.unity-power-block-content, .unity-scroll-header {
			background: transparent;
		}
		#abilities {
			.flex.gap-5.flex-wrap:empty {
				display: none;
			}
			.ability {
				width: 100%;
			}
			.box-abilities .parent-abilities {
				grid-template-columns: 1fr 1fr;
				gap: 5px 15px;
			}
			.ability-box :is(.ability-name, .ability-header, .entity-grid .entity-header, .entity-submenu, .main-header, footer) {
				display: none;
			}
			.unity-power-block {
				break-inside: avoid;
			}
		}
	}
}
/** End style Abilities subpage column layout#1522
/** Style Plugin customizations#3348 */
/** plugin: Add Folder Icon to List Entities With Children in Nested View, custom fix **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1) {
	padding-right: 30px;
}
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 10px;
    position: absolute;
}

/* Drawer Sidebar */
:root {
	--drawer-bg-x: 25px;
	--drawer-w: 60px;
}
/* Highlight Drawer Sidebar sections */
@media (min-width:768px) {
	body:not(#map-body):not(.sidebar-collapse) {
		/* Full section line */
		.main-sidebar:hover li div span {
			color: #bba272;
		}
		/* Section icon */
		.main-sidebar:hover li div span:first-child {
			margin-right: 5px;
		}
		/* Section name */
		.main-sidebar:hover li div span:last-child {
			font-style: italic;
		}
	}
}

/* For transclusion iframes */
.entity-attributes-render {
  height: 500px;
  max-width: 520px;
}
body:not(:has(footer)), body[class*="kanka"]:not(:has(footer)) #app {
  background-image: unset !important;
  background: transparent !important;
}
/** End style Plugin customizations#3348
/** Style Special pages#5619 */
/* Automatic die numbers for random encounter table rows (Exploration du Labyrinthe) */
#rencontres-au-niveau-superieur + table,
#rencontres-au-niveau-inferieur + table {
	counter-reset: die 0;
	td:first-of-type {
		counter-increment: die 1;
	}
	td:first-of-type::before {
		content: counter(die, decimal) "";
	}
}
/** End style Special pages#5619
