/* ── Vine & Hammer – Shop Page Colour Fixes v4 ── */

/* Redefine the theme's --burg variable to blue on the shop page */
body,
:root,
.woocommerce,
.woocommerce-page {
    --burg: #1a2e4a !important;
}

/* Live badge */
[class*="live"] {
    background-color: #1a2e4a !important;
    color: #ffffff !important;
    border-color: #1a2e4a !important;
}

/* Reserve met badge */
[class*="reserve-met"],
[class*="reserve_met"] {
    border-color: #1a2e4a !important;
    color: #1a2e4a !important;
    background: transparent !important;
}

/* ── Reserve Met / Not Met badges ── */
.reserve-met-label,
.reserve-badge,
[class*="reserve-met"],
[class*="reserve_met"],
.vh-reserve-met {
    background: transparent !important;
    border: 1px solid #1a2e4a !important;
    color: #1a2e4a !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    font-weight: 500 !important;
}

[class*="reserve-not-met"],
[class*="reserve_not_met"] {
    background: transparent !important;
    border: 1px solid #888888 !important;
    color: #888888 !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    font-weight: 500 !important;
}

/* ── Reserve Not Met — target all possible variations ── */
[class*="not-met"],
[class*="not_met"],
[class*="notmet"],
[class*="reserve-no"],
[class*="reserve_no"],
.reserve-not-met,
.reserve_not_met {
    background: transparent !important;
    border: 1px solid #888888 !important;
    color: #888888 !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    font-weight: 500 !important;
}

/* ── Reserve Not Met — exact class ── */
.vh-reserve-not {
    background: transparent !important;
    border: 1px solid #888888 !important;
    color: #888888 !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    font-weight: 500 !important;
}

/* ── Reserve Not Met — darker ── */
.vh-reserve-not {
    border: 1px solid #444444 !important;
    color: #444444 !important;
}

/* ── Vine & Hammer logo — restore & colour ── */
.logo-ampersand,
.site-title .amp,
.logo span,
.logo em,
.logo i,
[class*="logo"] span,
[class*="logo"] em,
[class*="brand"] span,
h1.logo span,
.site-logo span {
    color: var(--burg) !important;
}

/* ── Logo ampersand ── */
.amp {
    color: var(--burg) !important;
}

/* ── Logo ampersand — hardcoded to original burgundy ── */
.amp {
    color: #7a2234 !important;
}

/* ── Logo ampersand — maximum specificity ── */
html body .amp,
html body header .amp,
html body .site-header .amp,
html body .header .amp,
html body nav .amp,
html body h1 .amp,
html body h2 .amp,
html body a .amp,
html body span.amp {
    color: #7a2234 !important;
    -webkit-text-fill-color: #7a2234 !important;
}

/* ── Footer ampersand ── */
html body footer .amp,
html body .footer .amp,
html body .site-footer .amp,
html body [class*="footer"] .amp {
    color: #7a2234 !important;
    -webkit-text-fill-color: #7a2234 !important;
}

/* ── Footer logo ampersand — em tag ── */
.vh-footer-logo em {
    color: #7a2234 !important;
    -webkit-text-fill-color: #7a2234 !important;
}

/* ── Hide original List a Bottle text and replace via JS ── */


/* ── YITH countdown timer — match lot page navy blocks ── */
.yith-wcact-time-left-main {
    background: transparent !important;
    display: flex !important;
    gap: 6px !important;
}
.yith-wcact-timeleft.yith-wcact-blocks,
.yith-wcact-timeleft {
    background: #1a2e4a !important;
    color: #ffffff !important;
    padding: 8px 10px !important;
    min-width: 52px !important;
    text-align: center !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.yith-wcact-timer-auction,
.yith-wcact-timeleft .yith-wcact-timer-auction {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    display: block !important;
}
.yith-wcact-timeleft .yith-wcact-time-label,
.yith-wcact-timeleft span:last-child {
    color: #ffffff !important;
    font-size: 9px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-top: 4px !important;
    display: block !important;
    opacity: 0.85 !important;
}

/* ── Match content width to nav bar ── */
/* The nav uses .container — match all page content to same width */
.entry-content,
.page-content,
.post-content,
.wp-block-group__inner-container,
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--container-width, 100%) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Match container to nav width exactly */
.container {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* Lot page sections match same width */
.vh-lot-main,
.vh-lot-tabs-section,
.vh-lot-title-bar,
.vh-breadcrumb-bar,
.vh-lot-title-bar,
.vh-breadcrumb-bar {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Mobile */
@media (max-width: 768px) {
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .vh-lot-main {
        grid-template-columns: 1fr !important;
        padding: 1rem !important;
    }
}


/* ── Force full nav-width on all page content ── */
#primary,
#main,
#content,
.site-main,
.page-content,
.entry-content,
article.page,
article.post,
.wp-block-post-content,
.is-layout-constrained,
.is-layout-constrained > *,
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* WordPress editor blocks — remove constrained width */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100% !important;
}

/* Page wrapper itself — full width */
.page-template-default .site,
.page-template-default #page,
.woocommerce-page #page,
#page {
    max-width: 100% !important;
    width: 100% !important;
}


/* ── vh-v3 theme page width fix — target theme-specific wrappers ── */
.wp-theme-vh-v3 .entry-content,
.wp-theme-vh-v3 .page-content,
.theme-vh-v3 .entry-content,
.theme-vh-v3 .page-content,
.theme-vh-v3 article,
.theme-vh-v3 #primary,
.theme-vh-v3 #main,
.theme-vh-v3 .site-content,
body.page .entry-content,
body.page #primary,
body.page #main,
body.page article.page,
body.page .post-inner,
body.page .entry-inner,
body.page .content-area {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* Remove any column layout on pages */
body.page #content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}


/* ── Remove dark gap below nav on pages ── */
body.page main,
body.page #main,
body.page .site-main {
    background: transparent !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.page {
    background: #f7f4ef !important;
}