/*
Theme Name: HDGroup
Theme URI: https://hdgroup.io.vn/
Description: A workflow-ready Blocksy child theme for HDGroup multisite stores.
Author: HDGroup
Version: 1.3.72
Requires at least: 6.6
Requires PHP: 8.0
Template: blocksy
Text Domain: hdgroup
*/

/* Blocksy's active site globals are the source for the child theme and Elementor bridge. */
body,
body[class*="elementor-kit"],
.editor-styles-wrapper {
	--hdgroup-container-width: var(--theme-normal-container-max-width);
	--hdgroup-site-content-width: var(--theme-container-width);
	--hdgroup-primary: var(--theme-button-background-initial-color, var(--theme-palette-color-1));
	--hdgroup-secondary: var(--theme-button-background-hover-color, var(--theme-palette-color-2));
	--hdgroup-header-primary: var(--theme-palette-color-4);
	--hdgroup-accent: var(--theme-link-initial-color, var(--theme-palette-color-1));
	--hdgroup-link-hover: var(--theme-link-hover-color, var(--theme-palette-color-2));
	--hdgroup-body-font-size: var(--theme-font-size);
	--hdgroup-heading-font-size: calc(var(--theme-font-size) * 1.875);
	--hdgroup-display-font-size: clamp(2rem, 4.5vw, calc(var(--theme-font-size) * 3));
	--hdgroup-button-font-size: var(--theme-button-font-size);
	--hdgroup-font-family: var(--theme-font-family);
	--hdgroup-font-weight: var(--theme-font-weight);
	--hdgroup-price-font-weight: clamp(400, calc(var(--hdgroup-font-weight, 400) + 100), 500);
	--hdgroup-heading-font-weight: var(--theme-heading-font-weight, var(--theme-font-weight));
	--hdgroup-button-font-weight: var(--theme-button-font-weight);
	--hdgroup-text: var(--theme-text-color);
	--hdgroup-heading: var(--theme-headings-color);
	--hdgroup-muted: var(--theme-text-color);
	--hdgroup-surface: var(--theme-palette-color-8);
	--hdgroup-soft-surface: var(--theme-palette-color-7);
	--hdgroup-border: var(--theme-border-color);
	--hdgroup-focus: var(--theme-form-field-border-focus-color, var(--theme-palette-color-1));
	--hdgroup-on-primary: var(--theme-button-text-initial-color, var(--theme-palette-color-8));
	--hdgroup-radius: var(--theme-border-radius, 20px);
	--hdgroup-radius-image: var(--hdgroup-radius);
	--hdgroup-radius-control: var(--theme-form-field-border-radius, 30px);
	--hdgroup-radius-button: var(--theme-button-border-radius, 0px);
	--hdgroup-radius-menu: var(--theme-button-border-radius, var(--theme-border-radius, 0.5rem));
	--hdgroup-radius-pill: 999px;
	--hdgroup-hero-radius: var(--theme-border-radius, var(--hdgroup-radius, 1.25rem));
	--hdgroup-hero-margin-block: clamp(1.5rem, 3vw, 2.5rem);
	--hdgroup-hero-overlay: color-mix(in srgb, var(--e-global-color-hdg_header, var(--hdgroup-header-primary)) 34%, transparent);
	--hdgroup-shadow: 0 0.5rem 1.5rem color-mix(in srgb, var(--hdgroup-text) 8%, transparent);
	--e-global-color-primary: var(--hdgroup-primary);
	--e-global-color-secondary: var(--hdgroup-secondary);
	--e-global-color-accent: var(--hdgroup-accent);
	--e-global-color-text: var(--hdgroup-text);
	--e-global-color-hdg_heading: var(--hdgroup-heading);
	--e-global-color-hdg_header: var(--hdgroup-header-primary);
	--e-global-color-hdg_on_primary: var(--hdgroup-on-primary);
	--e-global-color-hdg_surface: var(--hdgroup-surface);
	--e-global-color-hdg_surface_alt: var(--hdgroup-soft-surface);
	--e-global-typography-text-font-family: var(--hdgroup-font-family);
	--e-global-typography-primary-font-family: var(--hdgroup-font-family);
	--e-global-typography-secondary-font-family: var(--hdgroup-font-family);
	--e-global-typography-accent-font-family: var(--hdgroup-font-family);
	--e-global-typography-text-font-size: var(--hdgroup-body-font-size);
	--e-global-typography-primary-font-size: var(--hdgroup-display-font-size);
	--e-global-typography-secondary-font-size: var(--hdgroup-heading-font-size);
	--e-global-typography-accent-font-size: var(--hdgroup-button-font-size);
	--e-global-typography-text-font-weight: var(--hdgroup-font-weight);
	--e-global-typography-primary-font-weight: var(--hdgroup-heading-font-weight);
	--e-global-typography-secondary-font-weight: var(--hdgroup-heading-font-weight);
	--e-global-typography-accent-font-weight: var(--hdgroup-button-font-weight);
	--e-global-typography-text-line-height: var(--theme-line-height);
	--e-global-typography-primary-line-height: var(--theme-line-height);
	--e-global-typography-secondary-line-height: var(--theme-line-height);
	--e-global-typography-accent-line-height: var(--theme-line-height);
	color: var(--hdgroup-text);
	font-family: var(--hdgroup-font-family);
}

@media (max-width: 58rem) {
	body,
	body[class*="elementor-kit"],
	.editor-styles-wrapper {
		--hdgroup-hero-margin-block: clamp(1.25rem, 3vw, 2rem);
	}
}

@media (max-width: 40rem) {
	body,
	body[class*="elementor-kit"],
	.editor-styles-wrapper {
		--hdgroup-hero-margin-block: 1.25rem;
	}
}

body,
#main-container {
	background-color: var(--hdgroup-surface);
}

body,
button,
input,
select,
textarea {
	font-family: var(--hdgroup-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--hdgroup-heading);
	font-family: var(--hdgroup-font-family);
}

button,
input[type="button"],
input[type="submit"],
.button {
	font-family: var(--hdgroup-font-family);
	font-weight: var(--hdgroup-button-font-weight);
}

a {
	color: var(--hdgroup-accent);
}

a:hover,
a:focus-visible {
	color: var(--hdgroup-link-hover);
}