/*
	Renders a link to the homepage with the store logo inside
	
	- Site Logo
	>	Views/Shared/Components/Logo/Default.cshtml

	BLOCK:		site-logo -> Always a link
	ELEMENT:	site-logo__image -> Could be a img or svg tag
	MODIFIER: - > Modifiers are implemented using specificity, cause we don't know from where the module will be called

	*/

	.site-logo { display: inherit }

	.site-logo__image {}


	/* Modifiers implementation */
	.site-header .site-logo {
		max-width: 112px;
		display: flex;
		transform: translateY(2px);
	}

	.site-header .site-logo svg {
		width: 100%;
		height: auto;
	}

	.site-footer .site-logo {}


	.stick .site-logo__image {
		fill: gainsboro;
	}