/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.website_mode .app-only-footer {
	display: none;
}


.app-only-footer {
	display: none;
	position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99;
}

html body.app_only_competition.website_mode .product-type-lottery form.cart, html body.app_only_competition.website_mode .product-type-lottery .lottery-question, html body.app_only_competition.website_mode .product-type-lottery .lottery-pn-answers {
	display: none !important;
}


.app-only-banner a {
	display: block; 
	width: 100%;
}

.app-only-banner {
	text-align: center;	
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.competition_app_element {
	display: none;
}

.disabled-emoji {
	pointer-events: none; 	
}

.disabled-emoji .interaction-counter {
	background-color: red;
}

.winners-city-social {
	color: #000000; text-align: center; margin-top: 20px;
}

.interaction-counter {
	color: #ffffff; 
	background-color: blue;
	padding: 1px 4px; 
	border-radius: 50px;
	min-width: 20px;
	font-size: 12px; 
	position: absolute;
	top: -5px;
	z-index: 4;
	right: 0;
}
.social_interactions_widget {
	text-align: center;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
	gap: 10px;
	background-color: #000000; 
	border-radius: 10px;
	padding: 10px;
}

.social_interactions_widget .emoji-int {
	font-size: 30px;
	cursor: pointer;
	z-index: 5;
	position: relative;
}