/*
 * YHogolf shared brand layer
 * Loaded after the legacy layout styles on every frontend template.
 */
:root {
  --brand-green: #3b82ff;
  --brand-green-deep: #042167;
  --brand-green-soft: #e8f1ff;
  --brand-gold: #f7b500;
  --brand-ink: #333333;
  --brand-copy: #666666;
  --brand-line: #eaeaea;
  --brand-surface: #f6f6f6;
  --brand-white: #fff;
  --brand-shadow: 0 14px 38px rgba(4, 40, 126, .10);

  /* Compatibility tokens used throughout the original templates. */
  --color: var(--brand-green);
  --fontcolor: var(--brand-ink);
  --summarycolor: var(--brand-copy);
  --basecolor: var(--brand-green);
  --border: 6px;
}

body.yho-theme {
  padding-top: 125px;
  background: var(--brand-surface);
  color: var(--brand-ink);
}

body.yho-theme main:not(.golf-landing) {
  background: var(--brand-surface);
}

body.yho-theme a:focus-visible,
body.yho-theme button:focus-visible,
body.yho-theme input:focus-visible,
body.yho-theme textarea:focus-visible,
body.yho-theme select:focus-visible {
  outline: 3px solid rgba(247, 181, 0, .55);
  outline-offset: 3px;
}

/* Header and navigation */
body.yho-theme header .head-top {
  background: var(--brand-green);
}

body.yho-theme header .head-info {
  border-bottom: 1px solid var(--brand-line);
  box-shadow: 0 8px 28px rgba(4, 40, 126, .08);
}

body.yho-theme header .head-info .head-nav .nav-ul > li > a,
body.yho-theme header .head-info .head-nav .nav-ul > li > em {
  color: var(--brand-ink);
}

body.yho-theme header .head-info .head-nav .nav-ul > li > a.inmenu_1,
body.yho-theme header .head-info .head-nav .nav-ul > li:hover > a,
body.yho-theme header .head-info .head-nav .nav-ul > li:hover > em,
body.yho-theme header .head-info .head-nav .nav-ul > li.cur > a,
body.yho-theme header .head-info .head-nav .nav-ul > li.cur > em,
body.yho-theme .head-search button em {
  color: var(--brand-green);
}

body.yho-theme header .head-info .head-nav .nav-ul > li > a::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: -7px;
  left: 20px;
  height: 2px;
  background: var(--brand-gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}

body.yho-theme header .head-info .head-nav .nav-ul > li:hover > a::after,
body.yho-theme header .head-info .head-nav .nav-ul > li > a.inmenu_1::after,
body.yho-theme header .head-info .head-nav .nav-ul > li.cur > a::after {
  transform: scaleX(1);
}

body.yho-theme header .head-info .head-nav .nav-ul > li .submenu {
  border-top: 3px solid var(--brand-gold);
}

body.yho-theme header .head-info .head-nav .nav-ul > li .submenu li:hover,
body.yho-theme header .head-info .head-nav .nav-ul > li .submenu li:hover ul {
  background: var(--brand-surface);
}

body.yho-theme .m-menu span {
  background: var(--brand-green);
}

/* Shared internal-page banner */
body.yho-theme .crumbs .banner-img {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  background: var(--brand-green-deep);
}

body.yho-theme .crumbs .banner-img .innerbanners {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.yho-theme .crumbs .banner-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(4, 33, 103, .96), rgba(4, 40, 126, .75) 50%, rgba(59, 130, 255, .24));
}

