/*
Theme Name: JDM KDM USDM
Theme URI: https://jdmkdmusdm.com
Description: Kadence child theme for JDM KDM USDM. Adds the store sections (hero, part finder, origins, trust bar) and the product page details. Colours and fonts come from the Kadence global palette and typography in the Customizer.
Author: Web Nordique
Author URI: https://webnordique.com
Template: kadence
Version: 0.1.0
Requires at least: 6.6
Text Domain: jkd
*/

/* Colours and fonts are Kadence's own variables (Customizer, Global Palette and Typography),
   so a change there flows through every section below. */
:root {
	--jkd-red: var(--global-palette1, #d61f2b);
	--jkd-black: var(--global-palette3, #0e0f11);
	--jkd-text: var(--global-palette4, #15161a);
	--jkd-steel: var(--global-palette5, #2b2e34);
	--jkd-muted: var(--global-palette6, #686b72);
	--jkd-line: var(--global-palette7, #e1e1dc);
	--jkd-grey: var(--global-palette8, #f1f1ee);
	--jkd-on-dark: #d6d8dc;
	--jkd-ok: #1f7a45;
	--jkd-ok-bg: #e6f4ea;
	--jkd-radius: 8px;
	--jkd-display: var(--global-heading-font-family, "Saira Condensed", "Arial Narrow", Arial, sans-serif);
}

/* Room at the screen edges: 20px on phones, growing to 40px on laptops, so a 1440 screen doesn't put the logo
   and every section 20px from the edge. */
html:root { --global-content-edge-padding: clamp(1.25rem, 2.8vw, 2.5rem); }

/* Big screens: from 1800px the page widens to 1600px, so content doesn't float in a narrow middle column. */
@media (min-width: 1800px) {
	html:root {
		--global-content-width: 1600px;
		--global-calc-content-width: calc(1600px - var(--global-content-edge-padding) - var(--global-content-edge-padding));
	}
}

/* Very big screens (2560 monitors): from 2200px the page widens again to 1920px. */
@media (min-width: 2200px) {
	html:root {
		--global-content-width: 1920px;
		--global-calc-content-width: calc(1920px - var(--global-content-edge-padding) - var(--global-content-edge-padding));
	}
}

/* Yellow note on pages still waiting for Hamid's review. Remove the note block once the page is final. */
.jkd-draft-note {
	background: #fff6d6;
	border: 1px solid #f0d77a;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 14px;
}

/* Page areas each have their own file in assets/css: chrome.css (header, footer), home.css, shop.css, product.css. */