/* Tịnh Agarwood v1.24 — accessibility contrast hardening.
   Only text colors are adjusted; layout and responsive behavior stay unchanged. */

/* Brand red used for prices must meet WCAG AA against white/ivory cards. */
.price,
.featured .tinh-featured-price,
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price,
.tinh-mobile-shop-card__price{
  color:#cf2d24!important;
}

/* Old-price text was too pale on white cards. */
.featured .tinh-featured-price del,
.tinh-mobile-shop-card__price del,
.woocommerce .price del,
.woocommerce del{
  color:#647279!important;
  opacity:1!important;
}

/* Small supporting copy on light surfaces. */
.post-grid article small,
.woocommerce .woocommerce-breadcrumb{
  color:#5f7077!important;
}

@media (max-width:782px){
  /* 8.5px uppercase label needs a little more contrast on the translucent white hero card. */
  .tinh-mobile-hero-connect__title span{color:#566d78!important}
}

/* Vietnamese serif rendering hard fix.
   The stored Vietnamese text is valid NFC; the visual split came from per-glyph
   fallback inside the Noto Serif webfont on some Chrome/Windows renders.
   Use one system serif family for the whole heading so Vietnamese glyph metrics
   stay consistent and accents never detach from their base letters. */
body.tinh-theme{
  --serif:Georgia,"Times New Roman",serif;
  --tinh-heading-font:Georgia,"Times New Roman",serif;
}
body.tinh-theme .hero-copy h1,
body.tinh-theme .section-head h2,
body.tinh-theme .story-panel h3,
body.tinh-theme .knowledge-panel h3,
body.tinh-theme .gift-panel h3,
body.tinh-theme .subhero h1,
body.tinh-theme .tinh-shop-hero h1,
body.tinh-theme .shop-category-head h2,
body.tinh-theme .category-copy strong,
body.tinh-theme .shop-category-copy strong,
body.tinh-theme .mega-title,
body.tinh-theme .two-col h2,
body.tinh-theme .gift-showcase h2,
body.tinh-theme .contact-grid h2,
body.tinh-theme .article h1,
body.tinh-theme .article h2,
body.tinh-theme .article h3,
body.tinh-theme .post-grid article h2,
body.tinh-theme .woocommerce h1.page-title,
body.tinh-theme .woocommerce div.product .product_title,
body.tinh-theme .woocommerce .related>h2,
body.tinh-theme .woocommerce .upsells>h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-kerning:auto!important;
  font-variant-ligatures:normal!important;
  font-feature-settings:normal!important;
  font-synthesis:none!important;
  text-rendering:auto!important;
  word-spacing:normal!important;
}

/* v1.25 — native WordPress article comments, styled for Tịnh. */
.tinh-comments{margin:54px 0 8px;padding-top:34px;border-top:1px solid #e8dfd3}
.tinh-comments__head{margin-bottom:22px}
.tinh-comments__head small{display:block;margin-bottom:6px;color:#55788c;font-size:10px;font-weight:800;letter-spacing:.18em}
.tinh-comments__head h2{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif!important;font-size:31px;line-height:1.15;color:#173747}
.tinh-comments__head p,.comment-notes{margin:0;color:#5f7077;font-size:13px;line-height:1.65}
.tinh-comment-list{list-style:none;margin:0 0 28px;padding:0}
.tinh-comment-list .comment{list-style:none;margin:0 0 14px;padding:18px;border:1px solid #e9e0d4;border-radius:14px;background:#fff}
.tinh-comment-list .children{list-style:none;margin:14px 0 0 24px;padding:0 0 0 14px;border-left:2px solid #edf0ec}
.tinh-comment-list .comment-body{position:relative}
.tinh-comment-list .comment-author{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.tinh-comment-list .avatar{width:42px;height:42px;border-radius:50%}
.tinh-comment-list .fn{font-style:normal;font-weight:800;color:#173747}
.tinh-comment-list .says{display:none}
.tinh-comment-list .comment-meta{margin:-4px 0 10px 52px;font-size:10px;color:#718087}
.tinh-comment-list .comment-meta a{color:inherit}
.tinh-comment-list .comment-content{color:#3f555e;font-size:14px;line-height:1.7}
.tinh-comment-list .comment-content p:last-child{margin-bottom:0}
.tinh-comment-list .reply a{display:inline-flex;margin-top:8px;font-size:11px;font-weight:800;color:#113a4b}
.tinh-comment-nav{display:flex;justify-content:space-between;gap:16px;margin:0 0 24px;font-size:12px;font-weight:700}
.comment-respond{margin-top:24px;padding:24px;border:1px solid #e5dccf;border-radius:16px;background:#fffdf9}
.comment-reply-title{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif!important;font-size:27px;color:#173747}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:18px}
.comment-form p{margin:0}
.comment-form .comment-notes,.comment-form .comment-form-comment,.comment-form .comment-form-cookies-consent,.comment-form .form-submit{grid-column:1/-1}
.comment-form label{display:block;margin-bottom:6px;color:#173747;font-size:12px;font-weight:800}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{width:100%;border:1px solid #dcd2c5;border-radius:10px;background:#fff;padding:11px 13px;color:#173747;font:14px/1.5 var(--sans);outline:none}
.comment-form textarea{resize:vertical;min-height:132px}
.comment-form input:focus,.comment-form textarea:focus{border-color:#7893a0;box-shadow:0 0 0 3px rgba(17,58,75,.07)}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:8px;color:#5f7077;font-size:11px;line-height:1.45}
.comment-form-cookies-consent label{margin:0;font-weight:500;color:#5f7077}
.tinh-comment-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:#0b2d3a;color:#fff;padding:12px 20px;font-weight:800;cursor:pointer}
.tinh-comments-closed{padding:14px;border-radius:10px;background:#f7f3ec;color:#5f7077}
@media(max-width:782px){.tinh-comments{margin-top:38px;padding-top:26px}.tinh-comments__head h2{font-size:27px}.comment-respond{padding:17px 15px}.comment-form{grid-template-columns:1fr}.comment-form .comment-notes,.comment-form .comment-form-comment,.comment-form .comment-form-cookies-consent,.comment-form .form-submit{grid-column:1}.tinh-comment-list .comment{padding:14px}.tinh-comment-list .children{margin-left:10px;padding-left:10px}}