body.yho-theme .crumbs .banner-text {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: max(70px, calc((100% - 1560px) / 2));
  right: 70px;
  max-width: 760px;
  color: var(--brand-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 700;
  line-height: 1.08;
  text-align: left;
  text-transform: none;
  transform: translateY(-50%);
}

body.yho-theme .crumbs .banner-text p {
  max-width: 680px;
  margin-top: 14px;
  color: rgba(255, 255, 255, .76);
  font-family: var(--fontfamily);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
}

body.yho-theme .crumbs .banner-content {
  padding: 10px 0;
  border-bottom: 1px solid var(--brand-line);
  background: var(--brand-white);
}

body.yho-theme .crumbs .banner-content .l-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

body.yho-theme .crumbs .banner-content .banner-title-h1 {
  color: var(--brand-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: none;
}

body.yho-theme .crumbs .banner-content .banner-breadcrumbs,
body.yho-theme .crumbs .banner-content .banner-breadcrumbs em {
  color: var(--brand-copy);
  font-size: 14px;
}

body.yho-theme .crumbs .banner-content .banner-breadcrumbs {
  max-width: 72%;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
}

body.yho-theme .crumbs .banner-content .banner-breadcrumbs a {
  transition: color .15s linear;
}

body.yho-theme .crumbs .banner-content .banner-breadcrumbs a:hover {
  color: var(--brand-green);
}

/* Content surfaces and reusable cards */
body.yho-theme .common-main {
  background: var(--brand-surface);
}

body.yho-theme .sidebar {
  margin-right: 34px;
}

body.yho-theme .sidebar .mod,
body.yho-theme .news .wrap-r .particulars,
body.yho-theme .solution-b,
body.yho-theme .solution .solution1-list li,
body.yho-theme .case .case-list ul li,
body.yho-theme .contact .contact-list li,
body.yho-theme .faqs-list li,
body.yho-theme .product .right-wrap .pro-list li,
body.yho-theme .product .page-container .product-catelist .product-cateitem,
body.yho-theme .send,
body.yho-theme .inquiry-pc {
  border-color: var(--brand-line);
  border-radius: 10px;
  background: var(--brand-white);
  box-shadow: var(--brand-shadow);
}

body.yho-theme .sidebar .mod {
  overflow: hidden;
  border: 1px solid var(--brand-line);
}

body.yho-theme .sidebar .mod .title,
body.yho-theme .sidebar-title.title {
  background: var(--brand-green-deep);
  color: var(--brand-white);
  padding: 15px 20px;
}

body.yho-theme .sidebar .mod .title p,
body.yho-theme .sidebar-title.title p {
  color: inherit;
}

body.yho-theme .sidebar .mod .title::after,
body.yho-theme .sidebar-title.title::after,
body.yho-theme .inquiry-pc .title::after {
  background: var(--brand-gold);
}

body.yho-theme .sidebar .categories ul li a,
body.yho-theme .sidebar .products ul li > div,
body.yho-theme .sidebar .news ul li > div {
  border-color: var(--brand-line);
  background: var(--brand-white);
}

body.yho-theme .sidebar .categories ul li a.act,
body.yho-theme .sidebar .categories .menu-item.active > a,
body.yho-theme .sidebar .mod ul li:hover > a {
  background: var(--brand-green);
  color: var(--brand-white);
}

body.yho-theme .news .wrap-r .news-list li,
body.yho-theme .product .right-wrap .pro-list li {
  border-color: var(--brand-line);
  border-radius: 10px;
  background: var(--brand-white);
  box-shadow: 0 10px 28px rgba(7, 22, 17, .06);
}

body.yho-theme .news .wrap-r .news-list li:hover,
body.yho-theme .product .right-wrap .pro-list li:hover {
  border-color: var(--brand-green);
  box-shadow: 0 16px 36px rgba(7, 22, 17, .11);
}

body.yho-theme .news .wrap-r .news-list li .info .title,
body.yho-theme .product .right-wrap .pro-list li .pro-info .pro-name,
body.yho-theme .every-title .title,
body.yho-theme .solution-b .every-title,
body.yho-theme .contact .contact-list li .title {
  color: var(--brand-ink);
}

body.yho-theme .every-title .theme,
body.yho-theme .home .unify .theme {
  color: var(--brand-gold);
  font-weight: 800;
  letter-spacing: .1em;
}

/* Buttons, forms and interactive accents */
body.yho-theme .btn-more,
body.yho-theme .send .btn,
body.yho-theme .contact .inquiry .send-btn,
body.yho-theme .inquiry .wpforms-submit,
body.yho-theme .inquiry-pc #feedbackForm .send-btn,
body.yho-theme .download-list li .download-btn,
body.yho-theme .compare-inquire,
body.yho-theme .news .wrap-r .news-list li:hover .info .more-btn {
  border-color: var(--brand-green);
  background: var(--brand-green);
  color: var(--brand-white);
  box-shadow: none;
}

body.yho-theme .btn-more:hover,
body.yho-theme .send .btn:hover,
body.yho-theme .contact .inquiry .send-btn:hover,
body.yho-theme .inquiry .wpforms-submit:hover,
body.yho-theme .inquiry-pc #feedbackForm .send-btn:hover,
body.yho-theme .download-list li .download-btn:hover {
  background: var(--brand-green-deep);
  box-shadow: 0 10px 24px rgba(7, 22, 17, .18);
}

body.yho-theme input:focus,
body.yho-theme textarea:focus,
body.yho-theme select:focus,
body.yho-theme #feedbackForm input:focus,
body.yho-theme #feedbackForm textarea:focus {
  border-color: var(--brand-green);
}

body.yho-theme .product .right-wrap .commodity .info .btn > div {
  border-color: var(--brand-green);
  color: var(--brand-green);
}

body.yho-theme .product .right-wrap .commodity .info .btn > div:hover,
body.yho-theme .product .right-wrap .commodity .info .btn .addToCart.added {
  background: var(--brand-green);
  color: var(--brand-white);
}

body.yho-theme .faqs-list li .project-info.open .project-name,
body.yho-theme .solution .solution2-list li .item-box .top,
body.yho-theme .now {
  background: var(--brand-green);
  color: var(--brand-white);
}

body.yho-theme .faqs-list li .project-info .project-name em,
body.yho-theme .contact .contact-list li .ic,
body.yho-theme .solution-b .solution-b-list li em,
body.yho-theme .advantage-list li .left em {
  color: var(--brand-green);
}

body.yho-theme .detail-page > div:hover,
body.yho-theme .preview-container .thumbnail-box .item.item-cur {
  border-color: var(--brand-green);
}

body.yho-theme .detail-page div:hover .link-intro,
body.yho-theme .page a:hover,
body.yho-theme .wp-pagenavi span.current {
  border-color: var(--brand-green);
  background: var(--brand-green);
  color: var(--brand-white);
}

body.yho-theme .detail-page .name:hover,
body.yho-theme article a,
body.yho-theme .contact .contact-list li a:hover {
  color: var(--brand-green);
}

/* Footer, floating contact and feedback */
body.yho-theme .footer-top {
  background: var(--brand-green);
}

body.yho-theme .footer-top .l-wrap .btn {
  border-color: var(--brand-gold);
  background: var(--brand-gold);
  color: #10130f;
}

body.yho-theme .footer-top .l-wrap .btn::after {
  background: var(--brand-white);
}

body.yho-theme .footer-top .l-wrap .btn:hover {
  border-color: var(--brand-white);
  color: var(--brand-green-deep);
}

body.yho-theme .footer-bottom {
  background: var(--brand-green-deep);
  color: rgba(255, 255, 255, .72);
}

body.yho-theme .footer-bottom .title,
body.yho-theme .footer-bottom a,
body.yho-theme .footer-bottom .main div p.title {
  color: var(--brand-white);
}

body.yho-theme .footer-bottom a:hover {
  color: var(--brand-gold);
}

body.yho-theme footer .gotop,
body.yho-theme .rfixed,
body.yho-theme .rfixed-sc {
  background: var(--brand-green);
}

body.yho-theme .ey_message .message-header,
body.yho-theme .content-wrap.form .ch_form_wrap .title,
body.yho-theme .content-wrap.form .ch_form_wrap .item_submit input,
body.yho-theme .ey_message .ey_input .ey_input-submit {
  background: var(--brand-green);
}

body.yho-theme .content-wrap.form .ch_form_wrap ul input,
body.yho-theme .content-wrap.form .ch_form_wrap ul textarea,
body.yho-theme .content-wrap.form .ch_form_wrap ul select {
  border-left-color: var(--brand-green);
}

@media screen and (max-width: 1024px) {
  body.yho-theme {
    padding-top: 58px;
  }

  body.yho-theme .crumbs .banner-text {
    display: block;
    left: 30px;
    right: 30px;
    font-size: 38px;
  }
}

@media screen and (max-width: 768px) {
  body.yho-theme .crumbs .banner-img {
    height: 210px;
  }

  body.yho-theme .crumbs .banner-text {
    left: 20px;
    right: 20px;
    font-size: 32px;
  }

  body.yho-theme .crumbs .banner-text p {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 9px;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.yho-theme .crumbs .banner-content {
    display: none;
  }

  body.yho-theme .news .wrap-r .particulars,
  body.yho-theme .send,
  body.yho-theme .inquiry-pc {
    border: 1px solid var(--brand-line);
    box-shadow: 0 10px 28px rgba(7, 22, 17, .06);
  }

}

@media screen and (max-width: 500px) {
  body.yho-theme .crumbs .banner-img {
    height: 180px;
  }

  body.yho-theme .product .right-wrap .pro-list.list1 li {
    width: 100%;
    margin-right: 0;
  }
}


/* Kaixu-inspired blue and orange palette overrides. */
body.yho-theme.yho-home .golf-hero {
  background-color: var(--brand-green-deep);
  background-image: linear-gradient(90deg, rgba(4, 33, 103, .98) 0, rgba(4, 40, 126, .84) 38%, rgba(59, 130, 255, .18) 72%), url('https://boshanvacuum.com/wp-content/themes/ecsolve/static/images/golf-ball-factory-hero.png');
}
body.yho-theme.yho-home .golf-hero::after {
  background: linear-gradient(180deg, rgba(4, 33, 103, 0), rgba(4, 33, 103, .62));
}
body.yho-theme.yho-home .golf-quote-now:not(.golf-btn-primary) {
  background: var(--brand-green);
}
body.yho-theme.yho-home .golf-quote-now:not(.golf-btn-primary):hover {
  background: #2f70e8;
}
body.yho-theme.yho-home .golf-btn-primary,
body.yho-theme.yho-home .golf-btn-primary.golf-quote-now {
  background: var(--brand-gold);
  color: #333333;
  box-shadow: 0 12px 26px rgba(247, 181, 0, .24);
}
body.yho-theme.yho-home .golf-btn-primary:hover,
body.yho-theme.yho-home .golf-btn-primary.golf-quote-now:hover {
  background: #ffc42e;
  color: #333333;
}
body.yho-theme.yho-home .golf-final-cta {
  background: linear-gradient(135deg, var(--brand-green), var(--brand-green-deep));
}
body.yho-theme.yho-home .golf-privacy-popup {
  border-color: rgba(59, 130, 255, .2);
  box-shadow: 0 18px 50px rgba(4, 33, 103, .22);
}
@media screen and (max-width: 760px) {
  body.yho-theme.yho-home .golf-hero {
    background-image: linear-gradient(180deg, rgba(4, 33, 103, .96) 0, rgba(4, 40, 126, .88) 52%, rgba(59, 130, 255, .68) 100%), url('https://boshanvacuum.com/wp-content/themes/ecsolve/static/images/golf-ball-factory-hero.png');
  }
}