Shop

/* Site-wide Top Banner Height Reduction & Strict Viewport Isolation */
.external-div,
.external-div .box-image-page,
.external-div .single-page-img,
.external-div .featured-image,
.external-div .box-image img {
height: 140px !important;
min-height: 140px !important;
max-height: 140px !important;
overflow: hidden !important;
}

.external-div {
position: relative !important;
overflow: hidden !important;
clip-path: inset(0 0 0 0) !important;
}

.external-div .box-text {
position: absolute !important;
top: 50% !important;
left: 8% !important;
right: 8% !important;
transform: translateY(-50%) !important;
text-align: center !important;
z-index: 99 !important;
}

.external-div .box-text h2 {
font-size: 22px !important;
letter-spacing: 2px !important;
margin: 0 !important;
line-height: 1.2 !important;
}

/* Ensure background image is strictly hidden when outside of the top banner */
.featured-image:not(.external-div *):not(.samak-forest-parallax-card *) {
display: none !important;
}

/* Ensure main content areas across all pages have solid opaque canvas so background images cannot bleed through */
#primary,
#primary.content-area,
main#tp_content,
.site-content,
.content-area,
.site-main,
#content,
.right-sidebar {
background-color: #FFFFFF !important;
position: relative !important;
z-index: 1 !important;
}

#primary.content-area {
padding-top: 4px !important;
}

/* Crisp button contrast across themes & pages */
.wp-block-button__link {
font-weight: 600 !important;
letter-spacing: 0.2px !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
background: #27ae61 !important;
color: #ffffff !important;
border: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: #219653 !important;
color: #ffffff !important;
}

/* Service Card & Media Text refinement */
.wp-block-coblocks-service {
background: #FFFFFF;
border-radius: 10px;
padding: 18px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 1px solid #E2E8F0;
transition: transform 0.2s, box-shadow 0.2s;
}

.wp-block-coblocks-service:hover {
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}

.wp-block-coblocks-service__figure img {
border-radius: 8px;
}