/*
 * techOdec dynamic design-system bridge.
 *
 * Values are provided by inc/techodec-design-settings.php.
 */

:root {
    color-scheme: light;
}

body.techodec-design-custom {
    --color-primary:
        var(--td-primary, #cfa040);
    --color-background:
        var(--td-background, #f7f3ec);
    --color-text:
        var(--td-text, #242321);
    --color-text-light:
        var(--td-muted, #74716c);
}

body.techodec-design-custom {
    background: var(--td-background, #f7f3ec);
    color: var(--td-text, #292622);
    font-family:
        var(--td-body-font, inherit);
    font-size:
        var(--td-body-size, 16px);
}

body.techodec-design-custom .container,
body.techodec-design-custom .bk-container {
    width:
        min(
            calc(100% - 2rem),
            var(--td-container, 1400px)
        );
    margin-inline: auto;
}

body.techodec-design-custom h1,
body.techodec-design-custom h2,
body.techodec-design-custom h3,
body.techodec-design-custom h4,
body.techodec-design-custom h5,
body.techodec-design-custom h6,
body.techodec-design-custom .hero-title,
body.techodec-design-custom .home-hero__title,
body.techodec-design-custom .home-section-header h2,
body.techodec-design-custom .catalog-hero__title {
    font-family:
        var(--td-heading-font, inherit);
    font-weight:
        var(--td-heading-weight, 700);
}

body.techodec-design-custom .btn,
body.techodec-design-custom .button,
body.techodec-design-custom button,
body.techodec-design-custom input[type="submit"] {
    border-radius:
        var(--td-button-radius, 999px);
}

body.techodec-design-custom .home-category-card,
body.techodec-design-custom .home-product-card,
body.techodec-design-custom .home-review-card,
body.techodec-design-custom .home-newsletter__card,
body.techodec-design-custom .catalog-product-card,
body.techodec-design-custom .hero-image,
body.techodec-design-custom .craftsmanship-card,
body.techodec-design-custom .faq-item,
body.techodec-design-custom .product-faq details {
    border-radius:
        var(--td-card-radius, 24px);
}

body.techodec-design-custom .section-lg {
    padding-block:
        var(--td-section-space, 96px);
}

body.techodec-design-custom .site-header,
body.techodec-design-custom .header,
body.techodec-design-custom header.site-header {
    background:
        var(--td-header-bg, inherit);
    color:
        var(--td-header-text, inherit);
}

body.techodec-design-custom .site-header a,
body.techodec-design-custom .header a,
body.techodec-design-custom header.site-header a {
    color:
        var(--td-header-text, inherit);
}

/* Homepage */

body.techodec-advanced-hero .home-hero {
    background:
        var(--td-home-hero-bg, #f4eadf) !important;
    color:
        var(--td-home-hero-text, #292622);
}

body.techodec-advanced-hero .home-hero__title {
    color:
        var(--td-home-hero-heading, #292622);
    font-family:
        var(--td-home-hero-font, var(--td-heading-font, inherit)) !important;
    font-weight:
        var(--td-home-hero-weight, 700) !important;
    font-size:
        clamp(
            3.5rem,
            5vw,
            var(--td-home-hero-size, 88px)
        ) !important;
}

body.techodec-advanced-hero .home-hero__intro {
    color:
        color-mix(
            in srgb,
            var(--td-home-hero-text, #292622)
            72%,
            transparent
        );
}

body.techodec-advanced-hero .home-hero__scene {
    border-radius:
        var(--td-home-hero-radius, 32px) !important;
}

body.techodec-advanced-hero .home-hero__scene-item img {
    object-position:
        var(--td-home-hero-position, center)
        center;
}

body.techodec-advanced-home-sections .home-promise {
    background:
        var(--td-promise-bg, #fff) !important;
}

body.techodec-advanced-home-sections .home-categories {
    background:
        var(--td-categories-bg, #f7f3ec) !important;
}

body.techodec-advanced-home-sections .home-story {
    background:
        var(--td-story-bg, #fff) !important;
}

body.techodec-advanced-home-sections .home-process {
    background:
        var(--td-process-bg, #292622) !important;
}

body.techodec-advanced-home-sections .home-products {
    background:
        var(--td-products-bg, #f7f3ec) !important;
}

body.techodec-advanced-home-sections .home-reviews {
    background:
        var(--td-reviews-bg, #eee4d8) !important;
}

body.techodec-advanced-home-sections .home-newsletter {
    background:
        var(--td-final-bg, #ead9c5) !important;
}

/* Catalogue */

body.techodec-advanced-page-families.techodec-catalog-page,
body.techodec-advanced-page-families .catalog-page {
    background:
        var(--td-background, #f7f3ec);
}

body.techodec-advanced-page-families .catalog-hero {
    background:
        var(--td-catalog-hero-bg, #f4eadf) !important;
}

/* Product */

body.techodec-advanced-page-families [data-blueprint-product-page] .hero,
body.techodec-advanced-page-families.single-product .hero {
    background:
        var(--td-product-hero-bg, #f4eadf) !important;
}

/* Commerce */

body.techodec-advanced-page-families.techodec-commerce-page {
    background:
        var(--td-commerce-bg, #f7f3ec) !important;
}

/* Shared tokens */

body.techodec-design-custom .home-kicker,
body.techodec-design-custom .catalog-kicker,
body.techodec-design-custom .hero-eyebrow,
body.techodec-design-custom .configurator__eyebrow,
body.techodec-design-custom .section-eyebrow,
body.techodec-design-custom a.home-text-link {
    color:
        var(--td-primary, #b8874a);
}

body.techodec-design-custom .home-product-card,
body.techodec-design-custom .home-review-card,
body.techodec-design-custom .catalog-product-card {
    background:
        var(--td-surface, #fff);
    border-color:
        var(--td-border, #ded4c7);
    box-shadow:
        0 18px 42px
        rgb(
            45 34 24
            /
            var(--td-shadow-alpha, .08)
        );
}

body.techodec-design-custom,
body.techodec-design-custom .home-section-header p,
body.techodec-design-custom .home-story__content > p,
body.techodec-design-custom .catalog-hero__intro,
body.techodec-design-custom .catalog-product-card__description {
    color:
        var(--td-text, #292622);
}

@media (max-width: 760px) {
    body.techodec-advanced-hero .home-hero__title {
        font-size:
            min(
                12vw,
                var(--td-home-hero-size-mobile, 56px)
            ) !important;
    }
}