/*
Theme Name: Krittiya Garden
Theme URI: https://krittiyagarden.com
Author: Krittiya Garden
Author URI: https://krittiyagarden.com
Description: ธีม WordPress สำหรับร้านสมุนไพรและชาเพื่อสุขภาพ "ไร่กฤติยา" ออกแบบมาเพื่อใช้งานร่วมกับ WooCommerce รองรับการปรับแต่งข้อความและรูปภาพผ่าน Customizer ทั้งหมด เหมาะสำหรับเว็บไซต์ขายสินค้าสมุนไพรธรรมชาติ A clean, natural herbal e-commerce theme built for WooCommerce.
Version: 1.1.3
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krittiya-garden
Tags: e-commerce, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template, blog
*/

/*
 * หมายเหตุ: สไตล์หลักทั้งหมดอยู่ในไฟล์ assets/css/theme.css
 * ไฟล์ style.css นี้จำเป็นต้องมีเพื่อให้ WordPress รู้จักธีม
 * และเก็บเฉพาะ reset/base เบื้องต้นไว้
 */

:root {
	--kg-primary: #3f6b1e;
	--kg-primary-dark: #2f5417;
	--kg-dark: #1f3a16;
	--kg-darker: #16290f;
	--kg-accent: #e3922e;
	--kg-light: #f6f9f1;
	--kg-cream: #f3f0e6;
	--kg-text: #2b2b2b;
	--kg-muted: #6b7280;
	--kg-border: #e3e6dd;
	--kg-star: #f5a623;
	--kg-btn-buy: #f5821f;
	--kg-btn-buy-dark: #d96c0a;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: "Prompt", "Sarabun", "Helvetica Neue", Arial, sans-serif;
	color: var(--kg-text);
	background: #ffffff;
	line-height: 1.7;
	font-size: 16px;
}

a {
	color: var(--kg-primary);
	text-decoration: none;
	transition: color .2s ease;
}

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

img {
	max-width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Prompt", "Sarabun", sans-serif;
	font-weight: 600;
	line-height: 1.35;
	color: var(--kg-dark);
}

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

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--kg-dark);
	color: #fff;
	padding: 10px 18px;
	z-index: 100000;
}

.skip-link:focus {
	left: 10px;
	top: 10px;
}