﻿
/* About page content repair: fill empty intro image column, fix stats left clipping, hide template counter labels */
.page-id-28 .elementor-element-1965115 {
  background-image: url('/wp-content/uploads/2026/11/图片3.png') !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 12px !important;
  min-height: 552px !important;
}
.page-id-28 .elementor-element-cf1d357 { padding-left: 80px !important; }
.page-id-28 .elementor-counter-title { display: none !important; }

/* YSSTRAP brand palette correction (live ysstrap.com) */
.clone-header-scope .elementor-item,
.clone-header-scope .elementor-sub-item { color: #0059A7 !important; }
.clone-header-scope .elementor-item-active { color: #F0821A !important; }
.clone-header-scope .elementor-item-active::after,
.clone-header-scope .elementor-item-active::before { border-color: #F0821A !important; background-color: #F0821A !important; }
.clone-header-scope .elementor-button { background-color: #F0821A !important; color: #FFFFFF !important; border-color: #F0821A !important; }
.clone-header-scope .elementor-button:hover { background-color: #d96f0d !important; }

/* Product archive layout/colors */
.cxb-b2b-template2-title { text-align: left !important; }
.cxb-b2b-template2-description { border-left-color: #0059A7 !important; }
.cxb-b2b-add-to-quote-button {
  background: #0059A7 !important;
  border-color: #0059A7 !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  padding: 10px 22px !important;
}
.cxb-b2b-add-to-quote-button::before { content: "+"; margin-right: 8px; font-weight: 600; }
.cxb-b2b-add-to-quote-button:hover { background: #004A8C !important; border-color: #004A8C !important; color: #FFFFFF !important; }

/* Footer brand blue */
.clone-footer-scope [data-id="223dadbc"] { background: #0059A7 !important; color: #FFFFFF !important; }
.clone-footer-scope [data-id="223dadbc"] .elementor-heading-title,
.clone-footer-scope [data-id="223dadbc"] p,
.clone-footer-scope [data-id="223dadbc"] a,
.clone-footer-scope [data-id="223dadbc"] span,
.clone-footer-scope [data-id="223dadbc"] li { color: #FFFFFF !important; }
.clone-footer-scope [data-id="223dadbc"] .elementor-button { background: #FFFFFF !important; color: #0059A7 !important; border-color: #FFFFFF !important; }
.clone-footer-scope [data-id="223dadbc"] .elementor-button-text { color: #0059A7 !important; }

/* About hero background (source image failed to import) */
.page-id-28 .elementor-element-3c30dcf {
  background-image: linear-gradient(rgba(18,32,48,0.62), rgba(18,32,48,0.62)), url('/wp-content/uploads/2026/11/微信图片_20260629164852_1041_11-scaled.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Stronger overrides for generated inline !important styles */
.clone-header-scope .elementor-item.elementor-item-active,
.clone-header-scope li.current-menu-item > .elementor-item,
.clone-header-scope li.current-menu-ancestor > .elementor-item,
.clone-header-scope .elementor-item.elementor-item-active > .elementor-item-text { color: #F0821A !important; }
.clone-header-scope .elementor-item.elementor-item-active::after { background-color: #F0821A !important; border-color: #F0821A !important; }

body .cxb-b2b-add-to-quote-button,
body .cxb-b2b-product-card .cxb-b2b-add-to-quote-button {
  background-color: #0059A7 !important;
  border-color: #0059A7 !important;
  color: #FFFFFF !important;
}
body .cxb-b2b-add-to-quote-button:hover,
body .cxb-b2b-product-card .cxb-b2b-add-to-quote-button:hover {
  background-color: #004A8C !important;
  border-color: #004A8C !important;
  color: #FFFFFF !important;
}
.cxb-b2b-template2-description,
.cxb-b2b-template2-description p,
.cxb-b2b-template2-description div { text-align: left !important; }

/* Active Product nav on product archive/single */
body.post-type-archive-cxb_products .clone-header-scope a[href$="/products/"],
body.single-cxb_products .clone-header-scope a[href$="/products/"] { color: #F0821A !important; }

/* Home hero: use A-demo banner images full content, hide clone fallback buttons */
body.home .elementor-element-bb4566c .swiper-slide-bg {
  background-position: 25% center !important;
}
body.home .elementor-element-bb4566c .swiper-slide-contents { display: none !important; }

/* Home packaging: match A demo - categories only, 4 columns x 2 */
body.home .elementor-element-f8e542f { display: none !important; }
body.home .elementor-element-62757f0 .cxb-b2b-categories-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }


/* Home intro buttons and heading */
body.home .elementor-element-1f34626e .elementor-button {
  width: auto !important;
  min-width: 170px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  white-space: nowrap !important;
}
body.home .elementor-element-1f34626e .elementor-button-text { white-space: nowrap !important; }
body.home .elementor-element-1f34626e h2 { color: #222 !important; }

/* Home testimonials: A-demo centered quote cards */
body.home [data-id="6b099a8"] .elementor-testimonial {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  position: relative !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 30px 28px 24px !important;
}
body.home [data-id="6b099a8"] .elementor-testimonial__header {
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}
body.home [data-id="6b099a8"] .elementor-testimonial__image img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
body.home [data-id="6b099a8"] .elementor-testimonial__cite { text-align: center !important; }
body.home [data-id="6b099a8"] .elementor-testimonial__name { font-size: 20px !important; font-weight: 700 !important; color: #1f4f8f !important; }
body.home [data-id="6b099a8"] .elementor-testimonial__content { text-align: center !important; font-size: 13px !important; line-height: 1.75 !important; color: #555 !important; }
body.home [data-id="6b099a8"] .elementor-testimonial__icon {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 54px !important;
  height: 54px !important;
  background: #2e6fd6 !important;
  color: #fff !important;
  border-radius: 0 12px 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.home [data-id="6b099a8"] .elementor-testimonial__icon i { display: none !important; }
body.home [data-id="6b099a8"] .elementor-testimonial__icon::before { content: "“"; font-size: 38px; line-height: 1; font-family: Georgia, serif; }

/* Home intro factory image (A demo background file was missing locally) */
body.home .elementor-element-1ae0af9d {
  background-image: url('/wp-content/uploads/2026/07/factory-bg-2031.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Header nav: language item should be a link, not current-page tab; keep brand colors */
header .elementor-item,
.clone-header-scope .elementor-item {
  color: #0059A7 !important;
}
header .elementor-item-active,
.clone-header-scope .elementor-item-active {
  color: #F0821A !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
}
header .elementor-item:hover,
header .elementor-item:focus,
.clone-header-scope .elementor-item:hover,
.clone-header-scope .elementor-item:focus {
  color: #F0821A !important;
}
header .menu-item-848 > a.elementor-item,
.clone-header-scope .menu-item-848 > a.elementor-item {
  color: #0059A7 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

header .elementor-button.elementor-button-link,
.clone-header-scope .elementor-button.elementor-button-link {
  background-color: #F0821A !important;
  color: #fff !important;
}
header .elementor-button.elementor-button-link:hover,
header .elementor-button.elementor-button-link:focus,
.clone-header-scope .elementor-button.elementor-button-link:hover,
.clone-header-scope .elementor-button.elementor-button-link:focus {
  background-color: #D96F0D !important;
  color: #fff !important;
}
header .elementor-social-icon,
.clone-header-scope .elementor-social-icon {
  background-color: #3B5998 !important;
  color: #fff !important;
}


/* Language menu item: no active underline */
header .menu-item-848 > a.elementor-item::after,
.clone-header-scope .menu-item-848 > a.elementor-item::after { display: none !important; }
/* Unified Elementor button sizing + colors (sitewide self-check) */
[data-widget_type="button.default"] .elementor-button {
  font-size: 16px !important;
  line-height: 1.25 !important;
  padding: 14px 28px !important;
  min-height: 50px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}
[data-id="914ea9c"] .elementor-button,
[data-id="fe83ffa"] .elementor-button,
[data-id="1cf7061"] .elementor-button,
[data-id="768efbf9"] .elementor-button {
  background: #F0821A !important;
  color: #fff !important;
}
[data-id="914ea9c"] .elementor-button:hover,
[data-id="fe83ffa"] .elementor-button:hover,
[data-id="1cf7061"] .elementor-button:hover,
[data-id="768efbf9"] .elementor-button:hover {
  background: #D96F0D !important;
  color: #fff !important;
}
[data-id="62624941"] .elementor-button,
[data-id="c88cc03"] .elementor-button {
  background: #fff !important;
  color: #0059A7 !important;
  border: 1px solid #0059A7 !important;
}
[data-id="62624941"] .elementor-button:hover,
[data-id="c88cc03"] .elementor-button:hover {
  background: #EAF4FF !important;
  color: #0059A7 !important;
}
[data-id="fe83ffa"], [data-id="1cf7061"] { margin-top: 24px !important; }

/* Remaining primary CTAs + form submit unified */
[data-id="0bdcc72"] .elementor-button {
  background: #F0821A !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 16px !important;
  padding: 14px 28px !important;
  min-height: 50px !important;
  border-radius: 6px !important;
}
[data-id="0bdcc72"] .elementor-button:hover { background: #D96F0D !important; }
.cxb-form-submit {
  background: #F0821A !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 14px 28px !important;
  min-height: 50px !important;
  border-radius: 6px !important;
  border: 0 !important;
}
.cxb-form-submit:hover { background: #D96F0D !important; }

/* About Mission/Vision gallery: uniform 3-column grid, no masonry gaps */
.page-id-28 [data-id="2a80c1d"] .e-con-inner { align-items: center !important; }
.page-id-28 [data-id="52632b2"] .gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}
.page-id-28 [data-id="52632b2"] .gallery-item {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
.page-id-28 [data-id="52632b2"] .gallery-icon,
.page-id-28 [data-id="52632b2"] .gallery-icon a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.page-id-28 [data-id="52632b2"] .gallery-item img {
  display: block !important;
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}
.page-id-28 [data-id="2a80c1d"] p,
.page-id-28 [data-id="2a80c1d"] h2,
.page-id-28 [data-id="2a80c1d"] h3 {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
}
@media (max-width: 767px) {
  .page-id-28 [data-id="52632b2"] .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .page-id-28 [data-id="52632b2"] .gallery-item img { height: 150px !important; }
}

/* Force gallery figures to fill their grid track */
.page-id-28 [data-id="52632b2"] .gallery-item {
  width: 100% !important;
  max-width: 100% !important;
}

/* Remove duplicate English header menu item (language switcher is the floating one) */
header .menu-item-848,
.clone-header-scope .menu-item-848 { display: none !important; }

/* Header Leave a Message: single-line 50px primary button */
[data-id="914ea9c"] .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 172px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 24px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  border-radius: 6px !important;
}
[data-id="914ea9c"] .elementor-button-content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[data-id="914ea9c"] .elementor-button-text { white-space: nowrap !important; }

/* Home hero: keep the 1920x800 banner aspect ratio at desktop so the baked CTA is not magnified */
@media (min-width: 1025px) {
  body.home .elementor-element-bb4566c,
  body.home .elementor-element-bb4566c .swiper,
  body.home .elementor-element-bb4566c .swiper-wrapper,
  body.home .elementor-element-bb4566c .swiper-slide,
  body.home .elementor-element-bb4566c .swiper-slide-bg {
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
  }
  body.home .elementor-element-bb4566c .swiper-slide-bg {
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* A-demo gallery: 3 columns, 3:2 images, 10px gap; mobile 1 column */
.page-id-28 [data-id="52632b2"] .gallery { gap: 10px !important; }
.page-id-28 [data-id="52632b2"] .gallery-item img {
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
}
@media (max-width: 767px) {
  .page-id-28 [data-id="52632b2"] .gallery { grid-template-columns: 1fr !important; }
  .page-id-28 [data-id="52632b2"] .gallery-item img { height: auto !important; }
}

/* About: use the real A-demo factory image for intro + Why Partner background */
.page-id-28 .elementor-element-1965115 {
  background-image: url('/wp-content/uploads/2026/07/factory-bg-2031.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}
.page-id-28 .elementor-element-b51bc85 {
  background-image: linear-gradient(rgba(35,35,35,0.70), rgba(35,35,35,0.70)), url('/wp-content/uploads/2026/07/factory-bg-2031.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* About hero: match A-demo factory background (replace placeholder warehouse) */
.page-id-28 .elementor-element-3c30dcf {
  background-image: linear-gradient(rgba(18,32,48,0.62), rgba(18,32,48,0.62)), url('/wp-content/uploads/2026/07/factory-bg-2031.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}
