/* Shang-Ren Publishing theme for CMS12 */
/* Rebuilt from the legacy easy.express site design language */
/* primary #375D9B deep blue / accent #FFDD87 warm yellow */
/* custom.css loads last, so :root token overrides beat tokens.css */

:root {
  --cms-color-primary: #375d9b;
  --cms-color-primary-rgb: 55, 93, 155;
  --cms-color-accent: #375d9b;
  --cms-color-bg-soft: #f2f2f2;
  --cms-color-border: #e2e7f0;
  --cms-color-divider: #e2e7f0;
  --cms-color-btn-dark: #375d9b;
}

/* Header: deep blue band, echoing the legacy site nav strip */
/* the theme paints the background via #header (an ID), so an ID is needed to win */
#header.header {
  background: #375d9b;
  border-bottom: 3px solid #2c4a7c;
}

/* desktop nav labels; theme rule is .navbar-nav .nav-item .nav-link */
#header.header .navbar-nav .nav-item .nav-link {
  color: #ffffff;
}

#header.header .navbar-nav .nav-item .nav-link:hover {
  color: #ffdd87;
}

/* the dropdown panel stays light, so its links must stay dark */
/* the white rule above is (1,4,0); this must be deeper or the panel goes white on white */
#header.header .navbar-nav .nav-item .dropdown-menu .nav-link {
  color: #2c2c2c;
}

/* theme paints a dark grey hover bg here; override both or it goes dark on dark */
#header.header .navbar-nav .nav-item .dropdown-menu .nav-link:hover {
  background: #eaf0f9;
  color: #375d9b;
}

#header.header .navbar-nav .nav-item .dropdown-menu .nav-link:focus {
  background: #eaf0f9;
  color: #375d9b;
}

/* hamburger icon is a dark SVG; invert it on the blue band */
#header.header .navbar-toggler {
  filter: brightness(0) invert(1);
}

/* mobile slide-out menu keeps a light background, so links stay blue */
.menu-btn-l1-link {
  color: #375d9b;
  font-weight: 500;
}

.menu-btn-l1-link:hover {
  color: #2c4a7c;
}

/* Footer: deep blue block, matching the legacy site footer */
footer.footer-area.gray-bg {
  background: #375d9b;
  color: #e8eefa;
}

footer.footer-area.gray-bg .footer-default-title {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

footer.footer-area.gray-bg .footer-default-block-title {
  color: #ffdd87;
}

/* the tick before each block title is a pseudo element */
footer.footer-area.gray-bg .footer-default-block-title::before {
  background: #ffdd87;
}

footer.footer-area.gray-bg .footer-default-item p {
  color: #e8eefa;
}

footer.footer-area.gray-bg .footer-default-icon {
  color: #ffdd87;
}

footer.footer-area.gray-bg .footer-default-line-label {
  color: #b9c8e4;
}

footer.footer-area.gray-bg .footer-default-line-id {
  color: #ffdd87;
}

footer.footer-area.gray-bg a {
  color: #e8eefa;
}

footer.footer-area.gray-bg a:hover {
  color: #ffdd87;
}

/* the copyright band is a pseudo element, not a real div */
footer.footer-area.gray-bg .footer-default-inner::before {
  background: #2c4a7c;
}

/* Rich text: theme default h3 is #AEBCB9, too low contrast on white */
.innerpage-edit-box h2,
.innerpage-edit-box h3,
.innerpage-edit-box h4 {
  color: #375d9b;
}

.innerpage-edit-box h3 {
  font-size: 20px;
  margin-top: 1.6em;
  padding-left: 0.6em;
  border-left: 4px solid #ffdd87;
}
/* Card carousel: source art is near-square but the slot is wide. */
/* cover would crop the LINE QR code and make it unscannable. */
.widget-bannerC img.widgetImgResponsive {
  object-fit: contain;
  background: #ffffff;
}
/* Floating action buttons: theme uses a neutral #444 */
.function-btns-area .btn-Expand,
.function-btns-area .btn-Cart {
  background: #ffd15e;
  color: #2c4a7c;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.28);
}

.function-btns-area .btn-Expand:hover,
.function-btns-area .btn-Cart:hover {
  background: #ffdd87;
  color: #2c4a7c;
}

/* Mega menu panel: neutral greys retinted to the brand */
.mega-menu-panel-title {
  color: #375d9b;
}

.mega-menu-rail-item:hover > .mega-menu-rail-link {
  background: #eaf0f9;
  color: #375d9b;
}

.mega-menu-rail-item.active > .mega-menu-rail-link {
  background: #375d9b;
  color: #ffffff;
}

.mega-menu-rail-item.active > .mega-menu-rail-link .mega-menu-rail-arrow {
  color: #ffffff;
}

.mega-menu-viewall {
  border-color: #375d9b;
  color: #375d9b;
}

.mega-menu-viewall:hover {
  background: #375d9b;
  border-color: #375d9b;
  color: #ffffff;
}

.mega-menu-search-input:focus {
  border-color: #375d9b;
  background: #ffffff;
}
/* accent bars: theme paints these near-black, invisible or off-brand */
.product-side-menu .widget-title::after {
  background: #375d9b;
}

#header.header .navbar-nav .nav-item.headerMenu1 > .nav-link::after {
  background: #ffdd87;
}

.contact-form__title {
  color: #375d9b;
}

.contact-form__title::before {
  background: #375d9b;
}

.footerInfo::after {
  background: rgba(255, 255, 255, 0.35);
}

.breadcrumbs-title {
  color: #375d9b;
}

.auth-form__title {
  color: #375d9b;
}

.auth-form__title::before {
  background: #375d9b;
}

/* back to top is a utility control, kept quieter than the two action buttons */
/* white keeps it legible on both the white page body and the blue footer */
#scrollUp {
  background: #ffffff;
  color: #375d9b;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);
}

#scrollUp:hover {
  background: #375d9b;
  color: #ffffff;
}