:root {
	--solene-brown: #4d382a;
	--solene-taupe: #b7a997;
	--solene-ivory: #f4f1ea;
	--solene-white: #ffffff;
	--solene-bg: #4d382a;
	--solene-bg-soft: #5b4434;
	--solene-black: #21150e;
	--solene-gold: #b7a997;
	--solene-gold-light: #d3c7b7;
	--solene-cream: #f4f1ea;
	--solene-muted: rgba(255, 244, 223, 0.72);
	--solene-shadow: 0 22px 60px rgba(31, 20, 13, 0.28);
	--solene-radius: 8px;
	--solene-header-height: 74px;
	--font-body: "SoleneCalibri", Calibri, Arial, sans-serif;
	--font-heading: "SoleneCalibriBold", "Segoe UI", Arial, sans-serif;
	--font-ar-heading: "SoleneBileha", "SoleneCalibriBold", Arial, sans-serif;
	--font-bold: "SoleneCalibriBold", Calibri, Arial, sans-serif;
}

@font-face {
	font-family: "SoleneCalibri";
	src: url("../fonts/calibri.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SoleneCalibriBold";
	src: url("../fonts/calibrib.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SoleneBileha";
	src: url("../fonts/Bileha.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: var(--solene-header-height);
}

body.solene-site {
	margin: 0;
	background: var(--solene-bg);
	color: var(--solene-white);
	font-family: var(--font-body);
	font-size: 16px;
	letter-spacing: 0;
	padding-top: var(--solene-header-height);
}

html[lang^="ar"] body.solene-site,
body.rtl.solene-site {
	font-family: var(--font-body);
	direction: rtl;
}

body.solene-site h1,
body.solene-site h2,
body.solene-site h3,
body.solene-site strong,
body.solene-site button,
body.solene-site .button {
	font-family: var(--font-heading);
	letter-spacing: 0;
}

html[lang^="ar"] body.solene-site h1,
html[lang^="ar"] body.solene-site h2,
html[lang^="ar"] body.solene-site h3,
body.rtl.solene-site h1,
body.rtl.solene-site h2,
body.rtl.solene-site h3 {
	font-family: var(--font-ar-heading);
}

body.solene-site a {
	color: inherit;
	text-decoration: none;
}

img,
video {
	display: block;
	max-width: 100%;
}

.skip-link {
	position: fixed;
	left: 16px;
	top: -80px;
	z-index: 1000;
	background: var(--solene-gold);
	color: var(--solene-black);
	padding: 10px 14px;
	border-radius: var(--solene-radius);
	transition: top 0.2s ease;
}

.skip-link:focus {
	top: 16px;
}


.content-fallback {
	min-height: 60vh;
	padding: 80px 22px;
	text-align: center;
}

body.woocommerce-cart .content-fallback > h1,
body.woocommerce-cart main > h1,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .page-title {
	display: none !important;
}