/**
 * "Mái ấm" — lớp phủ token cho toàn theme Astra
 * Dán vào: Appearance > Customize > Additional CSS
 * (hoặc style.css của child theme)
 */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Lora:ital,wght@0,600;0,700;1,600&display=swap');

:root {
	--mai-am-primary: #1E6F53;
	--mai-am-primary-dark: #124F3A;
	--mai-am-primary-soft: #E4F0EA;

	--mai-am-accent: #DE8A3B;
	--mai-am-accent-soft: #FBEAD2;

	--mai-am-cta: #BE4F2C;
	--mai-am-cta-dark: #9B3D20;

	--mai-am-bg: #FBF6EC;
	--mai-am-surface: #FFFFFF;
	--mai-am-ink: #23302A;
	--mai-am-ink-soft: #5C6B62;
	--mai-am-border: #E8DFCB;
}

/* Nền trang chung */
body {
	background-color: var(--mai-am-bg);
	color: var(--mai-am-ink);
}

/* Khối nội dung / card dùng chung (Astra content area, WooCommerce card, v.v.) */
.ast-container,
.site-content,
.entry-content {
	color: var(--mai-am-ink);
}

/* Link mặc định */
a {
	color: var(--mai-am-primary);
}
a:hover {
	color: var(--mai-am-primary-dark);
}

/* Nút mặc định (submit, .ast-button, WooCommerce .button, form CTA...) */
button:not(.menu-toggle),
.ast-button:not(.menu-toggle),
.button,
input[type="submit"],
input[type="button"] {
	background-color: var(--mai-am-primary) !important;
	border-color: var(--mai-am-primary) !important;
	color: #FFFFFF !important;

	border-radius: 8px !important;

	font-family: 'Be Vietnam Pro', sans-serif !important;
	font-weight: 600 !important;

	transition: background-color 0.18s ease, transform 0.18s ease;
}
button:not(.menu-toggle):hover,
.ast-button:not(.menu-toggle):hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: var(--mai-am-primary-dark) !important;
	border-color: var(--mai-am-primary-dark) !important;
	transform: translateY(-1px);
}

/* Nút hành động khẩn cấp / gọi điện — dùng riêng ở đâu cần nhấn mạnh,
   thêm class "mai-am-cta" vào nút trong Elementor/Gutenberg khi cần */
.mai-am-cta {
	background-color: var(--mai-am-cta) !important;
	border-color: var(--mai-am-cta) !important;
}
.mai-am-cta:hover {
	background-color: var(--mai-am-cta-dark) !important;
	border-color: var(--mai-am-cta-dark) !important;
}

/* Tiêu đề */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', Georgia, serif;
	color: var(--mai-am-primary-dark);
}

/* Input / select toàn site */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
select,
textarea {
	border: 1px solid var(--mai-am-border) !important;
	border-radius: 8px !important;
	font-family: 'Be Vietnam Pro', sans-serif;
}
input:focus,
select:focus,
textarea:focus {
	border-color: var(--mai-am-primary) !important;
	box-shadow: 0 0 0 3px var(--mai-am-primary-soft) !important;
	outline: none;
}

/* Header site — thanh mảnh 2 màu như trên form tìm kiếm, tuỳ chọn */
.ast-header-break-point .main-header-bar,
.main-header-bar {
	border-bottom: 3px solid var(--mai-am-primary);
}

/* Widget / card / box dùng chung (Elementor box, WooCommerce product box...) */
.elementor-widget-container .elementor-panel,
.ast-box,
.woocommerce ul.products li.product {
	background: var(--mai-am-surface);
	border: 1px solid var(--mai-am-border);
	border-radius: 14px;
}

/* =========================================================
   Astra Mobile Menu - Hamburger
   ========================================================= */

.menu-toggle {
	background: transparent !important;
	border: 0 !important;
	color: #FFFFFF !important;
}


/* Hamburger bars */
.menu-toggle .menu-toggle-icon,
.menu-toggle .menu-toggle-icon::before,
.menu-toggle .menu-toggle-icon::after {
	background-color: #FFFFFF !important;
}


/* Astra alternate structure */
.ast-button-wrap .menu-toggle span,
.ast-button-wrap .menu-toggle span::before,
.ast-button-wrap .menu-toggle span::after {
	background-color: #FFFFFF !important;
}


/* Hover */
.menu-toggle:hover {
	background: transparent !important;
	color: #FFFFFF !important;
}