/* ============================================
   FORMS
   ============================================ */

.wpcf7 .bt_bb_cf7_form .bt_bb_cf7_row.bt_bb_short_textarea textarea {
    color: black;
}

/* ============================================
   HEADER & LOGO — DESKTOP
   ============================================ */

.bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .sticky-logo img {
    padding: 20px;
}

.bt-header-responsive-inactive .site-header .site-branding .site-branding-inner .site-branding-logo-text .site-branding-logo .logo img {
    margin-top: 1em;
}

.bt-header-responsive-inactive .main-navigation nav > ul.main-navigation-menu > li.current-menu-item > a:before {
    display: none;
}

/* ============================================
   MOBILE/TABLET MENU PADDING
   ============================================ */

.bt-header-responsive-active .main-navigation ul.main-navigation-menu li a {
    padding-left: 20px;
}

/* ============================================
   HERO SECTION — DARK OVERLAY (first section only)
   ============================================ */

.bt_bb_section:first-child {
    position: relative;
}

.bt_bb_section:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 27, 30, 0.5);
    z-index: 1;
    pointer-events: none;
}

.bt_bb_section:first-child .bt_bb_column,
.bt_bb_section:first-child .bt_bb_row,
.bt_bb_section:first-child .bt_bb_headline,
.bt_bb_section:first-child p,
.bt_bb_section:first-child a {
    position: relative;
    z-index: 2;
}

/* ============================================
   PRODUCT PAGES — LAYOUT
   ============================================ */

.single-product .site-main {
    padding: 210px 10px 40px 10px;
}

body.single-product .woocommerce-message {
    margin-top: 100px !important;
}

/* ============================================
   MISC — HIDE ELEMENTS
   ============================================ */

div.jetpack-likes-widget-wrapper {
    display: none;
}

.button-shape-rounded .bt-about-author.single-about-author-blog,
.button-shape-rounded .bt-about-author.single-about-author-pf {
    display: none;
}

.comments-area .comment-respond .comment-reply-title {
    display: none;
}

.comments-area .comment-respond .comment-form {
    display: none;
}

/* ============================================
   BECOME A MEMBER — DARK OVERLAY (section 6)
   ============================================ */

.bt_bb_section:nth-child(6) {
    position: relative;
}

.bt_bb_section:nth-child(6)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 27, 30, 0.5);
    z-index: 1;
    pointer-events: none;
}

.bt_bb_section:nth-child(6) .bt_bb_column,
.bt_bb_section:nth-child(6) .bt_bb_row,
.bt_bb_section:nth-child(6) .bt_bb_headline,
.bt_bb_section:nth-child(6) p,
.bt_bb_section:nth-child(6) a,
.bt_bb_section:nth-child(6) button {
    position: relative;
    z-index: 2;
}

/* ============================================
   HERO IMAGE — MOBILE POSITION ADJUSTMENT
   ============================================ */

@media (max-width: 768px) {
    .bt_bb_section:first-child {
        background-position: 30% center !important;
    }
}