@charset "UTF-8";
/* 
Theme Name: LYNH theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: LYNH theme is a child theme of Hello Elementor, created by LYNH AGENCY
Author: LYNH AGENCY
Author URI: https://lynh.vn/
Template: hello-elementor
Version: 1.0.0
Text Domain: lynh-theme
License: GNU General Public License v3 or later.
License URI: https://lynh.vn/
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* -- [ Thay đổi kiểu link khi hover ] -- */
.bc-link a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.bc-link a:after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: currentColor;
  transition: width 0.1s ease-out;
}
.bc-link a:hover:after {
  width: 100%;
}
/* -- [ END ] -- */
/* -- [ Style nội dung thẻ p ] -- */
.bc-content {
  /* Định kiểu cho trích dẫn (Quote) */
}
.bc-content blockquote {
  border-left: 4px solid #00AB55;
  padding: 10px 20px;
  font-style: italic;
  background-color: #f9f9f9;
  color: #555;
  margin: 20px 0;
}
.bc-content p {
  margin-bottom: 15px;
}
.bc-content p:last-child {
  margin-bottom: 0;
}
.bc-content figure.wp-block-image.size-full {
  margin: 0;
  margin-bottom: 20px;
}
.bc-content ul {
  margin-bottom: 15px;
}
.bc-content ul:last-child {
  margin-bottom: 0;
}
/* -- [ END ] -- */
/* -- [ Style form elementor ] -- */
.bc-form .elementor-field-group .elementor-field-textual::placeholder {
  opacity: 1 !important;
}
.bc-form .elementor-field-group .elementor-field-textual:focus {
  outline: none !important;
  /* Loại bỏ viền mặc định của trình duyệt */
  box-shadow: none !important;
}
.bc-form .elementor-search-form__input {
  opacity: 1 !important;
  color: #0213AF;
}
/* -- [ Tae ] -- */
.bc-disable-drag .swiper {
  pointer-events: none;
}
/* -- [ END ] -- */
.bc-product-title h2 {
  height: 22px;
  max-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.bc-product-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  background-color: #f0f0f0;
}
.bc-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.bc-product-post {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  background-color: #f0f0f0;
}
.bc-product-post img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* -- [ sửa bộ lọcwoo ] -- */
.bc-woo-order .woocommerce-ordering {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  border: 1px solid #D2D2D7 !important;
  border-radius: 5px;
  margin-bottom: 0;
  background-color: #ffffff;
  box-shadow: none;
}
.bc-woo-order .woocommerce-ordering label {
  font-weight: bold;
  color: #637381;
}
.bc-woo-order .woocommerce-ordering .orderby {
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #ffffff;
  color: #637381;
  cursor: pointer;
  transition: all 0.3s ease;
  /* Ẩn mũi tên mặc định trên Chrome, Edge, Safari */
}
.bc-woo-order .woocommerce-ordering .orderby::-webkit-inner-spin-button,
.bc-woo-order .woocommerce-ordering .orderby::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
/* -- [ END ] -- */
/* -- [ thay đổi màu sắc price ] -- */
.bc-price .price ins {
  color: #E40046;
  text-decoration: none;
}
.bc-price .price del {
  color: #637381;
}
/* -- [ END ] -- */
/* -- [ nút mua ngay ] -- */
.button.bc-buy-now-button {
  display: inline-block;
  padding: 0 20px;
  border: 2px solid #FF6755 !important;
  background-color: #FF6755 !important;
  font-size: 17px;
  font-weight: 500;
  line-height: 36px;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none;
  transition: all 0s ease;
  border-radius: 5px;
  width: auto;
}
.button.bc-buy-now-button:hover {
  background-color: transparent !important;
  color: #212b36 !important;
}
.bc-buy-now-button,
button#custom-buy-now-button-variable {
  display: inline-block;
  padding: 0 20px;
  border: 2px solid #FF6755 !important;
  background-color: #FF6755 !important;
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none;
  transition: all 0s ease;
  border-radius: 5px !important;
  width: 100%;
}
.bc-buy-now-button:hover,
button#custom-buy-now-button-variable:hover {
  background-color: transparent !important;
  color: #212b36 !important;
}
@media (max-width: 768px) {
  /* Kích thước tablet và nhỏ hơn */
  .bc-buy-now-button-1 {
    /* ID của nút "Mua ngay" gốc */
    display: none !important;
    /* Ẩn nút */
  }
  #custom-buy-now-button {
    /* ID của nút "Mua ngay" thủ công */
    display: block !important;
    /* Hiện nút thủ công */
    width: 100%;
    /* Đặt chiều rộng đầy đủ */
    box-sizing: border-box;
    /* Đảm bảo padding và border tính trong chiều rộng */
  }
  th.label {
    width: 35% !important;
  }
  th.label label {
    font-size: 16px !important;
  }
}
/* -- [ Style price ] -- */
.bc-sl-price {
  /* -- [ Bảng biến thể ] -- */
}
.bc-sl-price .bc-sl-price {
  width: 100%;
}
.bc-sl-price .variations {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  margin-bottom: 0 !important;
}
.bc-sl-price .variations th,
.bc-sl-price .variations td {
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
.bc-sl-price .variations th {
  text-align: left;
}
.bc-sl-price .variations tr:hover {
  background-color: transparent;
}
.bc-sl-price .variations .reset_variations {
  visibility: hidden;
}
.bc-sl-price .woocommerce-variation.single_variation {
  margin-bottom: 30px;
}
.bc-sl-price .woocommerce-variation-price {
  font-family: 'Oswald', sans-serif;
  /* Thiết lập font chữ */
  font-size: 24px;
  /* Kích thước chữ */
  font-weight: 700;
  /* Độ dày chữ */
  line-height: 32px;
  /* Chiều cao dòng */
  color: #e40046 !important;
  /* Màu chữ */
}
.bc-sl-price .woocommerce-variation-price ins,
.bc-sl-price .woocommerce-variation-price .woocommerce-Price-amount.amount {
  color: #E40046;
  text-decoration: none;
}
.bc-sl-price .woocommerce-variation-price del {
  color: #637381 !important;
}
.bc-sl-price .woocommerce-variation-price del .woocommerce-Price-amount.amount {
  color: #637381;
}
.price ins,
.price .woocommerce-Price-amount.amount {
  color: #E40046;
  text-decoration: none;
}
.price del span {
  color: #637381 !important;
}
.bc-table .woocommerce-product-attributes {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;
  background-color: #ffffff;
  margin-bottom: 0 !important;
}
.bc-table .woocommerce-product-attributes th,
.bc-table .woocommerce-product-attributes td {
  padding: 12px 18px;
  border: 1px solid #e0e0e0;
  text-align: left;
}
.bc-table .woocommerce-product-attributes th {
  font-weight: bold;
  color: #333;
  width: 30%;
  background-color: #f5f5f5;
}
.bc-table .woocommerce-product-attributes td {
  color: #555;
  padding: 0 20px !important;
  font-size: 16px;
}
.bc-table .woocommerce-product-attributes .woocommerce-product-attributes-item__value p {
  margin: 0;
  font-style: normal;
}
.bc-table .woocommerce-product-attributes .woocommerce-product-attributes-item__value a {
  color: #333;
  text-decoration: none;
}
.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label a {
  font-family: "Be Vietnam Pro";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #212b36;
}
.woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price span {
  font-family: "Oswald";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #e40046;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after {
  top: 0;
  right: 1em;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.loading::after {
  top: 0;
  right: 1em;
}
.e-loop-add-to-cart-form-container {
  justify-content: center !important;
}
.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.quantity input[type="number"] {
  text-align: center !important;
  margin: 0;
  font-size: 16px;
  width: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  background-color: white !important;
  border-radius: 0 !important;
  /* Ẩn mũi tên lên xuống mặc định */
  -webkit-appearance: none;
  /* Safari */
  -moz-appearance: textfield;
  /* Firefox */
  appearance: none;
  /* Chrome, Opera, và các trình duyệt hỗ trợ */
  /* Thêm một số style để căn chỉnh thêm */
}
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity button.plus,
.quantity button.minus {
  background-color: white !important;
  width: 24px !important;
  height: 40px;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  color: #333 !important;
}
.quantity button.plus:hover,
.quantity button.minus:hover {
  background: #D2D2D7 !important;
  color: #000;
}
.quantity button.plus i.fa,
.quantity button.minus i.fa {
  pointer-events: none;
  /* Đảm bảo icon không nhận sự kiện click */
  font-size: 10px;
}
.quantity .plus {
  margin: 0 !important;
  border-color: #D2D2D7 !important;
  border-width: 1px 1px 1px 0 !important;
  border-radius: 0 3px 3px 0 !important;
}
.quantity .minus {
  margin: 0 !important;
  border-color: #D2D2D7 !important;
  border-width: 1px 0 1px 1px !important;
  border-radius: 3px 0 0 3px !important;
}
.bc-slide-product .swiper-slide {
  max-width: 300px !important;
}
.bc-container-product {
  max-width: 300px;
}
@media (max-width: 480px) {
  .bc-slide-product .swiper-slide {
    max-width: none !important;
  }
  .bc-container-product {
    max-width: none;
  }
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
  background: unset;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item:hover {
  background-color: unset;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item__label {
  background-color: #F7F8F9 !important;
}
.woocommerce-product-attributes .woocommerce-product-attributes-item__value {
  background-color: white;
}
.woocommerce table.shop_attributes {
  border: 1px solid #D2D2D7;
}
.woocommerce table.shop_attributes th {
  border-bottom: 1px dashed;
  border-color: #D2D2D7;
}
.woocommerce table.shop_attributes td {
  border-bottom: 1px dashed;
  border-left: 1px solid;
  border-color: #D2D2D7;
}
.commentlist {
  padding: 0;
}
.commentlist .avatar {
  width: 60px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 100%;
}
.img__verified {
  max-width: 74px !important;
  margin-left: 15px;
  border-radius: 5px !important;
}
.comment-text {
  margin-left: 85px !important;
}
.description p {
  font-size: 14px;
  color: #212B36;
}
.meta {
  display: flex;
  justify-content: start;
  justify-items: center;
  align-items: center;
}
.woocommerce-review__author {
  font-size: 16px;
  color: #212B36;
}
.woocommerce-review__dash {
  margin: 0 10px;
}
.woocommerce-review__published-date {
  font-size: 14px;
  color: #637381;
}
.woocommerce .star-rating::before {
  color: #ffbf00;
}
.woocommerce .star-rating span {
  color: #ffbf00;
}
.page-numbers {
  border: 1px solid #00AB55 !important;
}
.page-numbers li {
  border-right: 1px solid #00AB55 !important;
  padding-left: 14px;
  padding-right: 14px;
}
.page-numbers li span.current {
  background: #00AB55 !important;
  color: #ffffff !important;
}
.page-numbers li .page-numbers {
  color: #212B36 !important;
  font-size: 14px !important;
  line-height: 20px;
}
.page-numbers li .page-numbers:hover {
  background: #00AB55 !important;
  color: #ffffff !important;
}
.woocommerce-Reviews-title,
.comment-reply-title {
  font-size: 24px !important;
  font-weight: 600;
  font-family: Oswald;
  text-transform: unset;
  color: #212B36;
  margin-bottom: 30px !important;
}
.comment-notes,
.comment-form-rating,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-cookies-consent {
  margin: 15px 0 !important;
}
#email-notes,
.required-field-message {
  font-size: 14px !important;
  font-style: italic;
  color: #637381;
}
.stars a {
  color: #ffbf00;
}
form#commentform {
  margin-top: 20px;
}
.comment-form label {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}
.comment-form #comment {
  max-width: 410px;
  background-color: white;
  border: 1px solid #D2D2D7;
  border-radius: 3px;
}
.comment-form #author,
.comment-form #email {
  max-width: 300px;
  background-color: white;
  border: 1px solid #D2D2D7;
  border-radius: 3px;
}
.comment-form .comment-form-cookies-consent {
  display: flex;
  justify-content: start;
  justify-items: center;
  align-items: center;
}
.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
  margin-right: 10px;
}
.comment-form .comment-form-cookies-consent label {
  margin-bottom: 0 !important;
}
.comment-form #submit {
  font-size: 14px !important;
  line-height: 38px !important;
  color: white !important;
  background-color: #00AB55 !important;
  border: 2px solid #00AB55 !important;
  border-radius: 5px !important;
  padding: 0 20px !important;
}
.comment-form #submit:hover {
  background-color: transparent !important;
  color: #00AB55 !important;
}
@media (max-width: 480px) {
  /* Định dạng cho điện thoại nhỏ */
  .comment-text .star-rating {
    float: unset;
    margin-bottom: 10px;
  }
  .comment-text .meta {
    flex-wrap: wrap;
  }
  .comment-text .img__verified {
    width: 100%;
    margin: 10px 10px 0 0;
  }
}
.elementor-pagination .page-numbers {
  background-color: #ffffff;
  color: #212B36 !important;
  border: 0px solid #fff !important;
  font-family: "Be Vietnam Pro", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
  line-height: 30px !important;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 99px;
}
.elementor-pagination .page-numbers:hover {
  background-color: #D2D2D7;
  color: #212B36 !important;
}
.elementor-pagination .page-numbers.current {
  background-color: #212B36;
  color: #ffffff !important;
}
[id^="title_"] {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
[id^="title_"] .bc_number {
  font-size: 69px;
  color: #00ab55;
  margin-right: 15px;
  line-height: 100%;
}
@media (max-width: 768px) {
  .woocommerce-Reviews-title,
  .comment-reply-title {
    font-size: 18px !important;
  }
}