@charset "utf-8";
/* CSS Document */

header .logo {
	height: 1.5rem; width: 10rem;
	background-image: url("../images/samsung.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

header .lang > * {
	height: 1.5rem; width: 1.5rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
	position: relative;
}

header .lang > *:nth-child(1) {
	background-image: url("../images/hu.png");
	margin-right: 0.5rem;
}
header .lang > *:nth-child(2) {
	background-image: url("../images/en.png");
}

[lang="hu"] header .lang > *:nth-child(1)::after,
[lang="en"] header .lang > *:nth-child(2)::after
{
	content: '';
	position: absolute;
	width: 100%; height: 0.25rem;
	left: 0; top: 2rem;
	background-color: #000;
}


header h1 {
	font-family: 'Samsung Sharp Sans';
	font-weight: bold;
	font-size: 4rem; line-height: 100%;
	margin-top: 0.5rem;
}

header .user, header .location {
	
	padding-left: 1.5rem;
	background-repeat: no-repeat;
	background-size: auto 1rem;
	background-position: left center;
	
}
header .user { background-image: url("../images/user.svg"); margin-top: 1rem; }
header .location { background-image: url("../images/shop.svg"); margin-top: 0.5rem; }

header .user > p, header .location > p {
	font-size: 1rem; line-height: 1.4rem;
	margin-right: 0.5rem;
}

header .user > a, header .location > a {
	width: 6rem; height: 1.4rem;
	border-radius: 0.7rem;
	background-color: var(--grey-40);
}
header .user > a:hover, header .location > a:hover {
	background-color: var(--blue);
	text-decoration: none;
}

header .user > a p, header .location > a p  {
	font-size: 0.7rem; line-height: 0.7rem;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

footer {
	margin: 4rem 0;
	font-size: 0.75rem; line-height: 120%;
	color: var(--grey-40);
}