/* Boutique da Preta - vidro fosco durante rolagem e contraste dark global. */

/* Cabeçalho sólido em repouso; vidro apenas durante a rolagem. */
#header.bp-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--bp-page);
    border-bottom-color: var(--bp-border);
    box-shadow: none;
    transition:
        background-color .24s ease,
        border-color .24s ease,
        box-shadow .24s ease,
        backdrop-filter .24s ease;
}

#header.bp-header.bp-header--scrolled {
    -webkit-backdrop-filter: saturate(165%) blur(22px);
    backdrop-filter: saturate(165%) blur(22px);
    background: color-mix(in srgb, var(--bp-page) 76%, transparent);
    border-bottom-color: color-mix(in srgb, var(--bp-text) 15%, transparent);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--bp-card) 50%, transparent),
        0 12px 34px rgba(45, 24, 31, .12);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    #header.bp-header.bp-header--scrolled {
        background: color-mix(in srgb, var(--bp-page) 96%, var(--bp-card));
    }
}

/* Paleta dark: superfícies próximas, mas claramente distinguíveis. */
html.bp-theme-dark body,
body.bp-theme-dark {
    --bp-page: var(--bp-dark-surface);
    --bp-card: color-mix(in srgb, var(--bp-dark-surface) 88%, white);
    --bp-surface: color-mix(in srgb, var(--bp-dark-surface) 94%, white);
    --bp-soft: color-mix(in srgb, var(--bp-dark-primary) 9%, var(--bp-card));
    --bp-text: var(--bp-dark-text);
    --bp-muted: color-mix(in srgb, var(--bp-dark-text) 74%, var(--bp-dark-surface));
    --bp-border: color-mix(in srgb, var(--bp-dark-text) 17%, transparent);
    --bp-primary: var(--bp-dark-primary);
    --bp-on-primary: #211519;
    --bp-accent: color-mix(in srgb, var(--bp-dark-surface) 78%, white);
    --bp-on-accent: var(--bp-dark-text);
    --bp-shadow: 0 22px 64px rgba(0, 0, 0, .46);
}

html.bp-theme-dark,
html.bp-theme-dark body,
body.bp-theme-dark,
body.bp-theme-dark .page,
body.bp-theme-dark .main,
body.bp-theme-dark .main-container,
body.bp-theme-dark .col-main {
    background-color: var(--bp-page);
    color: var(--bp-text);
}

body.bp-theme-dark #header.bp-header {
    background: var(--bp-page);
}

body.bp-theme-dark #header.bp-header.bp-header--scrolled {
    background: color-mix(in srgb, var(--bp-page) 72%, transparent);
    border-bottom-color: color-mix(in srgb, var(--bp-dark-text) 18%, transparent);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .045),
        0 14px 38px rgba(0, 0, 0, .48);
}

body.bp-theme-dark .bp-announcement {
    background: var(--bp-accent);
    color: var(--bp-on-accent);
}

body.bp-theme-dark .bp-nav-wrap,
body.bp-theme-dark .bp-benefits,
body.bp-theme-dark .toolbar,
body.bp-theme-dark .product-collateral .toggle-tabs {
    border-color: var(--bp-border);
}

body.bp-theme-dark .bp-search #search,
body.bp-theme-dark input.input-text,
body.bp-theme-dark input[type="email"],
body.bp-theme-dark input[type="text"],
body.bp-theme-dark input[type="password"],
body.bp-theme-dark input[type="tel"],
body.bp-theme-dark select,
body.bp-theme-dark textarea {
    background: var(--bp-card);
    border-color: var(--bp-border);
    color: var(--bp-text);
}

body.bp-theme-dark input::placeholder,
body.bp-theme-dark textarea::placeholder,
body.bp-theme-dark .bp-search #search::placeholder {
    color: var(--bp-muted);
    opacity: .78;
}

body.bp-theme-dark .bp-products-section,
body.bp-theme-dark .bp-products-section--sale {
    background: var(--bp-surface);
}

body.bp-theme-dark .bp-products-section--sale + .bp-editorial,
body.bp-theme-dark .bp-section,
body.bp-theme-dark .bp-editorial {
    color: var(--bp-text);
}

