/**
 * Elementor WYSIWYG overrides — load last; gỡ legacy pill/color trên Heading.
 * Nền eyebrow = Column hc-eyebrow-inner-col; màu chữ = Heading Style trong Elementor.
 */

/* Eyebrow — Heading/Icon widget: không pill */
.happycar-theme .hc-eyebrow-row .hc-eyebrow-text .elementor-heading-title,
.happycar-theme .hc-eyebrow-row .hc-eyebrow-text > .elementor-widget-container,
.happycar-theme .hc-eyebrow-row .hc-eyebrow-icon > .elementor-widget-container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Legacy *-eyebrow section rules vẫn target Inner Section — không paint lên Heading */
.happycar-theme .hc-eyebrow-row[class*="eyebrow"] .hc-eyebrow-text .elementor-heading-title {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.happycar-theme .hc-eyebrow-row .hc-eyebrow-icon .elementor-icon,
.happycar-theme .hc-eyebrow-row .hc-eyebrow-icon .elementor-icon i {
  color: inherit;
}

/* Text Editor: màu chữ = Style → Text Editor → Text Color (theme không ép color trên *-desc / section-desc). */

/* Service cards — tiêu đề đậm 800 như mẫu .service-title (text nằm trong thẻ <a>) */
.happycar-theme .hc-section-services .elementor-element.service-card-box .elementor-icon-box-title,
.happycar-theme .hc-section-services .elementor-element.service-card-box .elementor-icon-box-title > a,
.happycar-theme .hc-section-services .elementor-widget-icon-box.service-card-box .elementor-icon-box-title,
.happycar-theme .hc-section-services .elementor-widget-icon-box.service-card-box .elementor-icon-box-title > a,
.happycar-theme .hc-section-services .elementor-element.service-card .elementor-icon-box-title,
.happycar-theme .hc-section-services .elementor-element.service-card .elementor-icon-box-title > a {
  font-family: var(--hc-font), sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
}

.happycar-theme .hc-section-services .elementor-element.service-card-cta .elementor-icon-box-title,
.happycar-theme .hc-section-services .elementor-element.service-card-cta .elementor-icon-box-title > a,
.happycar-theme .hc-section-services .elementor-widget-icon-box.service-card-cta .elementor-icon-box-title,
.happycar-theme .hc-section-services .elementor-widget-icon-box.service-card-cta .elementor-icon-box-title > a {
  color: #fff !important;
}

/* Why cards — tiêu đề đậm 800 như mẫu .why-card h3 */
.happycar-theme .hc-section-why .elementor-element.why-card .elementor-icon-box-title,
.happycar-theme .hc-section-why .elementor-element.why-card .elementor-icon-box-title > span,
.happycar-theme .hc-section-why .elementor-element.why-card .elementor-icon-box-title > a {
  font-family: var(--hc-font), sans-serif !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
}

/* Process intro — eyebrow + title inline gọn */
.happycar-theme .hc-section-process .process-intro-stack .hc-eyebrow-row,
.happycar-theme .hc-section-process .process-intro-stack .section-title-inline-row,
.happycar-theme .hc-section-process .process-intro-stack .process-title-inline {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-process .process-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col,
.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-process .process-intro-stack .section-title-inline-row .elementor-element.section-title-inline-part,
.happycar-theme .hc-section-process .process-intro-stack .section-title-inline-row .elementor-widget-heading.section-title-inline-part {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Stats — eyebrow Con số ấn tượng gọn trên nền đỏ */
.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row,
.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row.eyebrow-yellow {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row .hc-eyebrow-text {
  width: auto !important;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row.eyebrow-yellow .hc-eyebrow-text .elementor-heading-title {
  color: var(--hc-yellow) !important;
}

.happycar-theme .hc-section-stats .stats-intro-stack .hc-eyebrow-row.eyebrow-yellow .hc-eyebrow-icon .elementor-icon {
  color: var(--hc-yellow) !important;
}

/* Reviews intro — eyebrow Đánh giá gọn */
.happycar-theme .hc-section-reviews .reviews-intro-stack .hc-eyebrow-row {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-reviews .reviews-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-reviews .reviews-intro-stack .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-reviews .reviews-intro-stack .hc-eyebrow-row .hc-eyebrow-text {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* Download — eyebrow Tải ngay miễn phí gọn */
.happycar-theme .hc-section-download .download-content-col .hc-eyebrow-row,
.happycar-theme .hc-section-download .download-content-col .hc-eyebrow-row.eyebrow-yellow {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-download .download-content-col .hc-eyebrow-row .hc-eyebrow-inner-col {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-download .download-content-col .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-download .download-content-col .hc-eyebrow-row .hc-eyebrow-text {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* FAQ intro — eyebrow gọn */
.happycar-theme .hc-section-faq .faq-intro-stack .hc-eyebrow-row.faq-eyebrow {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-faq .faq-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-faq .faq-intro-stack .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-faq .faq-intro-stack .hc-eyebrow-row .hc-eyebrow-text {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* Services — compare & areas eyebrow gọn */
.happycar-theme .hc-section-compare .compare-intro-stack .hc-eyebrow-row,
.happycar-theme .hc-section-areas .areas-intro-stack .hc-eyebrow-row {
  width: fit-content !important;
  max-width: 100%;
}

.happycar-theme .hc-section-compare .compare-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col,
.happycar-theme .hc-section-areas .areas-intro-stack .hc-eyebrow-row .hc-eyebrow-inner-col {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.happycar-theme .hc-section-compare .compare-intro-stack .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-compare .compare-intro-stack .hc-eyebrow-row .hc-eyebrow-text,
.happycar-theme .hc-section-areas .areas-intro-stack .hc-eyebrow-row .hc-eyebrow-icon,
.happycar-theme .hc-section-areas .areas-intro-stack .hc-eyebrow-row .hc-eyebrow-text {
  width: auto !important;
  flex: 0 0 auto !important;
}

/* Footer — store badges ngang + bo góc (thắng Elementor width 100%) */
.happycar-theme .elementor-location-footer .hc-footer-contact-col .hc-footer-store-badges,
.happycar-theme #site-footer .hc-footer-contact-col .hc-footer-store-badges {
  width: auto !important;
  max-width: 100%;
}

.happycar-theme .elementor-location-footer .hc-footer-store-badges > .elementor-container,
.happycar-theme #site-footer .hc-footer-store-badges > .elementor-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
}

.happycar-theme .elementor-location-footer .hc-footer-store-badges .hc-footer-store-col,
.happycar-theme #site-footer .hc-footer-store-badges .hc-footer-store-col {
  width: auto !important;
  flex: 0 0 auto !important;
}

.happycar-theme .elementor-location-footer .hc-footer-store-badge .elementor-widget-container,
.happycar-theme #site-footer .hc-footer-store-badge .elementor-widget-container,
.happycar-theme .elementor-location-footer .hc-footer-store-badge a,
.happycar-theme #site-footer .hc-footer-store-badge a {
  border-radius: 6px !important;
  overflow: hidden !important;
}

.happycar-theme .elementor-location-footer .hc-footer-store-badge img,
.happycar-theme #site-footer .hc-footer-store-badge img {
  height: 28px !important;
  width: auto !important;
  border-radius: 6px !important;
  display: block;
}
