/*
Theme Name: Hotsmoke
Theme URI: https://dev.hotsmoke.shop/
Author: Hotsmoke Team
Author URI: https://dev.hotsmoke.shop/
Description: Custom built theme replacing Webwave for Hotsmoke CBD Shop
Version: 1.0.1
Text Domain: hotsmoke
*/

:root {
	--site-accent-color: #324429;
	--site-text-color: #7F7F7F;
	--site-heading-color: #324429;

	--header-bg-transparent: transparent;

	--header-text-white: #ffffff;
	--header-text-dark: #333333;

	--nav-link-active: var(--site-accent-color);
	--nav-link-inactive: #8E8E8E;
	--lang-switch-color: #7F7F7F;

	--header-border-white: rgba(255, 255, 255, 0.4);
	--header-border-dark: rgba(0, 0, 0, 0.15);

	--header-height: 80px;

	/* Typography */
	--font-heading: 'Poppins', sans-serif;
	--font-body: 'Inter', sans-serif;

	/* Shared brand colours */
	--color-green: #324429;
	--color-green-dark: #3B4D36;
	--color-muted: #7F7F7F;
	--color-border: #E4E8DD;
	--color-bg-light: #F7F8EF;
	--color-bg-blog: #E4E8DD;
	--color-separator: #9BA68C;
	--color-error: #B85450;

	--color-white: #ffffff;
	--color-black: #333333;
	--color-text-primary: #404040;
	--color-text-secondary: #171717;
	--color-text-muted: #A3A3A3;
	--color-bg-white: #ffffff;
	--color-border-light: #E5E5E5;
	--color-variation-active: #E3E7DC;
	--max-width-site: 1440px;
	--color-border-muted: #D1D6CA;
}

/* Base Body Reset */
body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
	color: var(--site-text-color);
	background-color: var(--color-bg-light);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
	color: var(--site-heading-color);
	margin-top: 0;
}

a {
	color: var(--site-accent-color);
	text-decoration: none;
	transition: color 0.3s ease;
}

ul {
	padding-left: 15px;
}

/* --------------------------------------------------------------------------
   Layout Refinements & Global Helpers
   -------------------------------------------------------------------------- */

/* Push all page content below the fixed header, except the homepage which
   has a full-bleed hero that intentionally sits behind the header. */
.site-main {
	padding-top: 100px;
}

.page-template-home-page .site-main,
.home.page-template-home-page .site-main {
	padding-top: 0;
}

/* Default WP pages: keep content centered with consistent site gutters. */
body.page-template-default #primary.site-main {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	padding-left: 15px;
	padding-right: 15px;
}

body.page-template-default.woocommerce-account #primary.site-main {
	padding-bottom: 100px;
}

.container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 15px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	word-wrap: normal !important;
}