/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0

Audit split from style.css - 2026-06-22:
- home.css, about.css, contact.css, products.css, blogs.css cover the selectors from style.css.
- common.css was empty, so shared/global rules below were added here for pages that only load common.css + their page file.
- about.css was normalized to keep [data-show="hide-for-medium"] identical to style.css.
*/

/* Global blog content */
.blog-single .article-inner .single-page a:not(.ez-toc-link, .icon) {
  color: #0000ff !important;
}

.blog-single .article-inner .single-page .wp-block-image figcaption {
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: 0.9em;
  font-style: italic;
  padding: 0.4em;
}


/* Shared hero buttons */
.hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.hero-actions a {
  min-height: 46px;
  padding: 0 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: 0.25s ease;
}

.btn-primary {
  color: #fff;
  background: #006b31;
  border: 1.5px solid #006b31;
  box-shadow: 0 8px 18px rgba(0, 107, 49, 0.22);
}

.btn-primary:hover {
  color: white !important;
  background: #005527;
  transform: translateY(-2px);
}

.btn-outline {
  color: #29663f;
  background: rgba(255, 255, 255, 0.65);
  border: 1.5px solid #7fa88d;
}

.btn-outline:hover {
  color: #29663f !important;
  background: #fff;
  border-color: #006b31;
  transform: translateY(-2px);
}

.btn-icon {
  font-size: 15px;
  line-height: 1;
}

/* Shared hero trust block */
.hero-trust {
  display: flex;
  align-items: center;
  gap: 14px;
}

.avatar-group {
  display: flex;
  align-items: center;
}

.avatar-group img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fffaf0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

.avatar-group img:not(:first-child) {
  margin-left: -10px;
}

.trust-content strong {
  display: block;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 700;
}

.stars {
  font-size: 20px;
  letter-spacing: 2px;
  color: #006b31;
}

/* Shared footer */
.absolute-footer.dark {
  display: none !important;
}

.section-footer p {
  color: white;
}

.section-footer span {
  color: white;
  text-transform: math-auto;
}

/* Shared testimonial slider equal-height support */
.gioi-thieu-khach-hang .row .col.medium-4,
.trang-chu-khach-hang .row .col.medium-4 {
  display: flex;
  width: 100%;
}

.gioi-thieu-khach-hang .flickity-viewport,
.trang-chu-khach-hang .flickity-viewport {
  display: flex;
  width: 100%;
}

.gioi-thieu-khach-hang .flickity-slider,
.trang-chu-khach-hang .flickity-slider {
  display: flex;
  width: 100%;
}

.gioi-thieu-khach-hang .row .col.medium-4 > .col-inner,
.trang-chu-khach-hang .row .col.medium-4 > .col-inner {
  display: flex;
  width: 100%;
}

.gioi-thieu-khach-hang .testimonial-card,
.trang-chu-khach-hang .testimonial-card {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .hero-actions {
    gap: 12px;
    justify-content: center;
  }

  .hero-actions a {
    width: 100%;
    max-width: 260px;
  }

  .btn-outline {
    background: #fff;
  }

  .btn-outline:hover {
    color: #006710;
    background: #d4d4d4;
  }

  .hero-trust {
    display: unset;
    text-align: center;
  }

  .avatar-group {
    justify-content: center;
  }

  .trust-content strong {
    margin-bottom: 0;
    color: #fff;
  }

  .stars {
    color: yellow;
  }
}

.footer-wrapper .section-footer .box-text li {
	color: #fff;
}

.footer-wrapper .section-footer .call-ft li a {
	color: #fff;
	text-decoration: underline;
}

.footer-tong .footer-tong-thoigianhoatdong li::marker{
	color: #fff;
}

@media (min-width: 549px) and (max-width:1024px){
  .footer-tong{
    gap:28px 24px;
  }
	
  .footer-tong img {
	max-width: 30%;
  }

  .footer-tong-chinhsach,
  .footer-tong-huongdan,
  .footer-tong-danhmuc,
  .footer-tong-thoigianhoatdong{
    flex:0 0 calc(50% - 12px) !important;
    max-width:calc(50% - 12px) !important;
  }

  .footer-tong-cot1{
    flex-basis:100%;
    max-width:100%;
  }
}

@media (min-width:849px) and (max-width:1028px){
  .header-main .hide-for-medium{
    display:none !important;
  }

  .header-main .show-for-medium{
    display:flex !important;
  }

  .header-main .flex-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap !important;
  }

  .header-main .flex-left{
    order:1;
    flex:1;
    justify-content:flex-start;
    display:flex !important;
  }

  .header-main .logo{
    order:2;
    flex:0 0 auto;
    margin:0 auto;
    text-align:center;
    max-width:190px;
  }

  .header-main .logo img{
    max-height:58px;
    width:auto;
  }

  .header-main .flex-right{
    order:3;
    flex:1;
    justify-content:flex-end;
    display:flex !important;
  }

  .header-main .nav-left,
  .header-main .nav-right{
    display:none !important;
  }

  .header-main .mobile-nav{
    display:flex !important;
    align-items:center;
  }

  .header-main .cart-item{
    display:flex !important;
  }

  .header-main .header-cart-title,
  .header-main .cart-price,
  .header-main .account-item{
    display:none !important;
  }
}