:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(47, 62, 47);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(47,62,47);
	--wd-alternative-color: #d4a017;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(47,62,47);
	--btn-accented-bgcolor-hover: rgb(212,160,23);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(47,62,47);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(212,160,23);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: rgb(212,160,23);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* =========================================================
   BECCA — WoodMart blog grid customization (/blog only)
   Desktop : 4-col vertical cards, category on image
   Tablet  : 2-col vertical cards
   Mobile  : horizontal cards — image, category, title, actions
   ========================================================= */

/* ---------- Container width ---------- */
body.becca-blog {
    --wd-container-width: 1600px;
}

body.becca-blog main#main-content.wd-content-layout.container,
body.becca-blog .wd-content-layout.content-layout-wrapper.container {
    max-width: 1600px !important;
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 20px;
}

body.becca-blog .wd-blog-element {
    padding-bottom: 70px;
}


/* ---------- Card shell ---------- */
body.becca-blog .wd-blog-holder .wd-post {
    display: flex;
}

body.becca-blog .wd-blog-holder .wd-post .wd-post-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    background: #fff;
    border: 1px solid #e8e5e0;
    border-radius: 10px;
    box-shadow: none;
    /* no overflow:hidden — the share tooltip must be able to escape */
}

body.becca-blog .wd-blog-holder .wd-post.wd-add-shadow .wd-post-inner {
    box-shadow: none;
}

/* WoodMart grid separators */
body.becca-blog .wd-blog-holder .wd-post::before,
body.becca-blog .wd-blog-holder .wd-post::after {
    display: none !important;
}

/* Author meta, share wrapper, modified date */
body.becca-blog .wd-blog-holder .wd-post-header,
body.becca-blog .wd-blog-holder .wd-post-author,
body.becca-blog .wd-blog-holder .wd-modified-date {
    display: none !important;
}


/* ---------- Thumbnail ---------- */
body.becca-blog .wd-blog-holder .wd-post-thumb {
    position: relative;
    margin: 0;
    border-radius: 9px 9px 0 0;
    overflow: hidden;
}

body.becca-blog .wd-blog-holder .wd-post-img {
    border-radius: inherit;
    overflow: hidden;
}

body.becca-blog .wd-blog-holder .wd-post-img img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: inherit;
}


/* ---------- Category pill (on image, desktop/tablet) ---------- */
body.becca-blog .wd-blog-holder .wd-post-cat a::before,
body.becca-blog .wd-blog-holder .wd-post-cat a::after,
body.becca-blog .wd-blog-holder .wd-post-cat::after {
    content: none !important;
}

body.becca-blog .wd-blog-holder .wd-post-cat {
    font-size: 0;
}

body.becca-blog .wd-blog-holder .wd-post-thumb .wd-post-cat {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 5;
    margin: 0;
    padding: 0;
}

body.becca-blog .wd-blog-holder .wd-post-thumb .wd-post-cat a {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 999px;
    background: #fff;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}


/* ---------- Content column ---------- */
body.becca-blog .wd-blog-holder .wd-post-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    padding: 22px 20px 26px;
    border-radius: 0 0 9px 9px;
    background: #fff;
}

/* Strip inherited indents and centering */
body.becca-blog .wd-blog-holder .wd-post-content>*,
body.becca-blog .wd-blog-holder .wd-post-entry-meta>*,
body.becca-blog .wd-blog-holder .wd-post-title a {
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    text-align: left !important;
    justify-content: flex-start;
}


/* ---------- Date ---------- */
body.becca-blog .wd-blog-holder .wd-post-entry-meta {
    display: block;
    margin: 0 0 2px !important;
    padding: 0 !important;
}

body.becca-blog .wd-blog-holder .wd-post-date,
body.becca-blog .wd-blog-holder .wd-post-date time {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px;
    line-height: 1.35;
    color: #8d8d8d;
    text-transform: none;
}


/* ---------- Title ---------- */
body.becca-blog .wd-blog-holder .wd-post-title {
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 400;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}

