/* Unified full-bleed hero for interior pages (shop, category, blog, archive). */

/* 内页 hero：大幅图片背景横幅（shop/分类/博客/归档通用）。 */
.bc-transparent-header .wd-page-title {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  min-height: clamp(260px, 36vh, 380px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px clamp(20px, 5vw, 40px) !important;
  border: 0 !important;
  background:
    url("https://www.bagscabinet.com/wp-content/uploads/2026/05/pexels-edgar-martinez-2154660358-33522417.jpg") center/cover no-repeat,
    var(--bc-hero-ink) !important;
  text-align: center !important;
  overflow: hidden !important;
}

/* 暗化遮罩保证白字可读。 */
.bc-transparent-header .wd-page-title::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(26, 18, 13, .45) !important;
}

.bc-transparent-header .wd-page-title .wd-page-title-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

.bc-transparent-header .wd-page-title .wd-page-title-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(26, 18, 13, .35) !important;
}

.bc-transparent-header .wd-page-title .container,
.bc-transparent-header .wd-page-title .wd-title-wrapp {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}

.bc-transparent-header .wd-page-title :is(.title, .entry-title, h1) {
  margin: 0 !important;
  color: #fff !important;
  font-family: var(--bc-sans) !important;
  font-size: clamp(2rem, 3.6vw, 2.8rem) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .4) !important;
}

.bc-transparent-header .wd-page-title :is(.wd-breadcrumbs, .woocommerce-breadcrumb, .breadcrumbs) {
  margin-top: 8px !important;
  color: rgba(255, 255, 255, .75) !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.bc-transparent-header .wd-page-title :is(.wd-breadcrumbs a, .woocommerce-breadcrumb a, .breadcrumbs a) {
  color: #fff !important;
}

.bc-transparent-header .wd-page-title .wd-back-btn a {
  color: rgba(255, 255, 255, .85) !important;
}

/* Contact uses its own .hero — hide the theme page title. */
.page-id-22 .wd-page-title {
  display: none !important;
}

/* ---- Contact page hero (page-contact.php .hero) ----
   Header 已恒为实底，内容自带 padding-top，hero 不再额外预留。 */
.page-id-22 .hero {
  padding: clamp(48px, 6vw, 72px) clamp(20px, 5vw, 48px) !important;
  background: var(--bc-hero-ink) !important;
  text-align: center !important;
}

.page-id-22 .hero > * {
  position: relative !important;
  z-index: 1 !important;
}

/* ---- My account (login / register) ---- */
.woocommerce-account .wd-content-layout {
  padding-top: clamp(48px, 6vw, 80px) !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}

.woocommerce-account .woocommerce {
  max-width: 980px !important;
  margin-inline: auto !important;
}

.woocommerce-account .u-columns.col2-set,
.woocommerce-account #customer_login.u-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .u-column2 {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(32px, 4vw, 52px) clamp(24px, 3.5vw, 48px) !important;
  border: 1px solid var(--bc-border) !important;
}

.woocommerce-account #customer_login > .u-column2 {
  border-left: 0 !important;
  background: var(--bc-soft, #faf8f5) !important;
}

.woocommerce-account #customer_login h2,
.woocommerce-account .woocommerce > h2 {
  margin: 0 0 24px !important;
  color: var(--bc-ink) !important;
  font-family: var(--bc-serif) !important;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}

.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .woocommerce-form__label {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--bc-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.woocommerce-account .woocommerce-form-row input.input-text,
.woocommerce-account .woocommerce-form-row .woocommerce-password-input {
  width: 100% !important;
  height: 50px !important;
}

.woocommerce-account .woocommerce-form-row {
  margin-bottom: 18px !important;
}

.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .woocommerce-Button.button {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 0 !important;
  background: var(--bc-ink) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover,
.woocommerce-account .woocommerce-Button.button:hover {
  background: var(--bc-accent) !important;
  color: #fff !important;
}

.woocommerce-account .woocommerce-form-login__rememberme {
  margin: 6px 0 0 !important;
  color: var(--bc-subtle) !important;
  font-size: 13px !important;
}

.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .lost_password a {
  color: var(--bc-accent) !important;
  font-size: 13px !important;
}

.woocommerce-account #customer_login > .u-column2 p,
.woocommerce-account .woocommerce-privacy-policy-text p {
  color: var(--bc-copy) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Single article navigation and comments. */
.single-post :is(.post-single-page, .wd-single-footer, .related-posts-slider) {
  max-width: 980px !important;
  margin-inline: auto !important;
}

.single-post .wd-page-nav {
  display: grid !important;
  grid-template-columns: 1fr 44px 1fr !important;
  max-width: 980px !important;
  min-height: 96px !important;
  margin: 48px auto 64px !important;
  border-block: 1px solid var(--bc-border) !important;
}

.single-post .wd-page-nav-btn {
  max-width: none !important;
}

.single-post .wd-page-nav-btn a {
  padding: 20px 56px !important;
}

.single-post .wd-page-nav-btn .wd-label {
  display: block !important;
  margin-bottom: 5px !important;
  color: var(--bc-accent) !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.single-post .wd-page-nav-btn .wd-entities-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--bc-ink) !important;
  font-family: var(--bc-serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.single-post .comments-area {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding-top: 44px !important;
  border-top: 1px solid var(--bc-border) !important;
}

.single-post .comments-area :is(.comments-title, .comment-reply-title) {
  margin-bottom: 16px !important;
  color: var(--bc-ink) !important;
  font-family: var(--bc-serif) !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 400 !important;
}

.single-post .comments-area .comment-respond {
  margin-top: 0 !important;
}

.single-post .comments-area .logged-in-as {
  margin-bottom: 24px !important;
  color: var(--bc-muted) !important;
  font-size: 13px !important;
}

.single-post .comments-area .logged-in-as > a,
.single-post .comments-area .required-field-message {
  border: 0 !important;
  color: var(--bc-muted) !important;
  font-size: 13px !important;
}

.single-post .comment-form {
  margin-inline: 0 !important;
}

.single-post .comment-form > p {
  padding-inline: 0 !important;
}

.single-post .comment-form textarea {
  min-height: 180px !important;
  padding: 16px !important;
  border: 1px solid var(--bc-border) !important;
  background: #fff !important;
  resize: vertical !important;
}

.single-post .comment-form .submit {
  min-height: 48px !important;
  padding: 0 28px !important;
  border: 1px solid var(--bc-ink) !important;
  background: var(--bc-ink) !important;
  color: #fff !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.single-post .comment-form .submit:hover {
  border-color: var(--bc-accent) !important;
  background: var(--bc-accent) !important;
}

@media (max-width: 768px) {
  .bc-transparent-header .wd-page-title {
    min-height: 200px !important;
  }

  .woocommerce-account .u-columns.col2-set,
  .woocommerce-account #customer_login.u-columns {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account #customer_login > .u-column2 {
    border-left: 1px solid var(--bc-border) !important;
    border-top: 0 !important;
  }

  .single-post .wd-page-nav {
    grid-template-columns: 1fr 40px 1fr !important;
    margin: 36px auto 48px !important;
  }

  .single-post .wd-page-nav-btn a {
    padding: 16px 42px !important;
  }

  .single-post .wd-page-nav-btn .wd-entities-title {
    display: none !important;
  }

  .single-post .comments-area {
    padding-top: 32px !important;
  }

  .single-post .comment-form textarea {
    min-height: 150px !important;
  }

  .single-post .comment-form .submit {
    width: 100% !important;
  }
}