/* =====================================================================
   Khung trang chung (agent D) — Hỗ trợ / FAQ / Chính sách / Giới thiệu / WooCommerce.
   CHÉP CSS gốc enwintoptec.com (service-policy.html, cpfaq.html, about.html), scoped .wtd-src.
   Banner .yt_pingpai_banner + breadcrumb .yt_zliebiao_breadcrumb: CSS trong wt-blog.css; reset nền trong wt-solutions.css.
   ===================================================================== */
.wtd-src .yt_qa_container { max-width: 1300px; margin: 0 auto; padding: 20px; display: flex; gap: 20px; }
.wtd-src .yt_qa_breadcrumb { color: #666; font-size: 12px; margin-bottom: 15px; }
.wtd-src .yt_qa_sidebar { width: 200px; flex-shrink: 0; }
.wtd-src .yt_qa_menu { background: #fff; border: 1px solid #eee; border-radius: 4px; }
.wtd-src .yt_qa_menu_title:hover { background: #f6f8fb; }
.wtd-src .yt_qa_menu_title { padding: 12px 15px; font-size: 14px; color: #333; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.wtd-src .yt_qa_menu_title:after { content:">"; transform: rotate(90deg); transition: transform 0.3s; }
.wtd-src .yt_qa_menu_item.active .yt_qa_menu_title:after { transform: rotate(-90deg); }
.wtd-src .yt_qa_submenu { list-style: none; display: none; }
.wtd-src .yt_qa_menu_item.active .yt_qa_submenu { display: block; }
.wtd-src .yt_qa_submenu li { border-bottom: 1px solid #f5f5f5; }
.wtd-src .yt_qa_submenu li:last-child { border-bottom: none; }
.wtd-src .yt_qa_submenu li a { display: block; padding: 10px 15px 10px 25px; color: #666; text-decoration: none; font-size: 13px; transition: all 0.3s; }
.wtd-src .yt_qa_submenu li.active a, .wtd-src .yt_qa_submenu li a:hover { color: #e60012; background: #f8f8f8; }
.wtd-src .yt_qa_content { flex: 1; background: #fff; padding: 20px; border-radius: 4px; margin-top:-20px; }
.wtd-src .yt_qa_section h2 { font-size: 16px; margin-bottom: 15px; font-weight: 600; }
.wtd-src .yt_qa_section .number { font-weight: 600; margin-right: 10px; }
.wtd-src .yt_qa_group { margin-bottom: 30px; }
.wtd-src .yt_qa_group h3 { color: #333; margin-bottom: 15px; font-size: 16px; font-weight: bold; }
.wtd-src .yt_qa_item p { color: #707070; font-size: 14px; line-height: 30px; margin: 0px; }
.wtd-src .yt_qa_item { background-color: #f6f8fb; padding: 20px 20px; margin-bottom: 15px; border: 1px solid #eee; border-radius: 4px; }
.wtd-src .yt_qa_item h4 { color: #333; margin-bottom: 10px; font-size: 14px; font-weight: normal; }
@media (max-width: 768px) { .wtd-src .yt_qa_container { flex-direction: column; } }
@media (max-width: 768px) { .wtd-src .yt_qa_sidebar { width: 100%; } }
@media (max-width: 767px) { .wtd-src .content_faq_div { padding: 5px 15px!important; } }
@media (max-width: 767px) { .wtd-src .yt_qa_sidebar { flex: 0 0 auto!important; } }
.wtd-src .yt_qa_sidebar { position:relative }
.wtd-src .yt_qa_menu { position:sticky; top:100px; max-height:calc(100vh - 40px); overflow-y:auto }
.wtd-src .yt_qa_submenu a.active { color:#e74c3c; font-weight:700 }
.wtd-src .yt_qa_submenu a { transition:color .3s; display:block; padding:5px 0; text-decoration:none }
.wtd-src .yt_qa_submenu a:hover { color:#e74c3c }
@media (max-width:768px) { .wtd-src .yt_qa_menu { position:relative; top:0 } }
@media (max-width:768px) { .wtd-src .yt_qa_container { flex-direction:column } }
@media (max-width:768px) { .wtd-src .yt_qa_sidebar { width:100%; margin-bottom:20px } }
.wtd-src .yt_qa_container { display:flex; gap:30px }
.wtd-src .yt_qa_sidebar { flex:0 0 250px }
.wtd-src .yt_qa_content { flex:1 }
.wtd-src .content_faq_div { margin: 0 auto; padding: 36px 0 36px; }
.wtd-src .content_faq_div .tit { font-size: 24px; font-weight: 600; line-height: 28px; padding: 24px 0 12px; text-align: center; }
.wtd-src .content_faq_div .txt { color: #707070; font-size: 14px; line-height: 22px; text-align: left; }

/* ---- menu trái thu gọn được: tiêu đề nhóm (cam khi mở, như gốc) → ul.yt_qa_submenu (CSS gốc ở trên) ---- */
.wtd-src button.yt_qa_menu_title { width: 100%; border: 0; background: transparent; text-align: left; font-family: var(--wt-font); line-height: 1.5; min-height: 0; margin: 0; letter-spacing: 0; text-transform: none; font-weight: 400; border-radius: 0; box-shadow: none; }
.wtd-src .yt_qa_menu_item + .yt_qa_menu_item { border-top: 1px solid #f2f2f2; }
.wtd-src .yt_qa_menu_item.active > .yt_qa_menu_title { color: #f59600; }
.wtd-src .yt_qa_menu_title:after { font-size: 12px; color: inherit; }
.wtd-src .yt_qa_breadcrumb a { color: #666; }
.wtd-src .yt_qa_breadcrumb a:hover { color: #004896; }
.wtd-src .yt_qa_section h2 { color: #333; line-height: 1.5; }
.wtd-src .yt_qa_section h2 a { color: inherit; }
.wtd-src .yt_qa_section h2 a:hover { color: #f39800; }

/* ---- nội dung cũ bên trong khối (danh sách, ảnh, bảng, link) ---- */
.wtd-src .yt_qa_item { color: #707070; font-size: 14px; line-height: 30px; }
.wtd-src .yt_qa_item p + p { margin-top: 6px; }
.wtd-src .yt_qa_item strong, .wtd-src .yt_qa_item b { color: #333; font-weight: 600; }
.wtd-src .yt_qa_item a { color: #004896; }
.wtd-src .yt_qa_item a:hover { color: #f39800; }
.wtd-src .yt_qa_item ul, .wtd-src .yt_qa_item ol { margin: 4px 0 4px 1.4em; padding: 0; }
.wtd-src .yt_qa_item ul li { list-style: disc; }
.wtd-src .yt_qa_item ol li { list-style: decimal; }
.wtd-src .yt_qa_item li { margin: 0; padding: 0; line-height: 30px; }
.wtd-src .yt_qa_item h3, .wtd-src .yt_qa_item h4, .wtd-src .yt_qa_item h5 { color: #333; font-size: 15px; font-weight: 600; margin: 10px 0 4px; }
.wtd-src .yt_qa_item img { max-width: 100%; height: auto; display: block; margin: 12px auto; border-radius: 4px; }
.wtd-src .yt_qa_item table { width: 100%; border-collapse: collapse; margin: 10px 0; }
.wtd-src .yt_qa_item th { background-color: #dc3545; color: #fff; padding: 8px; text-align: left; font-weight: 400; }
.wtd-src .yt_qa_item td { padding: 8px; color: #333; }
.wtd-src .yt_qa_item tr:nth-child(even) td { background: #f2f2f2; }
.wtd-src .yt_qa_item .wtp-lead { margin-bottom: 6px; }
.wtd-src .yt_qa_item .wtp-more a { color: #f39800; }
.wtd-src .yt_qa_item > *:first-child { margin-top: 0; }

/* ---- Giới thiệu: chỉ bọc banner, nội dung giữ style Flatsome ---- */
.wtp-about { padding: 0; }

/* ---- WooCommerce: form giữ nguyên, chỉ chừa khoảng như gốc ---- */
.wtp-woo { padding-top: 40px; padding-bottom: 60px; }
.wtp-woo .woocommerce-form-track-order { max-width: 640px; margin: 0 auto; }
body.wtp-woo .checkout-page-title, body.wtp-woo .my-account-header { display: none; }
body.wtp-woo .cart-container, body.wtp-woo .page-wrapper.my-account { padding-top: 40px; }