body.becca-blog .wd-blog-holder .wd-post-title a {
    color: #141414;
    font-weight: inherit;
}


/* ---------- Excerpt ---------- */
body.becca-blog .wd-blog-holder .wd-post-excerpt {
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-size: 15px;
    line-height: 1.45;
    color: #000;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* ---------- Bottom row: read more + share ---------- */
body.becca-blog .wd-blog-holder .wd-post-read-more {
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    gap: 12px;
    margin: auto 0 0 !important;
    padding: 0 !important;
}

body.becca-blog .wd-blog-holder .wd-post-read-more>a {
    font-size: 14px;
    font-weight: 500;
    color: #141414;
    border: 0;
    text-decoration: none;
    white-space: nowrap;
}

body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin: 0 !important;
    color: #141414;
    opacity: .55;
    cursor: pointer;
    transition: opacity .2s ease;
}

body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share:hover {
    opacity: 1;
}

body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share::before {
    font-size: 17px;
    line-height: 1;
}

/* Tooltip anchored to the card's right edge */
body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share .tooltip {
    left: auto;
    right: -6px;
    transform: none;
    z-index: 40;
}

body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share .tooltip-arrow {
    left: auto;
    right: 12px;
}


/* =========================================================
   TABLET — 768px to 1024px : 2 columns
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    body.becca-blog .wd-blog-holder {
        --wd-col-md: 2 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.becca-blog .wd-blog-holder .wd-post-content {
        padding: 18px 16px 20px;
    }

    body.becca-blog .wd-blog-holder .wd-post-title {
        font-size: 25px;
    }

    body.becca-blog .wd-blog-holder .wd-post-excerpt {
        font-size: 14px;
    }

    body.becca-blog .wd-blog-element {
        padding-bottom: 55px;
    }
}


/* =========================================================
   MOBILE — up to 767px : horizontal cards
   Image, category, title, read more, share. No date, no excerpt.
   ========================================================= */
@media (max-width: 767px) {

    body.becca-blog .wd-blog-holder {
        --wd-col-sm: 1 !important;
        grid-template-columns: 1fr !important;
    }

    body.becca-blog .wd-blog-holder .wd-post .wd-post-inner {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 12px;
        border-radius: 14px;
    }

    /* Thumbnail */
    body.becca-blog .wd-blog-holder .wd-post-thumb {
        flex: 0 0 30%;
        max-width: 30%;
        align-self: center;
        border-radius: 10px;
    }

    body.becca-blog .wd-blog-holder .wd-post-img img {
        aspect-ratio: 1 / 1;
    }

    /* Category moves above the title (handled by JS) */
    body.becca-blog .wd-blog-holder .wd-post-content .wd-post-cat {
        position: static;
        order: -1;
        margin: 0 0 8px !important;
    }

    body.becca-blog .wd-blog-holder .wd-post-content .wd-post-cat a {
        display: inline-block;
        padding: 6px 13px;
        border-radius: 999px;
        background: #2F3E2F;
        color: #FFF6E5;
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
        box-shadow: none;
    }

    body.becca-blog .wd-blog-holder .wd-post-content {
        padding: 2px 4px 2px 0;
        border-radius: 0;
        justify-content: center;
    }

    /* Hidden on mobile */
    body.becca-blog .wd-blog-holder .wd-post-excerpt,
    body.becca-blog .wd-blog-holder .wd-post-entry-meta {
        display: none !important;
    }

    body.becca-blog .wd-blog-holder .wd-post-title {
        font-size: 20px;
        line-height: 1.2;
        margin: 0 0 12px !important;
    }

    body.becca-blog .wd-blog-holder .wd-post-read-more {
        margin: 0 !important;
        gap: 10px;
    }

    body.becca-blog .wd-blog-holder .wd-post-read-more>a {
        font-size: 12px;
    }

    body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share {
        width: 22px;
        height: 22px;
    }

    body.becca-blog .wd-blog-holder .wd-post-read-more .wd-post-share::before {
        font-size: 15px;
    }

    body.becca-blog .wd-blog-element {
        padding-bottom: 45px;
    }
}


