/*
 Theme Name:   Kadence Child
 Theme URI:    https://www.stonemark.ae
 Description:  Child theme for Kadence, customized for Stonemark natural stone supply & installation.
 Author:       Stonemark
 Template:     kadence
 Version:      1.0.0
 Text Domain:  kadence-child
*/

/* =====================================================
   Color Palette
   ===================================================== */
:root {
	--sm-primary-dark: #4E443D;
	--sm-accent-bronze: #87664E;
	--sm-secondary: #8C7E69;
	--sm-background: #F5F2EE;
	--sm-text: #2B2118;
}

body {
	background-color: var(--sm-background);
	color: var(--sm-text);
}

/* =====================================================
   Typography
   ===================================================== */
body,
p,
a,
li,
span,
input,
textarea,
button {
	font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.site-title {
	font-family: 'Playfair Display', serif;
	color: var(--sm-primary-dark);
}

a {
	color: var(--sm-accent-bronze);
}

a:hover {
	color: var(--sm-primary-dark);
}

/* =====================================================
   Sticky Header
   ===================================================== */
.site-header,
.header-main-layout-1 {
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: var(--sm-background);
}

/* =====================================================
   Menu Spacing
   ===================================================== */
.main-navigation ul.primary-menu > li {
	margin-right: 36px;
}

.main-navigation ul.primary-menu > li:last-child {
	margin-right: 0;
}

.main-navigation ul.primary-menu > li > a {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* =====================================================
   CTA Button: "Get a Quote"
   ===================================================== */
.header-button .kt-button,
.sm-cta-button {
	background-color: var(--sm-accent-bronze);
	color: #FFFFFF;
	border: none;
	border-radius: 4px;
	padding: 12px 28px;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background-color 0.2s ease-in-out;
}

.header-button .kt-button:hover,
.sm-cta-button:hover {
	background-color: var(--sm-primary-dark);
	color: #FFFFFF;
}

/* =====================================================
   Section Spacing / Premium Feel
   ===================================================== */
.content-area section,
.kadence-row-layout-inner,
.entry-content > * {
	margin-top: 0;
}

section,
.kt-row-layout-inner-wrap {
	padding-top: 96px;
	padding-bottom: 96px;
}

@media (max-width: 768px) {
	.main-navigation ul.primary-menu > li {
		margin-right: 20px;
	}

	section,
	.kt-row-layout-inner-wrap {
		padding-top: 56px;
		padding-bottom: 56px;
	}
}