@font-face {
	font-family: UnZialish;
	src: url(fonts/UnZialish.ttf);
}

body {
	font-family: Arial, sans-serif;
	background-color: transparent;
	color: #e0e0e0;
	padding: 2px;
}

h1.RCW-font {
	font-family: UnZialish;
	background-image: linear-gradient(180deg, darkorange, maroon);
	background-size: 100%;
	background-repeat: repeat;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	filter: brightness(1.7);
	text-shadow: blue 8px 8px 35px;
	font-size: 35px;
	font-weight: bold;
}

h1, h2 {
	text-align: left;
	color: #ffffff;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}

.roadmap-section {
    margin-bottom: 3rem;
}

.version-block {
	margin-bottom: 40px;
}

.version-title {
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #90caf9;
}

table {
	width: 100%;
	border: 1px solid #444;
	border-collapse: collapse;
	background-color: #111521;
	margin-top: 10px;
	table-layout: fixed;	
	border-radius: 15px 15px 0 0;	
	overflow: hidden;
}

td {
	border: 1px solid #444;
	padding: 12px;
	text-align: left;
	background-color: #1e1e1e;
}

th {
	background-color: #111521;
	padding: 12px;
	color: #ffffff;
	border: 1px solid #444;
	border-radius: 15px 15px 0 0;	
}

th.type-col, td.type-col {
	width: 150px;
}

.note {
    font-style: italic;
    font-size: 0.9em;
    color: #ccc;
}

.changelog-group {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #888;
    border-left: 6px solid #888;
    background: #354c5b;
    border-radius: 8px;
}

.changelog-group h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.show-more-button {
    background-color: #566c82;
    color: #fff;
    padding: 10px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    margin: 20px auto;
    display: block;
    font-weight: bold;
    font-size: 15px;
}

.show-more-button:hover {
    background-color: #6f88a1;
}

.type {
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 6px;
	display: inline-block;
	white-space: nowrap;
}

.fix {
	background-color: #e57373;
	color: black;
}

.feature {
	background-color: #81c784;
	color: black;
}

.improvement {
	background-color: #64b5f6;
	color: black;
}

.refactor {
	background-color: #ba68c8;
	color: black;
}

.other {
	background-color: #ffd54f;
	color: black;
}

.description {
	color: #e0e0e0;
	overflow-wrap: break-word;
}

.type::before {
    margin-right: 6px;
}

.fix::before {
    content: "🐞";
}

.feature::before {
    content: "✨";
}

.improvement::before {
    content: "📈";
}

.refactor::before {
    content: "🧹";
}

.other::before {
    content: "📌";
}

.status-todo { background-color: #c1e051; color: #856404; font-weight: bold; }

.status-progress { background-color: #56cce0; color: #0c5460; font-weight: bold; }

.status-done { background-color: #07da38; color: #155724; font-weight: bold; }

.status-fixed { background-color: #e95029; color: #33691e; font-weight: bold; }

.status-investigate { background-color: #db8ebe; color: #721c24; font-weight: bold; }

.status-regression { background-color: #c78335; color: #8b0000; font-weight: bold; }

.priority-high { background-color: #4f4f4f; color: #e74c3c; font-weight: bold; }

.priority-medium { background-color: #4f4f4f; color: #f39c12; }

.priority-low { background-color: #4f4f4f; color: #27ae60; } 

.note {
    font-style: italic;
    font-size: 0.9em;
    color: #ccc;
}

.type::before { 
    margin-right: 6px;
}

.status-todo::before {
    content: "📝";
}

.status-progress::before {
    content: "🔧";
}

.status-done::before {
    content: "✅";
}

.status-fixed::before {
    content: "🐞";
}

.status-investigate::before {
    content: "🔍";
}

.status-regression::before {
    content: "♻️";
}

.priority-high::before {
    content: "🔥";
}

.priority-medium::before {
    content: "⚠️";
}

.priority-low::before {
    content: "⏳";
}