/* Terea Prime chrome — matches official wordmark: teal TP, charcoal TEREA, slate PRIME. */

:root {
    --tp-teal: #128f92;
    --tp-teal-2: #0c6e71;
    --tp-teal-soft: #e7f6f6;
    --tp-ink: #1c1e21;
    --tp-slate: #5f6770;
    --tp-line: #e4ecec;
    --tp-soft: #f5fafa;
    --tp-white: #ffffff;
}

body.tp-chrome {
    --tx-header-offset: 128px;
    --tx-primary: #128f92;
    --tx-primary-2: #0c6e71;
    --tx-primary-3: #0a5c5f;
    --tx-primary-soft: #e7f6f6;
    --tx-primary-50: #f3fbfb;
    --tx-accent: #128f92;
}

/* -------------------------------------------------------------------------- */
/* Header — light so the official wordmark stays readable                     */
/* -------------------------------------------------------------------------- */

body.tp-chrome .site-header.tp-header {
    background: var(--tp-white);
    color: var(--tp-ink);
    box-shadow: none;
    border-bottom: 1px solid var(--tp-line);
}

body.tp-chrome .terea-announcement-bar {
    background: var(--tp-teal);
    color: #fff;
    padding: 7px 20px;
    border-bottom: 0;
}

body.tp-chrome .terea-announcement-text {
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
}

body.tp-chrome .tp-announce-sep {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
}

body.tp-chrome .tp-announce-extra {
    color: rgba(255, 255, 255, 0.86);
}

body.tp-chrome .terea-header-main {
    background: var(--tp-white);
    border-bottom: 0;
}

body.tp-chrome .terea-header-main-inner {
    padding: 12px 28px;
    gap: 16px;
}

body.tp-chrome .tp-brand-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.tp-chrome .terea-logo-img,
body.tp-chrome .terea-logo-link img,
body.tp-chrome .custom-logo,
body.tp-chrome .footer-brand img {
    height: 40px !important;
    max-height: 40px !important;
    max-width: 280px !important;
    width: auto !important;
    object-fit: contain;
    object-position: left center;
    background: transparent;
}

body.tp-chrome .tp-brand--wordmark .terea-logo-img,
body.tp-chrome .tp-brand--wordmark .terea-logo-link img {
    max-width: 280px !important;
    border-radius: 0;
}

body.tp-chrome .tp-brand--mark .terea-logo-img {
    max-width: 52px !important;
    border-radius: 12px;
}

body.tp-chrome .tp-brand-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.1;
}

body.tp-chrome .tp-brand-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--tp-teal);
}

body.tp-chrome .tp-brand-name,
body.tp-chrome .terea-site-title {
    font-family: Inter, system-ui, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--tp-ink);
    white-space: nowrap;
}

body.tp-chrome .terea-search-form {
    background: var(--tp-soft);
    border: 1px solid var(--tp-line);
    border-radius: 999px;
}

body.tp-chrome .terea-search-form:focus-within {
    border-color: var(--tp-teal);
    box-shadow: 0 0 0 4px rgba(18, 143, 146, 0.14);
    background: #fff;
}

body.tp-chrome .terea-search-input {
    color: var(--tp-ink);
    height: 44px;
}

body.tp-chrome .terea-search-input::placeholder {
    color: #8b9598;
}

body.tp-chrome .terea-search-btn {
    background: var(--tp-teal);
    color: #fff;
    width: 44px;
    height: 44px;
}

body.tp-chrome .terea-search-btn:hover {
    background: var(--tp-teal-2);
}

body.tp-chrome .terea-search-results {
    background: #fff;
    border-color: var(--tp-line);
    color: var(--tp-ink);
}

body.tp-chrome .terea-search-item:hover {
    background: var(--tp-teal-soft);
}

body.tp-chrome .terea-header-call,
body.tp-chrome .terea-header-mail {
    background: var(--tp-soft);
    border: 1px solid var(--tp-line);
    color: var(--tp-ink);
    height: 42px;
}

body.tp-chrome .terea-header-call:hover,
body.tp-chrome .terea-header-mail:hover {
    background: var(--tp-teal);
    border-color: var(--tp-teal);
    color: #fff;
}

body.tp-chrome .terea-header-call-icon {
    background: #fff;
    color: var(--tp-teal);
}

