/* Lạc Yên – token giao diện theo thiết kế Claude Design 17/10 (A1, A21). Nạp sau cùng. */
:root{
	--ly-primary:#34c759;      /* nền, nút, tiêu đề lớn */
	--ly-primary-ink:#14803a;  /* chữ nhỏ, link, giá – đủ tương phản trên nền trắng */
	--ly-primary-soft:#eaf9ee;
	--ly-lime-soft:#efffd1;
	--ly-cream:#fdffeb;
	--ly-text:#1c2a1e;
	--ly-text-2:#3f5242;
	--ly-muted:#5a6b5c;
	--ly-line:#dfeee3;
	--ly-accent:#f5a623;       /* sao, huy hiệu */
	--ly-hot:#ff6a00;          /* flash sale, giá sốc */
	--ly-radius:12px;
	--ly-container:1200px;
	--primary-color:var(--ly-primary);
}
html body{color:var(--ly-text);background-color:#fffffb}
body :is(h1,h2,h3,h4,h5,h6){color:var(--ly-text)}
body a{color:var(--ly-primary-ink)}
body a:hover{color:var(--ly-primary)}
body :is(p,li,td,dd) {color:inherit}
body .is-divider{background-color:var(--ly-line)}
/* Nút chính */
body :is(.button.primary,.button.alt,.button.checkout,button.single_add_to_cart_button,#place_order,.checkout-button){background-color:var(--ly-primary) !important;border-color:var(--ly-primary) !important;color:#fff !important;border-radius:10px}
body :is(.button.primary,.button.alt,#place_order):hover{background-color:#2fb350 !important}
/* Tiêu đề section (Flatsome [title]) – Oswald 500 như thiết kế */
body .section-title-container{margin-bottom:20px}
body .section-title-main{font-weight:500 !important;font-size:34px !important;line-height:1.2 !important;letter-spacing:0;text-transform:none !important;color:var(--ly-text)}
body .section-title b{background-color:transparent !important;opacity:0}
@media (max-width:849px){body .section-title-main{font-size:28px !important}}
/* Khuyến mãi dành cho bạn: tiêu đề giao diện, không phải tiêu đề marketing */
body .khuyen_mai .section-title-main{font-family:var(--lacyen-font) !important;font-weight:800 !important;font-size:18px !important}
/* Giá */
body .price .amount,body .woocommerce-Price-amount{color:var(--ly-primary-ink)}
body del .woocommerce-Price-amount{color:var(--ly-muted)}
/* Khung nội dung 1200px */
body .container,body .row:not(.row-collapse):not(.row-full-width){max-width:calc(var(--ly-container) + 30px)}

/* ---------- Trang chủ ---------- */
/* A7 / A12: video nông trại trong khung, tự chạy lặp, không thanh điều khiển */
#index_video_mp4{display:block;width:100%;height:420px;object-fit:cover;border-radius:8px;background:#0b1a0f;pointer-events:none}
@media (max-width:849px){#index_video_mp4{height:auto;aspect-ratio:16/9}}
/* A28: chữ chạy Oswald 600 */
.runtext-container .text-container a{font-weight:600 !important;font-size:44px !important;line-height:1.2 !important;color:var(--ly-primary) !important;letter-spacing:.01em}
@media (max-width:849px){.runtext-container .text-container a{font-size:26px !important}}
/* A26: thanh cam kết dạng thẻ */
.row.camket{max-width:calc(var(--ly-container) + 30px)}
.row.camket > .col{padding:0 6px !important}
.row.camket > .col > .col-inner{background:#fff;border:1px solid var(--ly-line);border-radius:12px;padding:14px 16px !important;height:100%;box-shadow:0 1px 2px rgba(28,42,30,.04)}
.row.camket .icon-box-img .icon-inner{background:var(--ly-primary-soft);border-radius:10px;padding:6px}
.row.camket .icon-box-text h3,.row.camket .icon-box-text strong{font-size:14px;font-weight:700;color:var(--ly-text)}
.row.camket .icon-box-text p{font-size:12px;color:var(--ly-muted);margin:0}
@media (max-width:549px){.row.camket > .col{padding:4px !important}}
/* A27: Lạc Yên Foods tin rằng */
.nguon_cam_hung .text a{color:var(--ly-primary-ink) !important;font-weight:700;letter-spacing:.02em}
.nguon_cam_hung :is(h2,h3,.section-title-main){font-size:22px !important;font-weight:700 !important;color:var(--ly-text)}

/* ---------- Mobile: chống tràn ngang toàn site (UI-46/47/48 "cột 419px bị cắt mép phải") ---------- */
@media (max-width:849px){
	html,body{overflow-x:clip;max-width:100%}
	@supports not (overflow-x:clip){html,body{overflow-x:hidden}body{position:relative}}
	/* Nút hotline ở chân trang */
	/* Hàng nút hỗ trợ cuộn ngang, chỉ tràn tới đúng mép màn hình (trước đây -60px → trang rộng 419px) */
	html body .row.ho_tro .button_hotro > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z){margin-right:-31px !important;padding-right:31px !important;max-width:calc(100% + 31px) !important;overflow-x:auto !important}
	/* Slider bài viết ở chân trang */
	.row.home_news,.row.home_news.slider{overflow:hidden !important}
	/* Tab sản phẩm trang chủ: cuộn ngang trong khung */
	.home_product_tab .nav-pills,.home_product_tab .nav-outline{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}
	.home_product_tab .nav-pills::-webkit-scrollbar{display:none}
	.home_product_tab .tab-panels{overflow:hidden !important}
}

/* A31: danh mục – H1 tiêu đề (trước là H2), số sản phẩm, breadcrumb thẳng lề nội dung. */
h1.product_category_title { margin: 0 0 4px; font-size: 26px; font-weight: 800; line-height: 1.25; color: #1c2a1e; }
.product_category_count { margin: 0 0 14px; font-size: 14px; color: #5a6b5c; }
.product_category_count b { color: #1c2a1e; }
@media (min-width: 850px) {
	html body .shop-page-title .page-title-inner .woocommerce-breadcrumb { box-sizing: border-box; max-width: 1230px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; }
}
@media (max-width: 849px) {
	html body.tax-product_cat .product_category_count { margin: 2px 0 10px; padding: 0 21px; font-size: 13px; }
}