/* ---------- Small phones ---------- */
@media (max-width: 400px) {
    body.becca-blog .wd-blog-holder .wd-post-title {
        font-size: 18px;
    }

    body.becca-blog .wd-blog-holder .wd-post-thumb {
        flex-basis: 32%;
        max-width: 32%;
    }

    body.becca-blog .wd-blog-holder .wd-post-cat a {
        font-size: 11px !important;
    }
}



/* =========================================================
   BECCA BREADS
   SINGLE BLOG POST ONLY
   WOODMART OVERRIDE
   ========================================================= */


/* =========================================================
   1. SINGLE POST BASE
   ========================================================= */

body.single-post .post-single-page {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   2. FULL-BLEED FEATURE IMAGE
   ========================================================= */

body.single-post .custom-single-post-thumbnail {
    display: block !important;

    width: 100vw !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    overflow: hidden !important;
}


body.single-post .custom-single-post-thumbnail img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
}


/* =========================================================
   3. DESKTOP HERO
   ========================================================= */

@media (min-width: 1025px) {

    body.single-post .custom-single-post-thumbnail img {
        width: 100vw !important;

        height: min(42vw, 560px) !important;

        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* =========================================================
   4. TABLET + MOBILE HERO
   ========================================================= */

@media (max-width: 1024px) {

    body.single-post .custom-single-post-thumbnail img {
        width: 100vw !important;

        height: auto !important;

        object-fit: cover !important;
    }
}


/* =========================================================
   5. MAIN CONTENT RESET
   ========================================================= */

body.single-post #main-content {
    margin-top: 0 !important;

    padding-top: 0 !important;
}


/* =========================================================
   6. DESKTOP MAIN GRID + SIDEBAR
   ========================================================= */

@media (min-width: 1025px) {

    body.single-post #main-content {
        display: grid !important;

        grid-template-columns:
            minmax(0, 9fr)
            minmax(240px, 3fr) !important;

        column-gap: 30px !important;

        align-items: start !important;

        /*
         * 55px gap between hero and the
         * article/sidebar section.
         */
        padding-top: 55px !important;
    }


    /*
     * Article column
     */

    body.single-post #main-content .wd-content-area {
        display: block !important;

        min-width: 0 !important;

        grid-column: 1 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * Sidebar
     */

    body.single-post #main-content > .wd-sidebar {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        position: relative !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        overflow: visible !important;

        align-self: start !important;
    }


    /*
     * Override Woodmart's off-canvas state.
     */

    body.single-post #main-content > .wd-sidebar.wd-side-hidden {
        display: block !important;

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;
    }


    body.single-post #main-content > .wd-sidebar.wd-left {
        left: auto !important;
        right: auto !important;
    }
}


/* =========================================================
   7. SINGLE POST HEADER
   ========================================================= */

body.single-post .post-single-page .wd-single-post-header {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    text-align: left !important;
}


/* =========================================================
   8. SINGLE POST CATEGORY PILL
   ========================================================= */

/*
 * Keep Woodmart's original category styling.
 * Only control:
 * - size
 * - padding
 * - radius
 */

body.single-post .post-single-page .wd-post-cat {
    display: block !important;

    width: fit-content !important;
    max-width: max-content !important;

    margin: 0 0 6px 0 !important;

    padding: 0 !important;

    text-align: left !important;
}


/*
 * Actual category link.
 */

body.single-post .post-single-page .wd-post-cat a {
    display: inline-block !important;

    width: auto !important;
    max-width: max-content !important;

    /*
     * BALANCED PADDING
     *
     * Top:    4px
     * Right: 10px
     * Bottom: 4px
     * Left:  10px
     */
    padding: 4px 10px !important;

    /*
     * Let Woodmart's typography determine
     * the natural text height.
     */
    line-height: 1.2 !important;

    /*
     * Proper pill shape.
     */
    border-radius: 999px !important;

    box-sizing: border-box !important;
}


