/*
Template:       metro
Theme Name:     Metro Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/metro
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Metro is a clean and modern WordPress Theme for Ecommerce and Online Store. This theme comes with all necessary features and pages for a Ecommerce website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

.product .product_title {
  font-size: 25px;
}

.product_title entry-title {
  font-size: 1.6em;
}

.product p.price,
.product span.price {
  font-size: 1.4em;
  font-weight: 500;
}

.tabs wc-tabs {
  position: -webkit-sticky;
  position: sticky;
  top: 91px;
}

/* Fibo search bar */
.dgwt-wcas-search-wrapp {
  width: 400px;
}

@media (max-width: 400px) {
  .dgwt-wcas-search-wrapp {
    width: 320px;
  }
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
  background: transparent !important;
}

.dgwt-wcas-st {
  font-size: 13px;
}

.dgwt-wcas-sp {
  font-size: 13px;
}

/* Danh mục sản phẩm */

/* Sản phẩm ngoài danh mục */
.rt-product-block-2 .rtin-title {
  font-size: 16px;
  /*cỡ chữ tên sản phẩm */
}

.rtin-price price {
  vertical-align: text-bottom;
}

/* sửa lỗi Table */
table:not(.table-product) td,
th {
  border: 1px solid #cdcbcb !important;
  padding: 8px;
}

table:not(.table-product):not(.shop_table) tr:first-child {
  background-color: #093da5 !important;
  /*Thay đổi màu nền ở đây */
  color: #e6e5e5 !important;
  /* Thay đổi màu chữ ở đây */
  font-weight: bold !important;
}
table:not(.table-product):not(.shop_table) tr:first-child > td {
  color: white;
}

table:not(.table-product) tr:hover {
  background-color: #ddd;
}

table:not(.table-product):not(.shop_table) table {
  min-width: 100%;
}

/* thêm shadowbox cho ảnh */
.single-post .entry-content img {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
  transition: box-shadow 0.3s ease-in-out;
}

.single-post .entry-content img:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

/*in đậm link */
.post-content-area .post-content a {
  font-weight: bold;
}

.post-content-area .post-content a:hover {
  text-decoration: underline;
}

#toc_container a {
  font-weight: normal;
}

/* blockquote */
blockquote,
blockquote::before,
.wp-block-quote::before {
  all: unset;
}

blockquote {
  all: unset;
  background-color: #f1f6ffd6;
  padding: 17px 30px 17px 30px;
  /* Thay đổi thành padding: top right bottom left */
  border: 0.8px solid #4c7bd978;
  border-radius: 10px;
  display: inline-block;
  width: fit-content;
  margin: 0 40px 25px 40px;
}

blockquote * {
  width: fit-content;
  margin-bottom: 0;
}