/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 13 2025 | 11:44:11 */
#masthead {
	position: sticky;
    top: 0;
    z-index: 1000;
}
#site-navigation {
	position: sticky;
    top: 97px;
}
.admin-bar #masthead {
    top: 31px;
}
.admin-bar #site-navigation {
    top: 128px;
}
#masthead .inside-header {
	flex-direction: row !important;
    justify-content: space-between !important;
}
#masthead .custom-header-widget-left a {
	color: black;
	text-decoration: none;
	padding-left: 30px;
	position: relative;
}
#masthead .custom-header-widget-left a::before {
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url(https://jatekesmese.hu/wp-content/uploads/2024/10/phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#masthead .inside-header .site-logo,
#masthead .custom-header-widget-right {
	margin: 0 !important;
}
.custom-header-right-icon,
.custom-header-right-icon a {
	display: flex;
}
#masthead .custom-header-widget-right .wp-block-column {
	display: flex;
    align-items: center;
    column-gap: 20px;
}
.top-bar p {
	margin: 0 !important;
}
.custom-header-left-icon,
.custom-header-column-left {
	display: none !important;
}
.custom-header-widget-right .wc-block-mini-cart button.wc-block-mini-cart__button {
	padding: 0 !important;
}
.custom-header-widget-right .wc-block-mini-cart button.wc-block-mini-cart__button svg {
	height: 30px !important;
}
.custom-header-right-icon img {
	height: 25px !important;
    width: 25px !important;
}
.top-bar .inside-top-bar {
	flex-direction: column !important;
}
.top-bar .inside-top-bar aside {
	margin: 0 !important;
}
.wc-block-mini-cart__badge {
	color: white !important;
}

@media only screen and (max-width: 768px) {
	#masthead {
		top: 0 !important;
	}
	.inside-header {
		display: grid;
		grid-template-columns: 25% 50% 25%;
		padding: 10px !important;
	}
	.custom-header-widget-left,
	.custom-header-right-icon,
	#site-navigation button.menu-toggle {
		display: none;
	}
	.custom-header-left-icon,
	.custom-header-left-icon a {
		display: flex;
        margin: 0 !important;
	}
	.custom-header-left-icon, 
	.custom-header-column-left {
		display: flex !important;
	}
	.custom-header-column-left {
		margin: 0 !important;
	}
	.custom-header-column-left .wp-block-column {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.custom-nav-button {
		background-color: unset;
	}
	.custom-nav-button .menu-toggle {
		padding: 0 !important;
	}
	.site-header .header-image {
		width: 150px;
	}
	#masthead .custom-header-widget-right {
		justify-content: end;
	}
	#site-navigation {
		top: 78px !important;
	}
	.mobile-header-buttons {
		display: block !important;
	}
	#site-navigation.toggled {
		margin: 0 !important;
	}
	#site-navigation.toggled .inside-navigation {
		position: absolute !important;
		width: 100vw !important;
		left: 0 !important;
		background-color: #f7f8f9;
		padding: 0;
	}
	#site-navigation.toggled .inside-navigation #primary-menu {
		padding: 15px !important;
	} 
}