/*
 * brand-post.css - binhdong.vn, EQVN 01/11/2026 (đợt 4a, bản chuẩn bị)
 * Bài viết và trang đơn (is_singular, trừ sản phẩm).
 * Dựng tự động từ CSS đang chạy: dbd-tokens.css, style.css, brand-post/archive/woo.css (cũ). Giữ thứ tự gốc.
 * Không sửa tay trên host; sửa theo bản trong "07. Cấu trúc code/theme-con/v4a/".
 */

/* === nguồn: dbd-tokens.css === */
h4{font-size: var(--h4-d); margin: 0 0 var(--mb-h4); line-height: var(--lh-h2); letter-spacing: var(--ls-0);     word-spacing: var(--ws-weak);}
article ul ul li::marker, .post ul ul li::marker{color: var(--color-secondary); list-style-type: circle;}
.wp-element-button:hover, .button.primary:hover, button.primary:hover, input[type="submit"].primary:hover{background: var(--color-secondary); border-color: var(--color-secondary); color: #fff;}
@media (max-width: 1024px){
  h4{font-size: var(--h4-t);}
}
@media (max-width: 767px){
  h4{font-size: var(--h4-m);}
}

/* === nguồn: style.css (theme con) === */
@media (max-width: 767px){
  .re_filter_panel ul.re_filter_ul li span.active:after{font-family: rhicons;}
}
nav.top_menu > ul > li.floatright{margin-left: auto;}
.dl-menuwrapper ul .floatright{float: none;}
body:not(.noinnerpadding) .rh-post-wrapper{background:#fff; border: 1px solid #e3e3e3;padding: 25px;box-shadow: 0 2px 2px #ECECEC;}
@media (max-width: 1024px){
  .disablefloattablet.floatright, .disablefloattablet.floatleft{float: none !important; margin-right: 0 !important; margin-left: 0 !important; display: inline-block !important;}
}
@media (max-width: 1023px){
  .smart-scroll-mobile .rh-flex-eq-height{flex-wrap: nowrap;}
}
@media (max-width: 767px){
  .disablefloatmobile.floatright, .disablefloatmobile.floatleft{float: none !important; margin-right: 0 !important; margin-left: 0 !important; clear: both;}
}
@media (max-width: 479px){
  body:not(.dark_body) .rh-post-wrapper{background: none; padding: 0; border: none; box-shadow: none}
}
.title_single_area h1{font-size: 34px; line-height: 34px;margin: 0 0 20px 0; word-break: break-word;}
ul.page-numbers li span.current, ul.page-numbers li a:hover, ul.page-numbers li.active a, .page-link > span:not(.page-link-title){background: #f7f6f7;}
span.postview_meta:before{content: "\f06e"; font-size: 12px;}
.post-meta-big span.postview_meta:before, .post-meta-big span.comm_count_meta:before{font-size: 20px; padding-right: 8px}
.post-meta-big span.postview_meta{color: #cc0000}
.post-meta-big span.postview_meta:before{content: "\f0e7";}
.post-meta-big span.comm_count_meta:before{content: "\f4a6";}
.post figure.top_featured_image{max-width: 100%; margin-bottom: 25px; position: relative; overflow: hidden; text-align: center;}
figure.top_featured_image img{width: auto; height: auto;}
ul.wp-block-list{margin-left:20px; list-style-type: disc;}
.rh_gr_btn_block .price del{display:block}
.news-community .button_action{position: absolute; top: 6px; right: 6px; z-index: 2}
.footer_widget .widget .title, .footer_widget .widget h2{margin: 20px 0 25px 0;font-size: 18px;padding: 0;border: none;}
.footer_widget .widget .title:after, .widget.better_menu .title:after{display: none;}
.widget_categories .screen-reader-text{padding-right: 10px;}
.tab-pane.active{display:block}
@media screen and (max-width: 767px){
  .footer_widget .widget .title{margin-top: 0}
}
.alignleft, img.alignleft{float: left; margin-right: 2em;}
.aligncenter, img.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center;}
.wp-caption{text-align: center; margin-bottom: 1.5em; max-width: 100%;}
.wp-block-image figcaption{font-style: italic;}
.wp-caption img{border: 0 none; margin: 0; padding: 0;}
.wp-caption p.wp-caption-text{margin: 12px 0 0 0; font-size: 90%; line-height: 20px}
.post-inner .wp-block-image{margin-bottom: 30px}
@media (min-width: 768px){
  .wp-caption{padding: 15px;box-shadow: 0 0 20px #f3f3f3;}
}
.post ul ul, .post ol ol{margin-top: 7px;margin-bottom: 7px;}
.post ul ul{list-style: circle;}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p{line-height: 24px;}
.wp-block-image .alignleft{margin-right: 2em}
.wp-block-image .alignright{margin-left: 2em}
.wp-block-image.aligncenter{width: 100%}
body .font15px{font-size: 15px}
.mr15{margin-right: 15px !important}
.re-form-input.error{border-color: #bb0000}
.def_btn_group .active a{background: #fff; font-weight: bold;}
ul.def_btn_link_tabs li.active a{font-weight: bold;}
ul.rh-big-tabs-ul .rh-big-tabs-li.active a{color: #111;font-weight: bold;}
.rh-sceleton:not(.lazy-bg-loaded):not(.lazyloaded)::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateX(-100%);background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);animation: rhsceleton 1.3s ease infinite;}
.full_cover_link a.position-relative{position:relative;}
.re-ribbon-badge.left-badge{right: auto; left: -8px; text-align: left;}
.re-ribbon-badge.left-badge span{transform: rotate(-45deg);right: 0;}
.re-line-badge.re-line-table-badge.badge_2:before{border-top-color: #FFBC00}
.re-line-badge.re-line-table-badge.badge_2:after{border-bottom-color: #FFBC00}
.re-line-badge.re-line-table-badge.badge_3:before{border-top-color: #F39200}
.re-line-badge.re-line-table-badge.badge_3:after{border-bottom-color: #F39200}
.button_action .wpsm-button.wpsm-button-new-compare, .button_action .heart_thumb_wrap .heartplus, .button_action .quick_view_wrap .quick_view_button{color: #aaa}
.button_action .thumbscount, .button_action .wishaddedwrap, .button_action .wishremovedwrap, .button_action .wishaddwrap{display: none !important;}
.woo_offer_list .button_action, .rehub_woo_review_tabs .button_action{position: absolute; top: 6px; right: 6px}
.woocommerce.tax-store .woocommerce-result-count, .tax-store .tag_woo_meta{display: none;}
#TB_closeWindowButton .screen-reader-text{display: none;}
body .wpsm-table.wpsm-table-grey table tr th, .table-condensed tr th, .wp-block-table tr th{background: none repeat scroll 0 0 #f5f5f5; color: #111 !important;}
.lean-faq-box{margin-top: var(--mb-h3);
    margin-bottom: var(--mb-h2);
    counter-reset: faq-counter; /* reset bộ đếm mỗi khi bắt đầu 1 box FAQ mới */}
.faq-item{background: var(--color-card);
    border: 1px solid var(--color-border);
    border-radius: var(--btn-radius); /* 8px theo token */
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02); /* Bóng đổ siêu nhẹ tạo chiều sâu */
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.faq-title{padding: 16px 44px 16px 20px; /* Chừa không gian bên phải cho icon mũi tên */
    font-size: var(--body-lg-d);
    font-weight: 600;
    color: var(--color-primary);
    cursor: pointer;
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: var(--lh-tight);}
.faq-title::before{counter-increment: faq-counter;
    content: counter(faq-counter);
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(10, 122, 55, 0.12); /* fallback cho trình duyệt cũ chưa hỗ trợ color-mix */
    background: color-mix(in srgb, var(--color-secondary) 12%, transparent);
    color: var(--color-secondary);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;}
.faq-title::-webkit-details-marker{display: none;}
.faq-title::after{content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230A7A37'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;}
.faq-content{padding: 16px 20px 20px; /* canh lề trái theo số thứ tự (badge), không thụt theo chữ câu hỏi */
    border-top: 1px dashed var(--color-border);}
@media (max-width: 767px){
  .faq-title{font-size: var(--body-lg-m);
        padding: 14px 36px 14px 16px;
        gap: 10px;}
  .faq-title::before{width: 22px;
        height: 22px;
        font-size: 12px;}
  .faq-title::after{right: 16px;
        width: 16px;
        height: 16px;}
  .faq-content{font-size: var(--body-m);
        padding: 12px 16px 16px; /* thêm top padding, tránh chữ dính sát line ngăn cách */}
}

/* === nguồn: brand-post.css (cũ) === */
article, .post{font-size:   var(--body-d);
  line-height: var(--lh-body);
  color:       var(--color-text);}
article p, .post p{margin: 0 0 var(--mb-paragraph-d);}
article strong, .post strong, article b, .post b{font-weight: 700;}
article em, .post em, article i, .post i{font-style: italic;}
@media (min-width: 1025px){
  article.post, .entry-content{margin-left: auto; margin-right: auto; text-align: justify;}
}
@media (max-width: 1024px){
  article, .post{font-size: var(--body-t);}
  article p, .post p{margin-bottom: var(--mb-paragraph-t);}
}
@media (max-width: 767px){
  article, .post{font-size: var(--body-m);}
  article p, .post p{margin-bottom: var(--mb-paragraph-m);}
}
article a:not(.wp-element-button), .post a:not(.wp-element-button){color: var(--color-primary);}
article a:hover:not(.wp-element-button), .post a:hover:not(.wp-element-button){color: var(--color-accent);}
.comment-reply-title{font-size:      19px;
  line-height:    1.1;
  text-transform: uppercase;
  margin:         0 0 25px;
  font-weight:    700;}
@media (max-width: 1024px){
  article, .post{font-size: var(--body-t);}
  article p, .post p{margin-bottom: var(--mb-paragraph-t);}
  article h1, .post h1{font-size: var(--h1-t);}
  article h2, .post h2{font-size: var(--h2-t);}
  article h3, .post h3{font-size: var(--h3-t);}
}
@media (max-width: 767px){
  article, .post{font-size: var(--body-m);}
  article p, .post p{margin-bottom: var(--mb-paragraph-m);}
  article h1, .post h1{font-size: var(--h1-m);}
  article h2, .post h2{font-size: var(--h2-m);}
  article h3, .post h3{font-size: var(--h3-m);}
}