/*
 * DAIKAN monochrome theme override
 * Only visual colors are overridden. Original layout and modules remain intact.
 */
:root {
  --mono-bg: #ffffff;
  --mono-text: #111111;
  --mono-muted: #666666;
  --mono-line: #d9d9d9;
  --mono-soft: #f5f5f5;
}

html, body, .main {
  background: var(--mono-bg) !important;
  color: var(--mono-text) !important;
}

a, a:hover { color: inherit; }

nav,
nav.navActive,
.navActive {
  background: rgba(255,255,255,.96) !important;
  color: var(--mono-text) !important;
  border-bottom: 1px solid var(--mono-line);
}
nav .logo { background: #fff !important; }
nav .logo img,
.mlogo img,
footer .logo img { filter: grayscale(1) contrast(1.25); }
nav .hover-layout { background: var(--mono-text) !important; }
nav ul a .activeNav,
body.menu .m-nav { color: var(--mono-text) !important; }
nav ul a .activeNav::before { background: var(--mono-text) !important; }
.d6 input { color: var(--mono-text) !important; }
.d6 input::placeholder { color: rgba(0,0,0,.48) !important; }
.d6 input:focus { border-bottom-color: var(--mono-text) !important; }
.d6 img,
.m-nav,
.txt-swiper .swiper-button-prev img,
.txt-swiper .swiper-button-next img,
.backTop { filter: grayscale(1) brightness(0); }
.m-nav { color: var(--mono-text) !important; }
.m-nav p,
body.menu .m-nav p { background: var(--mono-text) !important; }

.aboutUs,
.boxes,
.boxes.ns,
.product,
.product_box,
.brand-advantage,
.brand-introduction,
.brand-introduction-right,
.sub_main2,
.cooperationPlate,
.cooperationPlate .boxs,
.detailBox,
.pro_detail,
._news_detail,
footer,
.footer {
  background-color: var(--mono-bg) !important;
  color: var(--mono-text) !important;
}

.aboutUsText,
.aboutUsText .content,
.aboutUsText .title,
.aboutUsText .more,
.boxes.ns,
.newsBox,
.newsBox .sub_title,
.newsBox .right,
.newsBox .right .title,
.newsBox .right .content,
footer,
footer .left .text,
footer .right,
footer .right .nav,
footer .right .text,
footer .tips,
footer .tips a,
.brand-advantage,
.brand-advantage-content .info,
.brand-introduction-right,
.sub_title,
.sub_title2,
._sub_title,
._pageTitleTab,
._news_detail,
.cooperationPlate,
.cooperationPlate .service1 .text,
.cooperationPlate .service1 .text h3,
.cooperationPlate .service1 .text h4,
.cooperationPlate .service1 .text .summary,
.cooperationPlate .hotline .text,
.cooperationPlate .hotline .text a {
  color: var(--mono-text) !important;
}

.aboutUsText .content,
footer .left .text,
footer .tips,
.newsBox .right .content,
.brand-advantage-content .info p:nth-child(3) {
  opacity: 1 !important;
  color: var(--mono-muted) !important;
}

.img-swiper2 .left .en,
.img-swiper2 .left .more,
.joinUsImg,
.sub_title2 p,
.brand-introduction-right .sub_title p {
  color: var(--mono-text) !important;
}

.img-swiper2 .right,
.aboutUsText .more span,
.img-swiper2 .left .more p span,
.newsBox .more p span,
.backTop,
._pageTitleTab a.active,
._pageTitleTab a:hover,
.ab_pages a:hover,
.ab_pages .active {
  background: var(--mono-text) !important;
  color: #fff !important;
}

.aboutUsText .more:hover,
.img-swiper2 .left .more p:hover,
.newsBox .more p:hover {
  background: var(--mono-text) !important;
  color: #fff !important;
}
.aboutUsText .more:hover span,
.img-swiper2 .left .more p:hover span,
.newsBox .more p:hover span {
  background: #fff !important;
  color: var(--mono-text) !important;
}

.join_left .leftText .title,
.join_left .leftText .content,
.join_left .leftText .phone,
.join_right .rightText .title,
.join_right .rightText .content,
.join_left .leftText .en,
.join_right .rightText .en {
  color: var(--mono-text) !important;
  text-shadow: 0 1px 8px rgba(255,255,255,.95);
}

footer { border-top: 1px solid var(--mono-line); }
footer .right .nav { border-bottom-color: var(--mono-line) !important; }
footer .wechat,
footer .QRcode img { filter: grayscale(1); }

.brand-advantage,
.cooperationPlate .boxs.b1,
.cooperationPlate .boxs.b2,
.product_box,
.sub_main2 { border-top-color: var(--mono-line) !important; }

._pageTitleTab a,
.ab_pages a,
.contactForm-input-2 input,
._contact_box-input textarea,
._contact_box-input button,
.submit-2 {
  color: var(--mono-text) !important;
  border-color: var(--mono-line) !important;
}
._contact_box-input button,
.submit-2 { background: var(--mono-soft) !important; }

::selection { background: var(--mono-text) !important; color: #fff !important; }

/* Language switch: added without changing the original navigation structure. */
.language-switch {
  position: absolute;
  right: 88px;
  top: 0;
  height: 70px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 4;
  font-size: 12px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.language-switch a {
  display: inline-block;
  line-height: 1;
  padding: 6px 7px;
  border: 1px solid transparent;
  color: var(--mono-text);
}
.language-switch a + a::before {
  content: '';
  position: relative;
  left: -8px;
  border-left: 1px solid var(--mono-line);
}
.language-switch a.active {
  border-color: var(--mono-text);
}

@media only screen and (max-width: 1200px) {
  .language-switch {
    position: absolute;
    right: auto;
    left: 0;
    top: auto;
    bottom: 42px;
    width: 100%;
    height: auto;
    justify-content: center;
  }
}
