/* -------------------------------------
----------------------------------------
LeapLoot
----------------------------------------
------------------------------------- */

.cookie-banner {
	background-color: #11161D !important;
	color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.cookie-banner-content {
	max-width: 1360px;	
	margin: 0 auto;
	padding: 24px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.cookie-btn-container {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	padding: 24px 0;
	gap: 12px;
}

button.cookie-btn.reject, button.cookie-btn.config {
	background: #11161d !important;
    color: #fff;
    border: 1.5px solid #fff;
	border-radius: 4px;
    cursor: pointer;    
    padding: 8px 64px;
	width: 100%;
}

button.cookie-btn.accept {
	background: #34FF4C !important;
    color: #11161D;    
	border-radius: 4px;
    cursor: pointer;    
    padding: 8px 64px;
	font-weight: 700;
	width: 100%;
}


/* Cookie Modal */

.cookie-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #11161d;
    color: #fff;
    padding: 40px;
    border-radius: 12px;
    z-index: 100;
    width: 90%;
    max-width: 960px;
}

.cookie-row {
	padding: 12px 0;
	border-bottom: 1px solid #ffffff1f;
}

.cookie-row:last-child {
	border-bottom: none;
}

input#preferenceCookies, input#analyticsAndPerformanceCookies, input#advertisementCookies, input#basicCookies  {
	margin-right: 8px;
}

input:disabled {
    cursor: default;
    background: #11161d !important;
    border: 1px solid #fff !important;
}

input#basicCookies:disabled {
    cursor: default;
    background: #11161d !important;
    border: 1px solid #fff !important;
}

span.accordion-title {
	cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

span.context {
	font-size: 12px;
	color: #fff;
	opacity: 0.8;
}

.cookie-owner {
	font-size: 12px;
	color: #fff;
	padding: 4px 0 12px;
}

@media (max-width: 660px) {

.cookie-modal {
    width: 90%;
}
.cookie-btn-container {
	display: flex;
    flex-direction: column;
	width: 100%;
}
}