/*
 * Apply the same radius to Woodmart's
 * category wrapper.
 */

body.single-post .post-single-page .wd-post-cat.wd-style-with-bg {
    width: fit-content !important;
    max-width: max-content !important;

    border-radius: 999px !important;

    overflow: visible !important;
}


/* =========================================================
   9. POST TITLE
   ========================================================= */

body.single-post .post-single-page .wd-post-title {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 5px 0 !important;

    padding: 0 !important;

    text-align: left !important;

    font-size: 36px !important;

    line-height: 1.1 !important;

    font-weight: 600 !important;

    letter-spacing: -0.4px !important;
}


/* =========================================================
   10. POST META
   ========================================================= */

body.single-post .post-single-page .wd-post-meta {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap: 3px 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


body.single-post .post-single-page .wd-post-author {
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


body.single-post .post-single-page .wd-post-author > span {
    display: none !important;
}


body.single-post .post-single-page .wd-modified-date {
    display: none !important;
}


body.single-post .post-single-page .wd-post-date {
    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* =========================================================
   11. ARTICLE CONTENT
   ========================================================= */

body.single-post .post-single-page .wd-entry-content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 7px 0 0 0 !important;

    padding: 0 0 20px 0 !important;

    text-align: left !important;
}


body.single-post .post-single-page .wd-entry-content p {
    margin-top: 0 !important;

    margin-bottom: 14px !important;

    text-align: left !important;

    font-size: 17px;

    line-height: 1.6;
}


body.single-post .post-single-page .wd-entry-content h2,
body.single-post .post-single-page .wd-entry-content h3,
body.single-post .post-single-page .wd-entry-content h4 {
    margin-top: 24px !important;

    margin-bottom: 8px !important;

    text-align: left !important;

    line-height: 1.2 !important;
}


/* =========================================================
   12. DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    body.single-post .post-single-page .wd-single-post-header {
        padding: 0 !important;

        text-align: left !important;
    }


    body.single-post .post-single-page .wd-post-cat {
        margin-bottom: 6px !important;
    }


    body.single-post .post-single-page .wd-post-title {
        font-size: 36px !important;

        line-height: 1.1 !important;

        margin-bottom: 5px !important;
    }


    body.single-post .post-single-page .wd-entry-content {
        margin-top: 7px !important;

        padding-bottom: 20px !important;
    }
}


/* =========================================================
   13. TABLET — 768px TO 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    /*
     * THE INSET LIVES HERE, IN ONE PLACE.
     *
     * The earlier version zeroed these and then
     * re-added 12px as margins on the header and
     * the article only, which is why the share
     * row, post navigation and comments ended up
     * flush against the screen edge — they never
     * got it back. Putting the 12px on the
     * container gives every child the same inset
     * without naming any of them.
     *
     * The hero is a sibling of #main-content, not
     * a child, so it stays full bleed.
     */

    body.single-post #main-content {
        display: block !important;

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 24px !important;

        box-sizing: border-box !important;
    }


    /*
     * Content area.
     */

    body.single-post #main-content .wd-content-area {
        display: block !important;

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /*
     * Keep sidebar hidden at tablet size,
     * matching Woodmart's normal responsive behavior.
     */

    body.single-post #main-content > .wd-sidebar {
        display: none !important;
    }


    /*
     * Post information.
     *
     * Margins are zero now — the container holds
     * the inset. 25px gap from hero to category.
     */

    body.single-post .post-single-page .wd-single-post-header {
        width: 100% !important;

        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-top: 25px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        padding-bottom: 0 !important;

        text-align: left !important;
    }


    /*
     * Category.
     */

    body.single-post .post-single-page .wd-post-cat {
        width: fit-content !important;

        max-width: max-content !important;

        margin: 0 0 6px 0 !important;

        padding: 0 !important;

        text-align: left !important;
    }


    /*
     * Category pill — matches mobile.
     *
     * TOP:    4px
     * RIGHT: 10px
     * BOTTOM: 3px
     * LEFT:  10px
     *
     * Top is 1px larger than bottom on purpose:
     * the line box carries unused descender space
     * below uppercase text, so equal padding
     * would make the label look high.
     */

    body.single-post .post-single-page .wd-post-cat a {
        display: inline-block !important;

        width: auto !important;

        max-width: max-content !important;

        padding: 4px 10px 3px 10px !important;

        line-height: 1.15 !important;

        border-radius: 999px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    body.single-post .post-single-page .wd-post-cat.wd-style-with-bg {
        border-radius: 999px !important;

        overflow: hidden !important;
    }


    /*
     * Tablet title.
     */

    body.single-post .post-single-page .wd-post-title {
        width: 100% !important;

        margin: 0 0 5px 0 !important;

        padding: 0 !important;

        font-size: 32px !important;

        line-height: 1.08 !important;

        letter-spacing: -0.3px !important;

        text-align: left !important;
    }


    /*
     * Tablet metadata.
     */

    body.single-post .post-single-page .wd-post-meta {
        justify-content: flex-start !important;

        gap: 3px 9px !important;

        text-align: left !important;
    }


    /*
     * Tablet article.
     */

    body.single-post .post-single-page .wd-entry-content {
        width: 100% !important;

        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        margin-top: 7px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        padding-bottom: 20px !important;

        text-align: left !important;
    }


    body.single-post .post-single-page .wd-entry-content p {
        font-size: 16px !important;

        line-height: 1.58 !important;

        text-align: left !important;
    }


    /*
     * Keep embeds inside the inset.
     */

    body.single-post .post-single-page .wd-entry-content iframe,
    body.single-post .post-single-page .wd-entry-content img {
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   14. MOBILE — UP TO 767px
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Same single-source inset as tablet.
     */

    body.single-post #main-content {
        display: block !important;

        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 24px !important;

        box-sizing: border-box !important;
    }


    /*
     * Content area.
     */

    body.single-post #main-content .wd-content-area {
        width: 100% !important;

        max-width: none !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /*
     * Sidebar remains hidden on mobile.
     */

    body.single-post #main-content > .wd-sidebar {
        display: none !important;
    }


    /*
     * Post header.
     *
     * 25px hero → category spacing.
     */

    body.single-post .post-single-page .wd-single-post-header {
        width: 100% !important;

        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-top: 25px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        padding-bottom: 0 !important;

        text-align: left !important;
    }


    /*
     * Category.
     */

    body.single-post .post-single-page .wd-post-cat {
        display: block !important;

        width: fit-content !important;

        max-width: max-content !important;

        margin: 0 0 6px 0 !important;

        padding: 0 !important;

        text-align: left !important;
    }


    /*
     * Category pill.
     *
     * TOP:    4px
     * RIGHT: 10px
     * BOTTOM: 3px
     * LEFT:  10px
     *
     * TO RESIZE: keep top exactly 1px larger
     * than bottom (5/4, 3/2, and so on).
     */

    body.single-post .post-single-page .wd-post-cat a {
        display: inline-block !important;

        width: auto !important;

        max-width: max-content !important;

        padding: 4px 10px 3px 10px !important;

        line-height: 1.15 !important;

        border-radius: 999px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    body.single-post .post-single-page .wd-post-cat.wd-style-with-bg {
        border-radius: 999px !important;

        overflow: hidden !important;
    }


    /*
     * Mobile H1.
     */

    body.single-post .post-single-page .wd-post-title {
        width: 100% !important;

        margin: 0 0 4px 0 !important;

        padding: 0 !important;

        font-size: 26px !important;

        line-height: 1.08 !important;

        letter-spacing: -0.25px !important;

        text-align: left !important;
    }


    /*
     * Mobile metadata.
     */

    body.single-post .post-single-page .wd-post-meta {
        justify-content: flex-start !important;

        gap: 3px 9px !important;

        text-align: left !important;
    }


    /*
     * Article.
     */

    body.single-post .post-single-page .wd-entry-content {
        width: 100% !important;

        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        margin-top: 6px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        padding-bottom: 20px !important;

        text-align: left !important;
    }


    /*
     * Paragraph.
     */

    body.single-post .post-single-page .wd-entry-content p {
        margin-top: 0 !important;

        margin-bottom: 13px !important;

        font-size: 15px !important;

        line-height: 1.55 !important;

        text-align: left !important;
    }


    /*
     * Article headings.
     */

    body.single-post .post-single-page .wd-entry-content h2,
    body.single-post .post-single-page .wd-entry-content h3,
    body.single-post .post-single-page .wd-entry-content h4 {
        margin-top: 20px !important;

        margin-bottom: 7px !important;

        text-align: left !important;
    }


    /*
     * Keep embeds inside the inset.
     *
     * The second map in the article is otherwise
     * wider than its column and spills past the
     * left edge; this holds it in line.
     */

    body.single-post .post-single-page .wd-entry-content iframe,
    body.single-post .post-single-page .wd-entry-content img {
        max-width: 100% !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   15. VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    /*
     * Tighter inset, applied in one place.
     */

    body.single-post #main-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }


    body.single-post .post-single-page .wd-single-post-header {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-top: 25px !important;
    }


    body.single-post .post-single-page .wd-post-title {
        font-size: 24px !important;
    }


    body.single-post .post-single-page .wd-entry-content {
        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        margin-top: 5px !important;

        padding-bottom: 20px !important;
    }
}


/* =========================================================
   BECCA BREADS — Single Product Page
   Companion stylesheet for becca-product-page.php
   =========================================================

   COSMETIC ONLY: breadcrumb, category, WhatsApp button,
   price disclaimer.

   NOT here, on purpose:
   - tab styles
   - product title sizing
   - hiding WoodMart's empty .product-tabs-wrapper
   - related-products spacing

   Those are printed inline in <head> by the PHP file. The
   Customizer prints this file at wp_head priority 101, i.e.
   AFTER the PHP block at 100 — so anything defined in both
   places would be won by this file. Keeping them separate
   avoids that.

   Paste into Appearance > Customize > Additional CSS,
   replacing your entire previous Becca block.

   Design tokens (--becca-green etc.) are defined in the PHP
   file, so they are available here too.
   ========================================================= */


/* =========================================================
   1. BREADCRUMB
   ========================================================= */

body.single-product .single-breadcrumbs-wrapper,
body.single-product .single-breadcrumbs-wrapper.wd-grid-f {
    margin-bottom: 6px;
    padding-bottom: 0;
}

body.single-product .single-breadcrumbs-wrapper .wd-breadcrumbs {
    margin-bottom: 0;
    padding-bottom: 0;
}


/* =========================================================
   2. CATEGORY ABOVE TITLE
   ========================================================= */

body.single-product .summary .becca-product-category {
    display: block;
    margin: 0;
    padding: 10px 0;
    color: var(--becca-green);
    font-family: inherit;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.single-product .summary .becca-product-category a {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-transform: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

body.single-product .summary .becca-product-category a:hover,
body.single-product .summary .becca-product-category a:focus-visible {
    color: var(--becca-gold);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* WoodMart animates an underline on links inside .summary. */
body.single-product .summary .becca-product-category a::before,
body.single-product .summary .becca-product-category a::after {
    display: none;
    content: none;
}


/* =========================================================
   3. HIDE THEME LEFTOVERS
   ========================================================= */

/* Native product meta is removed in PHP; this is a backstop. */
body.single-product .summary .product_meta {
    display: none;
}

/* WoodMart's own WhatsApp button, if that theme option is on.
   Better: switch it off in the theme settings, then delete this. */
body.single-product .summary .wd-button-wrapper a.btn[href*="wa.me/"] {
    display: none;
}


/* =========================================================
   4. WHATSAPP BUTTON
   ========================================================= */

body.single-product .summary .becca-wa-order {
    display: block;
    width: 100%;
    margin: 18px 0 0;
    padding: 0;
    clear: both;
}

body.single-product .summary .becca-wa-order__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 195px;
    max-width: 100%;
    height: 46px;
    margin: 0;
    padding: 0 22px;
    gap: 10px;
    border: none;
    border-radius: 4px;
    background-color: var(--becca-green);
    color: #ffffff;
    font-family: var(--becca-font);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

body.single-product .summary .becca-wa-order__text {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    white-space: nowrap;
}

body.single-product .summary .becca-wa-order__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

body.single-product .summary .becca-wa-order__svg,
body.single-product .summary .becca-wa-order__svg path {
    display: block;
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* NOTE: white on gold is low contrast. If the real Becca gold
   is light, change this hover colour to var(--becca-green). */
body.single-product .summary .becca-wa-order__button:hover,
body.single-product .summary .becca-wa-order__button:focus-visible {
    background-color: var(--becca-gold);
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

body.single-product .summary .becca-wa-order__button:focus-visible {
    outline: 2px solid rgba(41, 67, 51, 0.35);
    outline-offset: 3px;
}

body.single-product .summary .becca-wa-order__button:active {
    background-color: var(--becca-gold);
    transform: translateY(0);
}

body.single-product .summary .becca-wa-order__button::before,
body.single-product .summary .becca-wa-order__button::after {
    display: none;
    content: none;
}


/* =========================================================
   5. PRICE DISCLAIMER
   ========================================================= */

body.single-product .summary .becca-price-disclaimer {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    max-width: 520px;
    margin: 11px 0 0;
    padding: 13px 15px;
    gap: 11px;
    border: none;
    border-radius: 4px;
    background-color: var(--becca-green);
    color: var(--becca-cream);
    font-family: var(--becca-font);
    box-shadow: none;
}

body.single-product .summary .becca-price-disclaimer__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    line-height: 1;
}

body.single-product .summary .becca-price-disclaimer__icon svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: var(--becca-cream);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.single-product .summary .becca-price-disclaimer__dot {
    fill: var(--becca-cream);
    stroke: none;
}

body.single-product .summary .becca-price-disclaimer__content {
    flex: 1 1 auto;
    min-width: 0;
}

body.single-product .summary .becca-price-disclaimer__title {
    margin: 0 0 2px;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

body.single-product .summary .becca-price-disclaimer__text {
    margin: 0;
    color: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   6. PAGE SPACING
   =========================================================
   The related-products margin used to live here and has moved
   into the PHP (section 8c), because hiding the empty tabs
   wrapper and setting the gap it leaves behind belong
   together. Do not re-add a .related-and-upsells rule here —
   this file loads later and would silently win.
   ========================================================= */

body.single-product .product-image-summary .summary {
    margin-bottom: 0;
    padding-bottom: 0;
}


/* =========================================================
   7. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.single-product .single-breadcrumbs-wrapper,
    body.single-product .single-breadcrumbs-wrapper.wd-grid-f {
        margin-bottom: 5px;
    }

    body.single-product .summary .becca-product-category {
        padding: 5px 0;
        font-size: 15px;
    }

    body.single-product .summary .becca-wa-order__button {
        width: 100%;
        min-width: 0;
        padding: 0 20px;
    }

    body.single-product .summary .becca-price-disclaimer {
        max-width: 100%;
        margin-top: 10px;
        padding: 12px 13px;
        gap: 9px;
    }

    body.single-product .summary .becca-price-disclaimer__icon,
    body.single-product .summary .becca-price-disclaimer__icon svg {
        flex-basis: 22px;
        width: 22px;
        height: 22px;
    }
}


@media (prefers-reduced-motion: reduce) {

    body.single-product .summary .becca-wa-order__button {
        transition: none;
    }

    body.single-product .summary .becca-wa-order__button:hover {
        transform: none;
    }
}


/* =========================================================
   END — BECCA BREADS
   ========================================================= */