/* --- CAFFTI 整站风格深度重构 (Azone/Teying 风格) --- */

/* 1. 全局配色重定义：抛弃奶油色，转向极简白/硬核黑 */
:root {
    --primary-gold: #c5a059;
    --industrial-black: #000000;
    --clean-white: #ffffff;
    --light-gray: #f4f4f4;
}

/* 强制修改整站背景：从奶油色变为极简白 */
body, .site, .content-area, article, section.elementor-section {
    background-color: var(--clean-white) !important;
    color: var(--industrial-black) !important;
}

/* 2. 标题系统升级：超大、加粗、衬线体 */
h1, h2, h3, .elementor-heading-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    line-height: 1.2 !important;
}

/* 3. B2B 按钮升级：完全去圆角、实黑背景、金色文字 */
.elementor-button, .button, button, [type="submit"] {
    background-color: var(--industrial-black) !important;
    color: var(--primary-gold) !important;
    border: 1px solid var(--industrial-black) !important;
    border-radius: 0px !important; /* 彻底消除圆角 */
    padding: 15px 35px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    transition: 0.3s all ease !important;
}

.elementor-button:hover {
    background-color: var(--primary-gold) !important;
    color: #fff !important;
    border-color: var(--primary-gold) !important;
}

/* 4. 间距与质感：增加呼吸感，添加金色细线装饰 */
.elementor-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* 为特定版块添加 Azone 同款金色点缀线 */
h2.elementor-heading-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: var(--primary-gold);
    margin-top: 15px;
}

/* CAFFTI header brand refresh */
.custom-logo-link img.custom-logo {
  content: url("https://cafftijewelrydesign.com/wp-content/uploads/2026/07/caffti-header-logo-light.png") !important;
  width: 240px !important;
  max-width: 240px !important;
  height: auto !important;
  object-fit: contain !important;
}
.ast-builder-social-element.ast-whatsapp {
  background: #25D366 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  margin-left: 8px !important;
  line-height: 1 !important;
}
.ast-builder-social-element.ast-whatsapp::after {
  content: "WhatsApp";
  margin-left: 7px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .custom-logo-link img.custom-logo { width: 180px !important; max-width: 180px !important; }
  .ast-builder-social-element.ast-whatsapp { padding: 8px 10px !important; }
  .ast-builder-social-element.ast-whatsapp::after { content: none; }
}

/* --- CAFFTI footer refinement --- */
#colophon .site-primary-footer-wrap {
  background: #f7f3ed !important;
  border-top: 1px solid #e4ddd2 !important;
  padding: 64px 0 56px !important;
}
#colophon .site-primary-footer-inner-wrap {
  grid-template-columns: 1fr 1fr .75fr 1.5fr !important;
  align-items: start !important;
  column-gap: 56px !important;
}
#colophon .site-footer-section {
  text-align: left !important;
}
#colophon .widget {
  margin-bottom: 0 !important;
}
#colophon .wp-block-heading:empty {
  display: none !important;
}
#colophon .widget-title,
#colophon .wp-block-heading {
  margin: 0 0 20px !important;
  color: #201d19 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
#colophon,
#colophon p,
#colophon a,
#colophon .menu-link {
  color: #5e574f !important;
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: .01em !important;
}
#colophon strong {
  color: #201d19 !important;
  font-weight: 600 !important;
}
#colophon a:hover {
  color: #b38645 !important;
}
#colophon .wp-block-image {
  margin: 2px 0 0 !important;
}
#colophon .wp-block-image img {
  width: 150px !important;
  height: auto !important;
}
#colophon ul.menu,
#colophon ul.sub-menu {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#colophon .menu-item {
  margin: 0 0 8px !important;
}
#colophon #menu-item-895 > .menu-link {
  display: none !important;
}
#colophon .sub-menu {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
#colophon .sub-menu .menu-link {
  padding: 0 !important;
}
#colophon .ast-header-navigation-arrow,
#colophon .sub-menu .ast-icon {
  display: none !important;
}
#colophon .site-footer-primary-section-4 p {
  margin: 0 !important;
}
#colophon .site-below-footer-wrap {
  border-top: 1px solid #e4ddd2 !important;
  background: #f7f3ed !important;
}
@media (max-width: 921px) {
  #colophon .site-primary-footer-inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 40px !important;
  }
}
@media (max-width: 767px) {
  #colophon .site-primary-footer-wrap {
    padding: 44px 24px 36px !important;
  }
  #colophon .site-primary-footer-inner-wrap {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  #colophon .site-footer-section {
    text-align: left !important;
  }
  #colophon .widget-title,
  #colophon .wp-block-heading {
    margin-bottom: 14px !important;
  }
}