/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* -------------------------------------------------------------- */
/*tạo biến css*/
/* -------------------------------------------------------------- */
/* Cài đặt tắt bật cho liên kết đến shopee */
/* -------------------------------------------------------------- */
/* Style số dòng*/
.bc_title-2line {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bc_title-1line {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Style số dòng cho breadcrumbs sản phẩm */
.brxe-breadcrumbs .item[aria-current="page"] {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* -------------------------------------------------------------- */
/* Style phân trang*/
.bc_pagination .woocommerce-pagination {
  padding: 0 18px !important;
  background-color: #ffffff;
  border-radius: 99px;
}
.bc_pagination .page-numbers {
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  color: #6E6E73;
}
.bc_pagination .current {
  color: #1D1D1F;
}
/* -------------------------------------------------------------- */
/* Style add to cart*/
.bc_add-to-cart-single span.action.minus {
  border-radius: 5px 0 0 5px;
}
.bc_add-to-cart-single span.action.plus {
  border-radius: 0 5px 5px 0;
}
.bc_add-to-cart-single .input-text.qty.text {
  font-size: 20px;
  line-height: 38px;
  color: #EE4D2D;
}
/* Style nút shoppe*/
.bc_button_shopee {
  /*đoạn này ẩn nếu k có link */
}
.bc_button_shopee svg {
  margin-top: -6px;
}
.bc_button_shopee:hover svg {
  fill: #ffffff !important;
}
.bc_button_shopee:not([href]),
.bc_button_shopee[href=""] {
  display: none;
}
/* -------------------------------------------------------------- */
/* Style nút có icon và thay đổi màu cho nó*/
.bc_button-icon:hover i {
  color: currentColor !important;
  fill: #ffffff !important;
}
.bc_button-icon:hover svg {
  fill: #ffffff !important;
}
/* -------------------------------------------------------------- */
/* Style bảng thông tin sản phẩm*/
.bc_table-info-product table.woocommerce-product-attributes.shop_attributes {
  border: 1px solid #D2D2D7;
}
.bc_table-info-product .woocommerce-product-attributes-item {
  border-bottom: 1px dashed #D2D2D7;
}
.bc_table-info-product .woocommerce-product-attributes-item__label,
.bc_table-info-product .woocommerce-product-attributes-item__value {
  padding: 15px;
}
.bc_table-info-product .woocommerce-product-attributes-item__label {
  border-right: 1px solid #D2D2D7;
  background-color: #F5F5F7;
}
/* -------------------------------------------------------------- */
/* tỷ lệ hình ảnh*/
.bc_img-16-9 {
  display: block;
  /* Đảm bảo phần tử là block */
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.bc_img-16-9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Giữ tỉ lệ của ảnh, cắt bớt phần thừa nếu cần */
}
/* -------------------------------------------------------------- */
/* giá ở loop*/
.price span.woocommerce-Price-amount {
  color: #1D1D1F !important;
}
.price del {
  color: #6E6E73 !important;
}
.price del span.woocommerce-Price-amount {
  color: inherit !important;
}
.price ins {
  color: #D61919 !important;
}
.price ins span.woocommerce-Price-amount {
  color: inherit !important;
}
/* -------------------------------------------------------------- */
.bc_cart-items .product-remove a {
  font-size: 16px;
}
.bc_cart-items .product-thumbnail,
.bc_cart-items .product-name,
.bc_cart-items .product-price,
.bc_cart-items .product-quantity {
  padding: 15px !important;
}
.bc_cart-items .quantity {
  width: 120px !important;
}
/* -------------------------------------------------------------- */
.woocommerce-billing-fields__field-wrapper .form-row-first {
  width: 100% !important;
  margin-bottom: 20px !important;
}
button#place_order {
  background-color: #155226;
  color: #ffffff;
}
button#place_order:hover {
  background-color: #00a52f;
}
/* -------------------------------------------------------------- */
.cfvsw-variation-disable-logic .label label {
  color: #1D1D1F !important;
}
.cfvsw-variation-disable-logic .value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.cfvsw-variation-disable-logic .value a.reset_variations {
  padding: 0 10px !important;
  margin-top: 10px;
  border-radius: 3px;
  background-color: #f1f1f1;
}
.cfvsw-variation-disable-logic .value a.reset_variations:hover {
  background-color: #ff4141;
  color: #ffffff;
}
/* -------------------------------------------------------------- */
.bc-follow-tooltip {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  background: rgba(40, 40, 40, 0.95);
  color: #fff;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
  max-width: 350px;
  word-break: break-word;
  white-space: normal;
  opacity: 0;
  transition: opacity 0.15s;
}
/* -------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* -------------------------------------------------------------- */
  /* Style add to cart*/
  .bc_add-to-cart-single .single_add_to_cart_button {
    flex: 1;
  }
}
@media (max-width: 767px) {
  /* -------------------------------------------------------------- */
  /* Style add to cart*/
  .bc_add-to-cart-single .single_add_to_cart_button {
    flex: 1;
  }
  /* -------------------------------------------------------------- */
  /* Style bảng thông tin sản phẩm*/
  /* -------------------------------------------------------------- */
  .woocommerce-cart-form__contents .actions {
    padding: 0 !important;
  }
  .woocommerce-cart-form__contents td {
    padding: 15px !important;
  }
  .woocommerce-cart-form__contents .product-remove {
    padding: 15px !important;
    width: 100% !important;
    text-align: right;
    justify-content: end;
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .product-remove .remove {
    border-radius: 99px;
    border: 1px solid #D2D2D7;
    padding: 3px;
    line-height: 16px;
  }
  .woocommerce-cart-form__contents .product-thumbnail {
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .product-thumbnail img {
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto;
  }
  .woocommerce-cart-form__contents .product-name {
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .product-price {
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .product-quantity {
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .product-subtotal {
    border: 1px solid #D2D2D7;
    border-bottom: 0;
  }
  .woocommerce-cart-form__contents .woocommerce-cart-form__cart-item {
    display: block;
    margin-bottom: 15px;
  }
  /* -------------------------------------------------------------- */
}
.bc_content h1,
.bc_content h2,
.bc_content h3,
.bc_content h4,
.bc_content h5,
.bc_content h6 {
  text-transform: none !important;
  margin-bottom: 15px;
}
.bc_content p {
  font-family: "Roboto", serif !important;
}
.bc_content h1 {
  font-size: 32px;
  line-height: 1.2;
}
.bc_content h2 {
  font-size: 28px;
  line-height: 1.3;
}
.bc_content h3 {
  font-size: 24px;
  line-height: 1.3;
}
.bc_content h4 {
  font-size: 20px;
  line-height: 1.4;
}
.bc_content h5 {
  font-size: 18px;
  line-height: 1.4;
}
.bc_content h6 {
  font-size: 16px;
  line-height: 1.4;
}
.bc_content p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.bc_content.wp-block-paragraph p,
.wp-block-paragraph .bc_content p {
  margin-bottom: 1rem;
}
.wp-block-quote .bc_content,
.bc_content.wp-block-quote {
  font-size: 18px;
  line-height: 1.6;
  margin: 1.5em 0;
  padding-left: 1em;
  border-left: 4px solid #ddd;
  color: #666;
}
.bc_content .wp-block-list ul,
.bc_content .wp-block-list ol,
.bc_content.wp-block-list ul,
.bc_content.wp-block-list ol {
  margin: 1em 0;
  padding-left: 1.5em;
}
.bc_content .wp-block-list li,
.bc_content.wp-block-list li {
  margin-bottom: 0.5em;
}
.wp-block-image .bc_content,
.bc_content.wp-block-image img,
.wp-block-gallery .bc_content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .bc_content h1 {
    font-size: 28px;
  }
  .bc_content h2 {
    font-size: 24px;
  }
  .bc_content h3 {
    font-size: 20px;
  }
  .bc_content h4 {
    font-size: 18px;
  }
  .bc_content h5 {
    font-size: 16px;
  }
  .bc_content h6 {
    font-size: 15px;
  }
  .bc_content p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .bc_content h1 {
    font-size: 24px;
  }
  .bc_content h2 {
    font-size: 20px;
  }
  .bc_content h3 {
    font-size: 18px;
  }
  .bc_content h4 {
    font-size: 16px;
  }
  .bc_content h5 {
    font-size: 14px;
  }
  .bc_content h6 {
    font-size: 14px;
  }
  .bc_content p {
    font-size: 14px;
  }
}