/* COLOR PALETTE: Accent color is #ADF951 */
:root {
	--primary-accent:#ADF951;
	--primary-bg: #121212;
	--header-bg: #1B1F24;
	--text-dark: #121212;
}

body { background-color: var(--primary-bg); color: #fff; }
h1{
	color: var(--primary-accent) !important;
}
h1, h2 , h3{
	line-height: 1;
}
.bg-header-custom { background-color: var(--header-bg) !important; }
.card { background-color: #1e1e1e; border: 1px solid #282828; transition: transform 0.2s ease-in-out; }
.card:hover { transform: scale(1.05); box-shadow: 0 4px 15px rgba(173, 249, 81, 0.2); }
.card img { border-bottom: 1px solid #282828; }
.card-img-left { width: 80px; height: 80px; object-fit: cover; }
.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; }
.modal-body pre { white-space: pre-wrap; word-wrap: break-word; font-family: inherit; font-size: 1rem; }
.list-group-item-action:hover { background-color: #333 !important; }

/* Updated Button Styles */
.text-info, .modal-title.text-info { color: var(--primary-accent) !important; font-size: 20px;}
.btn-outline-info { 
	border-color: var(--primary-accent); 
	color: var(--primary-accent); 
}
.btn-outline-info:hover { 
	background-color: var(--primary-accent); 
	color: var(--primary-bg); 
}
.aspect{
	aspect-ratio: 1/1;
}
/* Pagination Styles */
.page-link {
	color: var(--primary-accent); /* Link color */
	background-color: #1e1e1e;
	border-color: #282828;
	transition: all 0.2s;
}
.page-link:hover {
	color: var(--text-dark); /* Text color on hover */
	background-color: var(--primary-accent);
	border-color: var(--primary-accent);
}
.page-item.active .page-link {
	color: var(--text-dark); /* Active text color */
	background-color: var(--primary-accent);
	border-color: var(--primary-accent);
}
.page-item.disabled .page-link {
	color: #6c757d;
	background-color: #1e1e1e;
	border-color: #282828;
}
h2 a{
	font-size: 18px;
}
.navbar-brand img { height: 30px; width: auto; }
.custom-thumb { width: 100px; height: 100px; margin-right: 10px; border-radius: 5px; }
.custom-thumb1 { width: 40px; height: 40px; margin-right: 10px; border-radius: 5px; }
.card-img-top{
	min-height: 149px;
	aspect-ratio: 1/1.1;
}
.cookies-notice {
	position:fixed;
	width: 350px;
	margin-left: calc(50% - 175px);
	height: 70px;
	bottom: -140px;
	font-size: 1rem;
	z-index: 400000;
	background-color: var(--header-bg);
	color: var(--bs-light);
	opacity: 0;
	transition: opacity ease-in-out 0.5s, bottom ease-in-out 1s;
	box-shadow: 2 2 10px rgba(0, 0, 0, 0.8);
	border: 1px solid #ffffff;
}

.cookies-notice-close {
	opacity: 1;
	bottom: 70px;
}

.cookies-notice-text {
  	font-size: 1rem;
}

.cookies-notice-button {
	padding: 10px;
	height: 45px;
}

.cookies-notice-button:hover {
  	background-color: var(--bs-warning);
}