/*
Theme Name: Natrul V102 Hotel Contrast Visible Text
Theme URI:   https://natrul.co.uk
Author:      Steven Myers / Wild Mint
Author URI:  https://natrul.co.uk
Description: Premium cork flooring — full site including WooCommerce shop, product pages, and FAQ.
Version: 25.12.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License:     GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: natrul
*/

/* Front-end loads this file; main rules live in assets/css/main.css */
@import url("assets/css/main.css");

/* Final button sizing fix (v87): loaded from style.css to avoid stale imported main.css caches. */
:root {
        --natrul-button-width: 280px;
        --natrul-button-min-height: 52px;
        --natrul-button-padding-x: 1.5rem;
}

.natrul-hero__actions {
        align-items: stretch !important;
}

.natrul-hero__actions .natrul-btn,
.natrul-btn,
.wp-block-button__link,
.wc-btn,
.nct-close__btn,
.natrul-final-cta__btn,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-account .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account:not(.logged-in) button[type="submit"],
.woocommerce-account:not(.logged-in) input[type="submit"] {
        width: var(--natrul-button-width) !important;
        min-width: var(--natrul-button-width) !important;
        max-width: var(--natrul-button-width) !important;
        min-height: var(--natrul-button-min-height) !important;
        padding: 0.88rem var(--natrul-button-padding-x) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 var(--natrul-button-width) !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        text-align: center !important;
        line-height: 1.2 !important;
}

.natrul-product-ctas .single_add_to_cart_button,
.natrul-product-ctas .button.alt,
.natrul-btn-sample,
.natrul-calc__btn-add,
.natrul-calc__btn-sample,
.natrul-sample-card-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        white-space: normal !important;
}

.natrul-nav__sample,
.natrul-nav__cta,
.natrul-mobile-menu__sample,
.natrul-nav__burger,
.natrul-mobile-menu__close,
.natrul-product-gallery__thumb,
.natrul-accordion-btn {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: auto !important;
}

.natrul-nav__sample {
        min-height: 44px !important;
        padding: 0.68rem 1.15rem !important;
}

@media (max-width: 520px) {
        :root { --natrul-button-width: 100%; }

        .natrul-hero__actions,
        .wc-hero__buttons,
        .wc-cta__buttons,
        .co-cta__buttons,
        .nct-close__buttons {
                width: 100%;
        }

        .natrul-hero__actions .natrul-btn,
        .natrul-btn,
        .wp-block-button__link,
        .wc-btn,
        .nct-close__btn,
        .natrul-final-cta__btn {
                min-width: 0 !important;
                max-width: 100% !important;
        }
}
/* Final CTA column-flex correction (v88). */
.natrul-final-cta .natrul-final-cta__btn,
.wp-block-group .natrul-final-cta .natrul-final-cta__btn {
        width: var(--natrul-button-width, 280px) !important;
        min-width: var(--natrul-button-width, 280px) !important;
        max-width: var(--natrul-button-width, 280px) !important;
        min-height: var(--natrul-button-min-height, 52px) !important;
        height: auto !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        padding: 0.88rem var(--natrul-button-padding-x, 1.5rem) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
}

@media (max-width: 520px) {
        .natrul-final-cta .natrul-final-cta__btn,
        .wp-block-group .natrul-final-cta .natrul-final-cta__btn {
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
        }
}

/* V102 hotel contrast recovery.
   Loaded after imported main.css so it wins even when inline hotel CSS is not present. */