body.bp-theme-dark .bp-category-pattern,
body.bp-theme-dark .bp-empty-state,
body.bp-theme-dark .bp-editorial-copy,
body.bp-theme-dark .block-layered-nav .block-content,
body.bp-theme-dark .product-options,
body.bp-theme-dark .cart .discount,
body.bp-theme-dark .cart .shipping,
body.bp-theme-dark .cart-totals,
body.bp-theme-dark .dashboard .box-account,
body.bp-theme-dark .my-account .addresses-list li.item,
body.bp-theme-dark .opc .section .step-title {
    background: var(--bp-soft);
    color: var(--bp-text);
}

body.bp-theme-dark .bp-product-card,
body.bp-theme-dark .bp-product-info,
body.bp-theme-dark .bp-section-heading,
body.bp-theme-dark .bp-benefits,
body.bp-theme-dark .product-view,
body.bp-theme-dark .product-essential,
body.bp-theme-dark .product-collateral {
    color: var(--bp-text);
}

body.bp-theme-dark .bp-product-image,
body.bp-theme-dark .product-view .product-image {
    background: #eee8e7;
}

body.bp-theme-dark .bp-product-info h2 a,
body.bp-theme-dark .bp-product-info h3 a,
body.bp-theme-dark .bp-product-info .price,
body.bp-theme-dark .product-name a,
body.bp-theme-dark .price-box .price,
body.bp-theme-dark .bp-benefits strong,
body.bp-theme-dark .bp-editorial-copy h2 {
    color: var(--bp-text);
}

body.bp-theme-dark .bp-hero-copy p,
body.bp-theme-dark .bp-editorial-copy p,
body.bp-theme-dark .bp-benefits span,
body.bp-theme-dark .bp-product-info .old-price .price,
body.bp-theme-dark .bp-product-info .price-label,
body.bp-theme-dark .short-description,
body.bp-theme-dark .breadcrumbs li {
    color: var(--bp-muted);
}

body.bp-theme-dark .bp-footer-newsletter {
    background: var(--bp-primary);
    color: var(--bp-on-primary);
}

body.bp-theme-dark .bp-footer-newsletter .bp-eyebrow,
body.bp-theme-dark .bp-footer-newsletter h2,
body.bp-theme-dark .bp-footer-newsletter small {
    color: var(--bp-on-primary);
}

body.bp-theme-dark .bp-newsletter-form input.input-text {
    background: color-mix(in srgb, white 95%, var(--bp-dark-primary));
    border-color: transparent;
    color: #211519;
}

body.bp-theme-dark .bp-newsletter-form input.input-text::placeholder {
    color: #6f6267;
    opacity: 1;
}

body.bp-theme-dark .bp-newsletter-form .button {
    background: #211519;
    border-color: #211519;
    color: #fff7f8;
}

body.bp-theme-dark .bp-newsletter-form .button:hover,
body.bp-theme-dark .bp-newsletter-form .button:focus {
    background: #0f0b0d;
    border-color: #0f0b0d;
    color: #ffffff;
}

body.bp-theme-dark .bp-footer {
    background: #0c090a;
    color: rgba(255, 247, 248, .82);
}

body.bp-theme-dark .bp-account-panel,
body.bp-theme-dark .bp-minicart #header-cart,
body.bp-theme-dark .bp-bag-panel,
body.bp-theme-dark #search_autocomplete.search-autocomplete ul {
    background: var(--bp-card);
    border-color: var(--bp-border);
    color: var(--bp-text);
}

body.bp-theme-dark .bp-account-panel::before,
body.bp-theme-dark .bp-minicart #header-cart::before,
body.bp-theme-dark #search_autocomplete.search-autocomplete::before {
    background: var(--bp-card);
    border-color: var(--bp-border);
}

body.bp-theme-dark .messages,
body.bp-theme-dark .data-table,
body.bp-theme-dark .cart-table,
body.bp-theme-dark .fieldset,
body.bp-theme-dark .opc .step {
    color: var(--bp-text);
}

body.bp-theme-dark .data-table td,
body.bp-theme-dark .data-table th,
body.bp-theme-dark .cart-table td,
body.bp-theme-dark .cart-table th {
    border-color: var(--bp-border);
}

@media (max-width: 770px) {
    #header.bp-header.bp-header--scrolled {
        -webkit-backdrop-filter: saturate(155%) blur(18px);
        backdrop-filter: saturate(155%) blur(18px);
        box-shadow: 0 9px 28px rgba(45, 24, 31, .14);
    }

    body.bp-theme-dark #header.bp-header.bp-header--scrolled {
        box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    }
}

@media (prefers-reduced-motion: reduce) {
    #header.bp-header {
        transition: none;
    }
}