body.tp-chrome .terea-header-call:hover .terea-header-call-icon,
body.tp-chrome .terea-header-mail:hover .terea-header-call-icon {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

body.tp-chrome .terea-header-tools {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.tp-chrome .tp-header-wa {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    background: #1f6b46;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

body.tp-chrome .tp-header-wa:hover {
    background: #25965f;
    color: #fff;
}

body.tp-chrome .terea-header-tool {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--tp-line);
    background: #fff;
    color: var(--tp-ink);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.tp-chrome .terea-header-tool:hover {
    border-color: var(--tp-teal);
    color: var(--tp-teal);
    background: var(--tp-teal-soft);
}

body.tp-chrome .terea-header-cart-btn {
    width: auto;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--tp-teal);
    border: 1px solid var(--tp-teal);
    color: #fff;
    gap: 8px;
}

body.tp-chrome .terea-header-cart-btn:hover {
    background: var(--tp-teal-2);
    border-color: var(--tp-teal-2);
    color: #fff;
}

body.tp-chrome .terea-cart-count,
body.tp-chrome .terea-header-cart-btn .terea-cart-count {
    position: static;
    min-width: 20px;
    height: 20px;
    background: #fff;
    color: var(--tp-teal-2);
    font-size: 11px;
}

body.tp-chrome .terea-header-mobile-search {
    background: #fff;
    padding: 0 16px 12px;
}

body.tp-chrome .terea-menu-toggle--mobile {
    border: 1px solid var(--tp-line);
    background: var(--tp-soft);
    color: var(--tp-ink);
}

body.tp-chrome .terea-menu-icon span {
    background: var(--tp-ink);
}

body.tp-chrome .terea-header-nav.tp-nav {
    background: var(--tp-white);
    border-bottom: 1px solid var(--tp-line);
}

body.tp-chrome .terea-header-nav.is-stuck {
    background: rgba(255, 255, 255, 0.96);
    border-bottom-color: var(--tp-line);
    box-shadow: 0 8px 24px rgba(28, 30, 33, 0.06);
}

body.tp-chrome .terea-header-nav-inner {
    padding: 6px 28px;
    min-height: 50px;
}

body.tp-chrome .terea-cat-toggle {
    display: inline-flex !important;
    width: auto;
    height: 38px;
    padding: 0 14px;
    gap: 8px;
    background: var(--tp-teal);
    border: 0;
    border-radius: 999px;
    color: #fff;
}

body.tp-chrome .terea-cat-toggle .terea-menu-icon span {
    background: #fff;
}

body.tp-chrome .terea-cat-toggle-label {
    font-size: 13px;
    font-weight: 700;
}

body.tp-chrome .terea-nav-menu > li > a {
    color: var(--tp-slate);
    font-size: 13.5px;
    font-weight: 650;
    padding: 10px 12px;
    border-radius: 999px;
}

body.tp-chrome .terea-nav-menu > li > a:hover,
body.tp-chrome .terea-nav-menu > li.current-menu-item > a,
body.tp-chrome .terea-nav-menu > li.current-menu-ancestor > a {
    color: var(--tp-teal-2);
    background: var(--tp-teal-soft);
}

body.tp-chrome .terea-nav-menu .sub-menu {
    background: #fff;
    border: 1px solid var(--tp-line);
    box-shadow: 0 16px 40px rgba(28, 30, 33, 0.1);
}

body.tp-chrome .terea-nav-menu .sub-menu a:hover {
    background: var(--tp-teal-soft);
    color: var(--tp-teal-2);
}

body.tp-chrome .terea-cat-drawer {
    background: #fff;
    color: var(--tp-ink);
}

body.tp-chrome .terea-cat-drawer-head,
body.tp-chrome .terea-cat-drawer-foot {
    background: var(--tp-soft);
    border-color: var(--tp-line);
}

body.tp-chrome .terea-cat-drawer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--tp-ink);
}

body.tp-chrome .terea-cat-drawer-brand .terea-logo-img,
body.tp-chrome .terea-cat-drawer-brand.tp-brand--wordmark .terea-logo-img {
    max-width: 220px !important;
    max-height: 36px !important;
    filter: none !important;
}

body.tp-chrome .terea-cat-drawer-close,
body.tp-chrome .terea-mobile-nav-close {
    background: #fff;
    color: var(--tp-ink);
    border: 1px solid var(--tp-line);
}

body.tp-chrome .terea-cat-tab {
    color: var(--tp-slate);
}

body.tp-chrome .terea-cat-tab.is-active {
    color: var(--tp-teal);
    border-bottom-color: var(--tp-teal);
}

/* -------------------------------------------------------------------------- */
/* Footer — charcoal with a white plate so the wordmark stays official        */
/* -------------------------------------------------------------------------- */

body.tp-chrome .site-footer.tp-footer {
    background: var(--tp-ink);
    color: #c5ccd1;
    margin-top: 72px;
    border-top: 0;
}

body.tp-chrome .tp-footer-cta {
    background: var(--tp-teal);
    border-bottom: 0;
}

body.tp-chrome .tp-footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 0;
}

body.tp-chrome .tp-footer-cta-kicker {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 6px;
}

body.tp-chrome .tp-footer-cta-copy p {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    max-width: 36ch;
}