body.natrul-niche-hotels,
body.page-template-page-niche-hotels,
body[class*="niche-hotels"] {
        background: var(--wp--preset--color--surface, #faf8f4) !important;
        color: #17130e !important;
}

body.natrul-niche-hotels .natrul-niche__manifesto,
body.natrul-niche-hotels .natrul-niche__split,
body.natrul-niche-hotels .natrul-niche__split--reversed,
body.natrul-niche-hotels .natrul-niche__products,
body.natrul-niche-hotels .natrul-niche__product-card,
body.page-template-page-niche-hotels .natrul-niche__manifesto,
body.page-template-page-niche-hotels .natrul-niche__split,
body.page-template-page-niche-hotels .natrul-niche__split--reversed,
body.page-template-page-niche-hotels .natrul-niche__products,
body.page-template-page-niche-hotels .natrul-niche__product-card {
        color: #17130e !important;
}

body.natrul-niche-hotels .natrul-niche__manifesto,
body.natrul-niche-hotels .natrul-niche__split--reversed,
body.natrul-niche-hotels .natrul-niche__products,
body.page-template-page-niche-hotels .natrul-niche__manifesto,
body.page-template-page-niche-hotels .natrul-niche__split--reversed,
body.page-template-page-niche-hotels .natrul-niche__products {
        background: var(--wp--preset--color--surface, #faf8f4) !important;
}

body.natrul-niche-hotels .natrul-niche__split,
body.natrul-niche-hotels .natrul-niche__product-card,
body.page-template-page-niche-hotels .natrul-niche__split,
body.page-template-page-niche-hotels .natrul-niche__product-card {
        background: #fff !important;
}

body.natrul-niche-hotels .natrul-niche__manifesto *,
body.natrul-niche-hotels .natrul-niche__split *,
body.natrul-niche-hotels .natrul-niche__products *,
body.page-template-page-niche-hotels .natrul-niche__manifesto *,
body.page-template-page-niche-hotels .natrul-niche__split *,
body.page-template-page-niche-hotels .natrul-niche__products * {
        color: #17130e !important;
        opacity: 1 !important;
}

body.natrul-niche-hotels .natrul-niche__manifesto em,
body.natrul-niche-hotels .natrul-niche__split em,
body.natrul-niche-hotels .natrul-niche__products em,
body.natrul-niche-hotels .natrul-niche__pull,
body.natrul-niche-hotels .natrul-niche__product-range,
body.page-template-page-niche-hotels .natrul-niche__manifesto em,
body.page-template-page-niche-hotels .natrul-niche__split em,
body.page-template-page-niche-hotels .natrul-niche__products em,
body.page-template-page-niche-hotels .natrul-niche__pull,
body.page-template-page-niche-hotels .natrul-niche__product-range {
        color: #b78324 !important;
}

body.natrul-niche-hotels .natrul-niche__hero,
body.natrul-niche-hotels .natrul-fact-panel,
body.natrul-niche-hotels .natrul-niche__steven,
body.natrul-niche-hotels .natrul-niche__projects,
body.natrul-niche-hotels .natrul-niche__provide,
body.natrul-niche-hotels .natrul-niche__close,
body.page-template-page-niche-hotels .natrul-niche__hero,
body.page-template-page-niche-hotels .natrul-fact-panel,
body.page-template-page-niche-hotels .natrul-niche__steven,
body.page-template-page-niche-hotels .natrul-niche__projects,
body.page-template-page-niche-hotels .natrul-niche__provide,
body.page-template-page-niche-hotels .natrul-niche__close {
        color: rgba(250,248,244,.94) !important;
}

body.natrul-niche-hotels .natrul-niche__hero *,
body.natrul-niche-hotels .natrul-fact-panel *,
body.natrul-niche-hotels .natrul-niche__steven *,
body.natrul-niche-hotels .natrul-niche__projects *,
body.natrul-niche-hotels .natrul-niche__provide *,
body.natrul-niche-hotels .natrul-niche__close *,
body.page-template-page-niche-hotels .natrul-niche__hero *,
body.page-template-page-niche-hotels .natrul-fact-panel *,
body.page-template-page-niche-hotels .natrul-niche__steven *,
body.page-template-page-niche-hotels .natrul-niche__projects *,
body.page-template-page-niche-hotels .natrul-niche__provide *,
body.page-template-page-niche-hotels .natrul-niche__close * {
        color: rgba(250,248,244,.92) !important;
        opacity: 1 !important;
}

body.natrul-niche-hotels .natrul-niche__hero em,
body.natrul-niche-hotels .natrul-fact-panel em,
body.natrul-niche-hotels .natrul-niche__steven em,
body.natrul-niche-hotels .natrul-niche__projects em,
body.natrul-niche-hotels .natrul-niche__provide-title,
body.natrul-niche-hotels .natrul-niche__close em,
body.natrul-niche-hotels .natrul-fact-panel__label,
body.page-template-page-niche-hotels .natrul-niche__hero em,
body.page-template-page-niche-hotels .natrul-fact-panel em,
body.page-template-page-niche-hotels .natrul-niche__steven em,
body.page-template-page-niche-hotels .natrul-niche__projects em,
body.page-template-page-niche-hotels .natrul-niche__provide-title,
body.page-template-page-niche-hotels .natrul-niche__close em,
body.page-template-page-niche-hotels .natrul-fact-panel__label {
        color: #c4923a !important;
}

body.natrul-niche-hotels .natrul-niche__hero-overlay,
body.page-template-page-niche-hotels .natrul-niche__hero-overlay {
        background:
                linear-gradient(to right, rgba(7,6,5,.82), rgba(7,6,5,.44) 54%, rgba(7,6,5,.36)),
                linear-gradient(to top, rgba(7,6,5,.64), transparent 48%) !important;
}

body.natrul-niche-hotels .natrul-niche__hero .natrul-btn--light,
body.page-template-page-niche-hotels .natrul-niche__hero .natrul-btn--light {
        background: rgba(250,248,244,.98) !important;
        border-color: rgba(250,248,244,.98) !important;
        color: #17130e !important;
}

body.natrul-niche-hotels .natrul-niche__hero .natrul-btn--ghost-light,
body.natrul-niche-hotels .natrul-niche__close .natrul-btn--ghost-light,
body.page-template-page-niche-hotels .natrul-niche__hero .natrul-btn--ghost-light,
body.page-template-page-niche-hotels .natrul-niche__close .natrul-btn--ghost-light {
        background: transparent !important;
        border-color: rgba(250,248,244,.72) !important;
        color: rgba(250,248,244,.94) !important;
}