/**
Theme Name: Gomax
Theme URI: https://gomax.themeasy.co
Author: Themeasy
Author URI: https://themeasy.co
Description: GOMAX is a WooCommerce theme expertly designed for Fashion Clothing Stores. With its captivating design and intuitive interface, GOMAX easily adapts to various other industries, including Sporting Goods, Furniture, Pet Supplies, Electronics, and Auto Parts. This theme is meticulously optimized for both speed and search engines, ensuring your store not only looks great but also performs exceptionally. Crafted with a focus on driving conversions, GOMAX is your ultimate tool for turning visitors into loyal customers.
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, wide-blocks, full-width-template, sticky-post, microformats, custom-background, editor-style, footer-widgets, grid-layout, portfolio, blog, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-header, post-formats
Version: 1.1.2
Requires at least: 5.8
Tested up to: 5.8
Requires PHP: 7.4
Text Domain: gomax
Domain Path: /languages
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*----------------------------------------------

[Content Index]

1. Color
2. Typography

----------------------------------------------*/

/*----------------------------------------------
1. Color
----------------------------------------------*/

/* #region Color */

:root {

	/* Primary */
	--themeasy-primary-color: #3772ff;
	--themeasy-primary-10-color: #3772ff1a;
	--themeasy-primary-15-color: #3772ff26;
	--themeasy-primary-25-color: #3772ff40;
	--themeasy-primary-50-color: #3772ff80;
	--themeasy-primary-75-color: #3772ffbf;

	/* Secondary */
	--themeasy-secondary-color: #ff006e;
	--themeasy-secondary-10-color: #ff006e1a;
	--themeasy-secondary-15-color: #ff006e26;
	--themeasy-secondary-25-color: #ff006e40;
	--themeasy-secondary-50-color: #ff006e80;
	--themeasy-secondary-75-color: #ff006ebf;

	/* Auxiliary */
	--themeasy-accent-color: #cddcff;
	--themeasy-info-color: #0077b6;
	--themeasy-success-color: #38a3a5;
	--themeasy-danger-color: #e63946;

	/* Black & White */
	--themeasy-black-color: #151515;
	--themeasy-white-color: #ffffff;

	/* Background */
	--themeasy-primary-bg-color: var(--themeasy-white-color);
	--themeasy-secondary-bg-color: #f3f4f7;

	/* Border */
	--themeasy-primary-border-color: #e9e9f2;
	--themeasy-secondary-border-color: var(--themeasy-black-color);

	/* Text */
	--themeasy-primary-text-color: #495057;
	--themeasy-secondary-text-color: var(--themeasy-black-color);

	/* Button */
	--themeasy-primary-button-color: var(--themeasy-black-color);
	--themeasy-secondary-button-color: var(--themeasy-white-color);
}

::selection {
  color: var(--themeasy-white-color);
  background: var(--themeasy-primary-color);
}

/* #endregion Color */

/* #region Dark Mode */

:root .dark-mode {

	/* Background */
	--themeasy-primary-bg-color: var(--themeasy-black-color);
	--themeasy-secondary-bg-color: #2c2e33;

	/* Border */
	--themeasy-primary-border-color: #2c2e33;
	--themeasy-secondary-border-color: var(--themeasy-white-color);

	/* Text */
	--themeasy-primary-text-color: #a9aec3;
	--themeasy-secondary-text-color: var(--themeasy-white-color);

	/* Button */
	--themeasy-primary-button-color: var(--themeasy-white-color);
	--themeasy-secondary-button-color: var(--themeasy-black-color);
}

.dark-mode {
	background-color: var(--themeasy-primary-bg-color);
	color: var(--themeasy-primary-text-color);
}

@media (max-width: 991px) {

  :root .dark-mode-mobile {
  
    /* Background */
    --themeasy-primary-bg-color: var(--themeasy-black-color);
    --themeasy-secondary-bg-color: #2c2e33;
  
    /* Border */
    --themeasy-primary-border-color: #2c2e33;
    --themeasy-secondary-border-color: var(--themeasy-white-color);
  
    /* Text */
    --themeasy-primary-text-color: #a9aec3;
    --themeasy-secondary-text-color: var(--themeasy-white-color);
  
    /* Button */
    --themeasy-primary-button-color: var(--themeasy-white-color);
    --themeasy-secondary-button-color: var(--themeasy-black-color);
  }

	.dark-mode-mobile {
		background-color: var(--themeasy-primary-bg-color);
	  color: var(--themeasy-primary-text-color);
	}
}

/* #endregion Dark Mode */

/*----------------------------------------------
2. Typography - 优化版本
----------------------------------------------*/

/* #region Typography */

:root {
  --themeasy-primary-font: 'Lato', sans-serif;
  --themeasy-secondary-font: 'Lato', sans-serif; /* 改为统一使用Lato */
  --themeasy-text-font-size: 1rem;
  --themeasy-text-font-weight: 400;
  --themeasy-text-heading-font-weight: 600;
  --themeasy-text-button-font-weight: 600;
  --themeasy-text-bold-font-weight: 700;
}

/* 只保留 Lato 字体 - 精简版本 */
@font-face {
  font-family: 'Lato';
  src: local('Lato'), url('assets/fonts/presets/Lato-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato'), url('assets/fonts/presets/Lato-Normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato'), url('assets/fonts/presets/Lato-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 如果需要更多字重，可以保留这两个 */
@font-face {
  font-family: 'Lato';
  src: local('Lato'), url('assets/fonts/presets/Lato-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: local('Lato'), url('assets/fonts/presets/Lato-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* 删除以下字体定义：
- 所有 Roboto @font-face 规则
- 所有 NeueHaas @font-face 规则  
- 所有 Circular @font-face 规则
- 所有 Larken @font-face 规则
*/

/* #endregion Typography */