/*
Theme Name: Chea Child
Theme URI: https://chea.qodeinteractive.com
Description: A child theme of Chea
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: chea
Template: chea
*/

/* ---------- Vanessa's Sanctuary logo lockup ---------- */
.vs-logo {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	color: #fff;
}
.vs-logo__name {
	font-family: "Cormorant Garamond", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	letter-spacing: 0.34em;
	margin-right: -0.34em; /* cancel trailing letter-spacing so it centres */
	text-transform: uppercase;
	transition: color 0.4s ease;
}
.vs-logo__tag {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 8px;
	font-family: "Josefin Sans", sans-serif;
	font-size: 9px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.6em;
	text-transform: uppercase;
	color: #c9ab81;
}
.vs-logo__tag > span { margin-right: -0.6em; }
.vs-logo__tag::before,
.vs-logo__tag::after {
	content: "";
	width: 26px;
	height: 1px;
	background: currentColor;
	opacity: 0.8;
	transition: width 0.4s ease;
}
a:hover .vs-logo__name { color: #c9ab81; }
a:hover .vs-logo__tag::before,
a:hover .vs-logo__tag::after { width: 38px; }

/* Larger version for footer and side area */
.vs-logo--large .vs-logo__name { font-size: 34px; }
.vs-logo--large .vs-logo__tag { font-size: 10px; }
.vs-logo-link { display: inline-block; text-decoration: none; }

/* Mobile header */
.qodef-mobile-header-logo-link .vs-logo__name { font-size: 22px; }
.qodef-mobile-header-logo-link .vs-logo__tag { font-size: 8px; margin-top: 6px; gap: 8px; }
.qodef-mobile-header-logo-link .vs-logo__tag::before,
.qodef-mobile-header-logo-link .vs-logo__tag::after { width: 18px; }