body.tp-chrome .tp-footer-cta-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

body.tp-chrome .tp-footer-cta-btn {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 20px;
    border-radius: 999px;
    background: #fff;
    color: var(--tp-teal-2);
    font-weight: 800;
    font-size: 14px;
}

body.tp-chrome .tp-footer-cta-btn:hover {
    background: var(--tp-soft);
    color: var(--tp-teal-2);
}

body.tp-chrome .tp-footer-cta-link {
    color: #fff;
    font-weight: 700;
}

body.tp-chrome .footer-top {
    padding: 52px 0 36px;
}

body.tp-chrome .footer-brand a,
body.tp-chrome .footer-about a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

body.tp-chrome .tp-logo-plate {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 10px 14px;
    border-radius: 12px;
}

body.tp-chrome .tp-logo-plate img,
body.tp-chrome .footer-brand img,
body.tp-chrome .footer-about img,
body.tp-chrome .site-footer .custom-logo {
    background: #fff;
    height: 36px !important;
    max-height: 36px !important;
    max-width: 240px !important;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
}

body.tp-chrome .footer-brand > a > img,
body.tp-chrome .footer-about > a > img,
body.tp-chrome .site-footer .custom-logo {
    padding: 10px 14px;
    border-radius: 12px;
}

body.tp-chrome .footer-description,
body.tp-chrome .footer-about p,
body.tp-chrome .footer-col .textwidget,
body.tp-chrome .footer-col .textwidget p {
    color: #c5ccd1;
}

body.tp-chrome .footer-col h3.footer-title,
body.tp-chrome .footer-col .footer-widget-title,
body.tp-chrome .footer-col .widget-title {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.14em;
}

body.tp-chrome .footer-col a,
body.tp-chrome .footer-contact-list,
body.tp-chrome .footer-col .widget a {
    color: #d0d6da;
}

body.tp-chrome .footer-col a:hover,
body.tp-chrome .footer-col .widget a:hover {
    color: #7fd4d6;
}

body.tp-chrome .footer-contact-icon {
    background: rgba(18, 143, 146, 0.18);
    color: #7fd4d6;
}

