/*
Theme Name: CuzGem
Theme URI: https://cuzgem.com
Description: Child theme of Botiga, customized for CuzGem — fine natural gemstones and jewelry.
Author: CuzGem
Template: botiga
Version: 1.0.0
Text Domain: cuzgem
*/

:root {
	--cz-ink: #161311;
	--cz-charcoal: #211c19;
	--cz-charcoal-soft: #2b2420;
	--cz-stone: #6b6259;
	--cz-gold: #b98d3e;
	--cz-gold-light: #d8b876;
	--cz-ivory: #f6f2ec;
	--cz-white: #ffffff;
	--cz-line: #e7e0d5;
}

.cz-utility-bar {
	width: 100%;
	background: #161311;
	border-bottom: 1px solid #2b2420;
}

.cz-utility-bar__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 32px;
	display: flex;
	justify-content: flex-end;
}

.cz-utility-bar__menu {
	display: flex;
	align-items: center;
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cz-utility-bar__menu li {
	margin: 0;
}

.cz-utility-bar__menu a {
	display: block;
	padding: 9px 0;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: rgba(246, 242, 236, 0.7);
	text-decoration: none;
	transition: color 0.15s ease;
}

.cz-utility-bar__menu a:hover {
	color: #d8b876;
}

@media (max-width: 780px) {
	.cz-utility-bar__inner {
		padding: 0 20px;
		justify-content: center;
	}

	.cz-utility-bar__menu {
		gap: 14px;
		flex-wrap: wrap;
		justify-content: center;
		padding: 6px 0;
	}

	.cz-utility-bar__menu a {
		font-size: 11.5px;
	}
}