/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.woocommerce-Tabs-panel--description p { color: #333; }
.wd-footer .wd-sub-menu li>a, footer .sub-sub-menu li a{color: #333 !important;}
.cmc-socials a{color: #fff !important;}
.wd-footer, .footer-bottom {border-top: 1px solid #ececec;}
/* Đảm bảo phần tử cha có vị trí tương đối để định vị lớp overlay */
.wd-page-title-bg {
    position: relative;
}

/* Tạo lớp overlay đen opacity 0.5 */
.page-title .wd-page-title-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Màu đen với opacity 0.5 */
    z-index: 1; /* Nằm trên thẻ img */
}

/* Đảm bảo ảnh nền nằm dưới lớp overlay */
.page-title .wd-page-title-bg img {
    position: relative;
    z-index: 0;
}
.page-title .container{
	z-index: 99;
}

/* ===== Meet Our Founder — About Us ===== */
.cmc-founder { padding: 56px 20px; }
.cmc-founder .cmc-founder__inner {
  max-width: 1080px; margin: 0 auto;
  display: flex; align-items: center; gap: 48px;
}
.cmc-founder .cmc-founder__photo { flex: 0 0 38%; margin: 0; }
.cmc-founder .cmc-founder__photo img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 4 / 5; object-fit: cover;
  border-radius: 16px; box-shadow: 0 18px 40px rgba(0,0,0,.12);
}
.cmc-founder .cmc-founder__content { flex: 1 1 auto; min-width: 0; }
.cmc-founder .cmc-founder__eyebrow {
  display: block; margin: 0 0 8px;
  font-size: .75rem; font-weight: 700; line-height: 1.2;
  letter-spacing: .12em; text-transform: uppercase; color: #8a8a8a;
}
.cmc-founder .cmc-founder__title { margin: 0 0 16px; font-size: 2rem; line-height: 1.2; }
.cmc-founder .cmc-founder__bio p { margin: 0 0 14px; line-height: 1.8; font-size: 1.02rem; color: #444; }
.cmc-founder .cmc-founder__bio p:last-child { margin-bottom: 0; }
.cmc-founder .cmc-founder__byline { margin: 18px 0 0; font-weight: 600; font-style: italic; color: #222; }
.cmc-founder--solo .cmc-founder__inner { max-width: 760px; flex-direction: column; text-align: center; }
@media (max-width: 768px) {
  .cmc-founder { padding: 40px 18px; }
  .cmc-founder .cmc-founder__inner { flex-direction: column; gap: 28px; text-align: center; }
  .cmc-founder .cmc-founder__photo { flex: none; width: 220px; max-width: 70%; }
  .cmc-founder .cmc-founder__title { font-size: 1.6rem; }
}