body.tp-chrome .footer-bottom {
    background: #141618;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.tp-chrome .footer-payment-label,
body.tp-chrome .footer-copyright,
body.tp-chrome .footer-bottom .age-notice {
    color: #8b9598;
}

body.tp-chrome .terea-scroll-top {
    background: var(--tp-teal);
    border: 0;
    color: #fff;
}

/* Homepage / shop / product UI follow the logo teal */
body.tp-chrome .tx-hero {
    background: linear-gradient(135deg, #102426 0%, #128f92 54%, #0c6e71 100%);
}

body.tp-chrome .tx-hero-title em {
    color: #d8f4f4;
}

body.tp-chrome .tx-section-eyebrow {
    color: var(--tp-teal);
    background: var(--tp-teal-soft);
    border-color: rgba(18, 143, 146, 0.18);
}

body.tp-chrome .tx-btn--primary,
body.tp-chrome .terea-button--primary,
body.tp-chrome button.button.alt,
body.tp-chrome .woocommerce #respond input#submit.alt,
body.tp-chrome .woocommerce a.button.alt,
body.tp-chrome .woocommerce button.button.alt,
body.tp-chrome .woocommerce input.button.alt,
body.home .tx-hero-actions .tx-btn:first-child {
    background: var(--tp-teal);
    border-color: var(--tp-teal);
    color: #fff;
}

body.tp-chrome .tx-btn--primary:hover,
body.tp-chrome .woocommerce a.button.alt:hover,
body.tp-chrome .woocommerce button.button.alt:hover {
    background: var(--tp-teal-2);
    border-color: var(--tp-teal-2);
    color: #fff;
}

body.tp-chrome .onsale,
body.tp-chrome .terea-badge,
body.tp-chrome .tx-sale-badge,
body.tp-chrome span.onsale {
    background: var(--tp-teal);
    color: #fff;
}

body.tp-chrome .add_to_cart_button,
body.tp-chrome .ajax_add_to_cart,
body.tp-chrome .terea-add-to-cart,
body.tp-chrome .single_add_to_cart_button {
    background: var(--tp-teal) !important;
    border-color: var(--tp-teal) !important;
    color: #fff !important;
}

body.tp-chrome .terea-drawer-header,
body.tp-chrome .terea-drawer-btn--checkout {
    background: var(--tp-teal);
    color: #fff;
}

body.tp-chrome .terea-drawer-btn--checkout {
    border-color: var(--tp-teal);
}

body.tp-chrome .terea-drawer-btn--cart {
    color: var(--tp-teal);
    border-color: var(--tp-teal);
}

body.tp-chrome .terea-toast,
body.tp-chrome .terea-cart-toast {
    border-color: var(--tp-teal);
}

body.tp-chrome .terea-toast-icon {
    background: var(--tp-teal-soft);
    color: var(--tp-teal);
}

body.tp-chrome .tx-cat-card:hover,
body.tp-chrome .terea-product-card:hover,
body.tp-chrome ul.products li.product:hover {
    border-color: rgba(18, 143, 146, 0.28);
}

body.tp-chrome .woocommerce-pagination .page-numbers.current,
body.tp-chrome .page-numbers.current {
    background: var(--tp-teal);
    border-color: var(--tp-teal);
    color: #fff;
}

body.tp-chrome a:where(.tx-link, .woocommerce-MyAccount-navigation a) {
    color: var(--tp-teal);
}

body.tp-chrome .site-footer .footer-col img:not(.social-link img):not(.footer-payment-icons img) {
    background: #fff;
    padding: 10px 14px;
    border-radius: 12px;
    height: 36px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media screen and (max-width: 1100px) {
    body.tp-chrome .tp-header-wa span,
    body.tp-chrome .terea-header-call-text,
    body.tp-chrome .tp-announce-extra,
    body.tp-chrome .tp-announce-sep {
        display: none;
    }

    body.tp-chrome .terea-logo-img,
    body.tp-chrome .tp-brand--wordmark .terea-logo-img {
        max-width: 210px !important;
        height: 34px !important;
        max-height: 34px !important;
    }
}

@media screen and (max-width: 992px) {
    body.tp-chrome .site-header.tp-header {
        position: sticky;
        top: 0;
        z-index: 10001;
        background: #fff;
    }

    body.admin-bar.tp-chrome .site-header.tp-header {
        top: 32px;
    }

    body.tp-chrome .terea-header-nav.tp-nav {
        display: none !important;
    }

    body.tp-chrome .terea-header-search,
    body.tp-chrome .terea-header-meta,
    body.tp-chrome .terea-header-tool {
        display: none !important;
    }

    body.tp-chrome .terea-header-main {
        border-bottom: 0;
    }

    body.tp-chrome .terea-header-main-inner {
        padding: 10px 16px 8px;
        gap: 10px;
    }

    body.tp-chrome .terea-header-logo,
    body.tp-chrome .tp-brand {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
    }

    body.tp-chrome .tp-brand-link {
        min-width: 0;
        max-width: 100%;
    }

    body.tp-chrome .terea-logo-img,
    body.tp-chrome .tp-brand--wordmark .terea-logo-img,
    body.tp-chrome .terea-logo-link img {
        width: auto !important;
        height: 30px !important;
        max-height: 30px !important;
        max-width: 100% !important;
    }

    body.tp-chrome .terea-menu-toggle--mobile {
        display: inline-flex !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--tp-line);
        background: #fff;
        color: var(--tp-ink);
        flex-shrink: 0;
    }

    body.tp-chrome .terea-header-tools {
        gap: 6px;
        margin-left: 0;
        flex-shrink: 0;
    }

    body.tp-chrome .tp-header-wa {
        display: inline-flex !important;
        width: 40px;
        height: 40px;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
    }

    body.tp-chrome .tp-header-wa span {
        display: none !important;
    }

    body.tp-chrome .terea-header-cart-btn {
        display: inline-flex !important;
        position: relative;
        width: 40px;
        min-width: 40px;
        height: 40px;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
    }

    body.tp-chrome .terea-header-cart-btn svg {
        width: 20px;
        height: 20px;
    }

    body.tp-chrome .terea-cart-count,
    body.tp-chrome .terea-header-cart-btn .terea-cart-count {
        position: absolute;
        top: -3px;
        right: -3px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        font-size: 10px;
    }

    body.tp-chrome .terea-header-mobile-search {
        display: block;
        padding: 0 16px 12px;
        background: #fff;
        border-bottom: 1px solid var(--tp-line);
    }

    body.tp-chrome .tp-footer-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 0;
    }

    body.tp-chrome .tp-footer-cta-copy p {
        font-size: 20px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar.tp-chrome .site-header.tp-header {
        top: 46px;
    }
}

@media screen and (max-width: 576px) {
    body.tp-chrome .terea-header-main-inner {
        padding: 8px 14px 6px;
        gap: 8px;
    }

    body.tp-chrome .terea-header-mobile-search {
        padding: 0 14px 10px;
    }

    body.tp-chrome .terea-logo-img,
    body.tp-chrome .tp-brand--wordmark .terea-logo-img {
        height: 26px !important;
        max-height: 26px !important;
    }

    body.tp-chrome .terea-menu-toggle--mobile,
    body.tp-chrome .tp-header-wa,
    body.tp-chrome .terea-header-cart-btn {
        width: 38px;
        min-width: 38px;
        height: 38px;
    }
}