/*
Theme Name: Tra cứu YHCTVN
Theme URI: https://sachyhctvn.ct.ws
Author: sachyhctvn
Description: Theme WordPress tra cứu YHCTVN, tài liệu dịch và nội dung học tập, tối ưu tra cứu và đọc trên mobile.
Version: 1.14.2-v29-45
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: tra-cuu-yhctvn
*/

/* ==================================================
   1. THIẾT LẬP CHUNG
================================================== */

*,
*::before,
*::after {
	box-sizing: border-box; /* Tính cả padding và border vào kích thước phần tử */
}

html {
	scroll-behavior: smooth; /* Cuộn trang mượt hơn */
}

body {
	margin: 0; /* Xóa khoảng trắng mặc định của trình duyệt */
}

img {
	max-width: 100%; /* Ảnh không vượt quá khung chứa */
	height: auto; /* Giữ đúng tỉ lệ ảnh */
}

/* Ẩn chữ dành cho trình đọc màn hình */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* YHCT custom buttons */
.yhctvn-btn-zalo,.yhctvn-pdf-button,.yhctvn-btn-pdf{background:#EE4D2D!important;color:#fff!important;border-color:#EE4D2D!important;}
.yhctvn-btn-zalo:hover,.yhctvn-pdf-button:hover,.yhctvn-btn-pdf:hover{opacity:.9;color:#fff!important;}

/* ==== YHCTVN final fixes: CTA, PDF button, product gallery, author archive ==== */
.yhctvn-product-btn,
.yhctvn-product-btn.is-primary,
.yhctvn-product-btn-zalo,
.yhctvn-product-btn-email,
.yhctvn-product-btn-messenger,
.yhctvn-product-btn-phone,
.tai-lieu-pdf-button,
.tai-lieu-pdf-panel__button,
.yhctvn-pdf-button,
.yhctvn-btn-pdf,
.yhctvn-btn-zalo{
	background:#EE4D2D!important;
	border-color:#EE4D2D!important;
	color:#fff!important;
}
.yhctvn-product-btn:hover,
.yhctvn-product-btn.is-primary:hover,
.tai-lieu-pdf-button:hover,
.tai-lieu-pdf-panel__button:hover{
	background:#d94325!important;
	border-color:#d94325!important;
	color:#fff!important;
}
.yhctvn-product-gallery-wrap{display:block;max-width:100%;}
.yhctvn-product-main-image{width:100%;max-height:520px;object-fit:contain;border:1px solid #eee;border-radius:14px;background:#fafafa;padding:10px;}
.yhctvn-product-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;margin-top:12px;}
.yhctvn-product-thumb{padding:0;border:1px solid #e5e5e5;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;}
.yhctvn-product-thumb img{width:100%;height:74px;object-fit:contain;display:block;background:#fafafa;}
.yhctvn-product-thumb.is-active{border-color:#EE4D2D;box-shadow:0 0 0 2px rgba(238,77,45,.15);}
.yhct-author-archive-grid{display:grid;grid-template-columns:1fr;gap:18px;margin:24px 0;max-width:960px;}
.yhct-author-card{display:flex;align-items:flex-start;gap:22px;padding:22px;border:1px solid #eee;border-radius:14px;background:#fff;}
.yhct-author-card__avatar{display:block;flex:0 0 120px;width:120px;height:120px;}
.yhct-author-card__avatar img,.yhct-author-card__avatar span{width:120px;height:120px;min-width:120px;max-width:120px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#f4f4f4;font-weight:700;font-size:36px;color:#8b3a3a;}
.yhct-author-card__body{flex:1;min-width:0;}
.yhct-author-card__title{margin:0 0 6px;font-size:26px;line-height:1.25;}
.yhct-author-card__position{font-weight:600;color:#666;margin-bottom:10px;}
.yhct-author-card__body p{font-size:16px;line-height:1.75;margin:0 0 16px;}

/* YHCT author meta fields */
.yhct-author-meta-list{display:grid;gap:14px;}
.yhct-author-meta-item{padding:12px 14px;border:1px solid #eee;border-radius:12px;background:#fff;}
.yhct-author-meta-label{font-weight:700;margin-bottom:6px;color:#333;}
.yhct-author-meta-value p{margin:0 0 8px;}
.yhct-author-meta-value p:last-child{margin-bottom:0;}
@media(max-width:600px){.yhct-author-card{gap:14px;padding:16px}.yhct-author-card__avatar{flex-basis:88px;width:88px;height:88px}.yhct-author-card__avatar img,.yhct-author-card__avatar span{width:88px;height:88px;min-width:88px;max-width:88px;font-size:30px}.yhct-author-card__title{font-size:22px;}}