/*
Theme Name: Zenith Home
Theme URI: https://zenithhome.com.vn
Author: DTC Soft
Description: Theme WordPress cho Zenith Home — giải pháp nhà thông minh. Sản phẩm (catalog), danh mục, tin tức, công trình, giải pháp, form yêu cầu tư vấn. Giao diện chuyển từ bản HTML zenithhome.com.vn.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: zenithhome
*/

/* CSS giao diện nằm trong static/template/zenith/zenith.css — file này chỉ phần bổ sung cho WordPress */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: #6b7280; margin-top: 6px; }
.news-details-box img, .case-details-box img, .factory-details-box img, .product-information-box img { max-width: 100%; height: auto; }

/* Form yêu cầu tư vấn */
.zh-form-msg { margin-top: 12px; padding: 12px 16px; font-size: 14px; line-height: 1.5; display: none; }
.zh-form-msg.is-ok { display: block; background: rgba(18, 181, 229, .12); color: #0b2361; border-left: 3px solid #12b5e5; }
.zh-form-msg.is-err { display: block; background: rgba(220, 38, 38, .08); color: #b91c1c; border-left: 3px solid #dc2626; }
.inner-message .zh-form-msg.is-ok { color: #fff; }
.zh-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Kết quả tìm kiếm / trang trống */
.zh-empty { padding: 40px 0; font-size: 16px; color: #4b5563; }
.zh-search-form { display: flex; gap: 8px; max-width: 520px; margin: 0 0 24px; }
.zh-search-form input { flex: 1; height: 44px; padding: 0 14px; border: 1px solid #d1d5db; }
.zh-search-form button { height: 44px; padding: 0 20px; background: #0b2361; color: #fff; border: 0; cursor: pointer; }

/* Phân trang WordPress dùng lại kiểu .pagination-bar */
.pagination-bar ul li .current { font-weight: 700; }

/* Bản đồ trang web */
.zh-sitemap { columns: 2 260px; column-gap: 40px; }
.zh-sitemap section { break-inside: avoid; margin-bottom: 28px; }
.zh-sitemap h2 { font-size: 18px; margin: 0 0 10px; }
.zh-sitemap ul { list-style: none; margin: 0; padding: 0; }
.zh-sitemap li { padding: 4px 0; font-size: 14px; }

/* Danh sách trang con */
.zh-child-empty { color: #6b7280; }

/* Admin bar không che header dính */
body.admin-bar #fixedMenu.top-fixed { top: 32px !important; }
@media (max-width: 782px) { body.admin-bar #fixedMenu.top-fixed { top: 46px !important; } }

/* Sản phẩm liên quan (CSS nội tuyến của bản HTML) */
.related-products { width: 100%; margin-top: 20px; }
.related-products-t { margin-bottom: 10px; position: relative; overflow: hidden; }
.related-products-t::after { background-color: #eee; bottom: 10px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }
.related-products-t span { color: #00B4BE; font-size: 18px; line-height: 30px; display: inline-block; padding-right: 30px; position: relative; z-index: 1; }
.related-products ul { font-size: 0; }
.related-products ul li { font-size: 14px; width: 25%; display: inline-block; vertical-align: top; }
.related-products ul li .item { padding: 15px; }
.related-products ul li .item img { width: 100%; max-width: 500px; }
.related-products ul li .item .text { font-size: 14px; line-height: 20px; margin-top: 5px; }
@media screen and (max-width: 768px) { .related-products ul li { width: 50%; } }
.mail-anchor { width: 100%; position: relative; }
.mail-anchor #inquiry_area { position: absolute; top: -120px; }
.inner-message-row .item button.submitting { opacity: .6; cursor: progress !important; }