/*
Theme Name: QMS Medicosmetics Việt Nam
Theme URI: https://qms.vn
Author: Hoàng Dũng
Description: Theme dược mỹ phẩm cao cấp cho QMS Medicosmetics Việt Nam. Tích hợp WooCommerce (giỏ hàng trượt, xem nhanh, thêm vào giỏ AJAX), trắc nghiệm da gợi ý sản phẩm, đánh giá khách hàng, đăng ký nhận tin và chỉnh toàn bộ nội dung trang chủ trong Tùy biến (Customizer).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: qms
Tags: e-commerce, woocommerce, custom-menu, custom-logo, one-column
*/

body { font-family: 'Inter', sans-serif; color: #1a1a1a; }
.serif-title { font-family: 'Playfair Display', serif; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #0B1E36; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #1A3B5C; }

.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Nav menu (wp_nav_menu) */
.qms-menu > li > a { display: block; padding: .5rem 0; border-bottom: 2px solid transparent; transition: color .2s, border-color .2s; }
.qms-menu > li > a:hover, .qms-menu > li.current-menu-item > a { color: #C5A059; border-color: #C5A059; }
.qms-menu .sub-menu { display: none; }

/* Price HTML from WooCommerce */
.qms-price del { color: #9ca3af; font-weight: 400; font-size: .8em; margin-right: .35rem; }
.qms-price ins { text-decoration: none; }

/* Loading state for add-to-cart buttons */
.qms-loading { opacity: .6; pointer-events: none; }

/* Toast */
#qmsToast { transition: opacity .3s, transform .3s; }

/* ---------- Generic content (pages, posts) ---------- */
.qms-content h1, .qms-content h2, .qms-content h3 { font-family: 'Playfair Display', serif; color: #0B1E36; margin: 1.5em 0 .6em; line-height: 1.25; }
.qms-content h1 { font-size: 2.25rem; }
.qms-content h2 { font-size: 1.75rem; }
.qms-content h3 { font-size: 1.35rem; }
.qms-content p, .qms-content ul, .qms-content ol { margin-bottom: 1em; line-height: 1.75; color: #4b5563; }
.qms-content ul { list-style: disc; padding-left: 1.5rem; }
.qms-content ol { list-style: decimal; padding-left: 1.5rem; }
.qms-content a { color: #2B5B84; text-decoration: underline; }
.qms-content img { border-radius: 1rem; height: auto; }

/* ---------- WooCommerce in brand colors ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt {
    background: #0B1E36 !important; color: #fff !important; border-radius: .75rem !important;
    padding: .85rem 1.5rem !important; font-size: .75rem !important; text-transform: uppercase; letter-spacing: .08em; font-weight: 600 !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #1A3B5C !important; }
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order { background: #C5A059 !important; color: #0B1E36 !important; }
.woocommerce div.product .product_title { font-family: 'Playfair Display', serif; color: #0B1E36; font-size: 2rem; }
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #0B1E36 !important; font-weight: 700; }
.woocommerce span.onsale { background: #C5A059 !important; color: #0B1E36 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: 'Playfair Display', serif; color: #0B1E36; }
.woocommerce ul.products li.product img { border-radius: 1rem; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: #C5A059; }
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: #C5A059; }
.woocommerce input.input-text, .woocommerce select, .woocommerce textarea, .woocommerce .select2-selection {
    border: 1px solid #d1d5db !important; border-radius: .5rem !important; padding: .6rem .75rem !important;
}
.woocommerce-breadcrumb { font-size: .8rem; color: #6b7280; }
.woocommerce .star-rating span::before, .woocommerce p.stars a { color: #fbbf24; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: #0B1E36; color: #fff; }