html[data-hb-theme="black-friday"] {
    --hb-season-base: #0e0e10;
    --hb-season-panel: #1a1a1d;
    --hb-season-raised: #242326;
    --hb-season-line: #3c3531;
    --hb-season-text: #faf6f1;
    --hb-season-muted: #c8bdb4;
    --hb-season-accent: #ff8138;
    --hb-season-action: #ff6814;
    --hb-season-ink: #221106;
    --hb-season-media: #d6cdc5;
}

html[data-hb-theme="natal"] {
    --hb-season-base: #fff;
    --hb-season-panel: #fff;
    --hb-season-raised: #f6f6f6;
    --hb-season-line: #e2e2e2;
    --hb-season-text: #242424;
    --hb-season-muted: #575757;
    --hb-season-accent: #c90f2a;
    --hb-season-action: #d3112c;
    --hb-season-ink: #fff;
    --hb-season-media: #fafafa;
}

[data-hb-theme="natal"] .announcement-bar-top {
    background-color: var(--hb-season-action);
    border-bottom-color: var(--hb-season-action);
}

[data-hb-theme="natal"] .hb-chat-widget .chat-bubble {
    background: var(--hb-season-action);
}

[data-hb-theme="natal"] :is(.logo-header, .footer-logo-box img) {
    filter: url("#hb-natal-logo-color");
}

.hb-natal-logo {
    position: relative;
    display: inline-block;
}

.hb-natal-logo img {
    display: block;
}

.hb-natal-logo::after {
    position: absolute;
    top: -44%;
    left: -4%;
    width: 24%;
    aspect-ratio: 56 / 39;
    background: url("../img/natal-santa-hat.svg") center / contain no-repeat;
    pointer-events: none;
    content: "";
}

[data-hb-theme="natal"] .footer-main :is(.footer-title, .text-secondary) {
    color: var(--hb-season-text) !important;
}

[data-hb-theme="natal"] :is(.footer-list li a, .social-icon-link) {
    color: var(--hb-season-text);
}

[data-hb-theme="natal"] .social-icon-link {
    border-color: var(--hb-season-line);
}

[data-hb-theme="natal"] .footer-list li a:hover {
    color: var(--hb-season-accent);
}

.hb-natal-snow {
    position: fixed;
    inset: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .hb-natal-snow {
        display: none;
    }
}

.hb-black-friday-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: clamp(8px, 2.5vw, 32px);
    row-gap: 5px;
    min-height: 54px;
    padding: 7px 12px;
    color: #fff;
    background:
        linear-gradient(128deg, transparent 23%, #ff8a30 23.4%, #ff6814 24%, #6a2409 25%, transparent 34%) left center / 17% 100% no-repeat,
        linear-gradient(128deg, transparent 61%, #6a2409 70%, #ff6814 71%, #ff8a30 71.6%, transparent 72%) right center / 17% 100% no-repeat,
        radial-gradient(ellipse at center, #21120d, #100b09 55%, #0b0909);
    border-bottom: 1px solid #763a1d;
    font-style: italic;
    line-height: 1.2;
    text-decoration: none;
}

.hb-black-friday-strip:hover,
.hb-black-friday-strip:focus-visible {
    color: #fff;
    text-decoration: none;
}

.hb-black-friday-strip:focus-visible {
    outline-offset: -2px;
}

.hb-black-friday-strip:hover .hb-black-friday-offers,
.hb-black-friday-strip:focus-visible .hb-black-friday-offers {
    background: #c32216;
}

.hb-black-friday-name {
    font-size: clamp(13px, 3.4vw, 30px);
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.hb-black-friday-name i,
.hb-black-friday-name span {
    color: var(--hb-season-accent);
}

.hb-black-friday-name i,
.hb-black-friday-offers i {
    margin-inline-end: 0.2em;
}

.hb-black-friday-offers {
    padding: 0.3em 0.7em;
    border-radius: 999px;
    background: #af180e;
    font-size: clamp(10px, 2.6vw, 15px);
    font-weight: 700;
    text-align: center;
}

@media (max-width: 575px) {
    .hb-black-friday-strip {
        min-height: 38px;
        background-size: 10% 100%, 10% 100%, auto;
    }
}

html[data-hb-theme] {
    --bs-body-bg: var(--hb-season-base);
    --bs-body-color: var(--hb-season-text);
    --bs-secondary-color: var(--hb-season-muted);
    --bs-secondary-bg: var(--hb-season-panel);
    --bs-tertiary-bg: var(--hb-season-raised);
    --bs-border-color: var(--hb-season-line);
    --bs-emphasis-color: var(--hb-season-text);
    --bs-link-color: var(--hb-season-accent);
    --bs-link-hover-color: var(--hb-season-text);
    --orbe-laranja: var(--hb-season-accent);
    --orbe-dark: var(--hb-season-text);
}

[data-hb-theme] body {
    color: var(--hb-season-text);
    background: var(--hb-season-base);
}

[data-hb-theme] ::selection {
    color: var(--hb-season-ink);
    background: var(--hb-season-accent);
}

[data-hb-theme] :focus-visible {
    outline: 2px solid var(--hb-season-accent);
    outline-offset: 2px;
}

[data-hb-theme] :is(.main-header, .top-bar-new, .mega-nav-wrapper, .footer-main) {
    color: var(--hb-season-text);
    background: var(--hb-season-base) !important;
    border-color: var(--hb-season-line);
}

[data-hb-theme] .mega-nav-wrapper {
    margin-bottom: 0 !important;
    border-bottom: 1px solid var(--hb-season-line);
}

[data-hb-theme] .main-header {
    margin-top: 0;
}

[data-hb-theme] :is(.bg-white, .bg-light, .product-card, .represented-brand-card, .represented-brand-media,
    .home-block-wrapper, .home-block-header, .home-block-sidebar, .brand-marquee-section,
    .search-results-container, .mega-panel, .mega-nav-sub-panel, .cotacao-subtle,
    .search-input-field, .search-composite, .home-carousel-controls button,
    .filter-block, .custom-sort-select, .price-range-btn, .custom-checkbox-box,
    .mobile-menu-sheet, .mobile-menu-footer, .mobile-menu-icon-box, .mobile-menu-sub-link,
    .spec-card, .spec-chip, .spec-icon, .brand-card-prod, .price-box-detail,
    .notes-block, .box-size-card, .box-size-values span, .pv-gallery-item,
    .btn-cart-sq, .product-zoom-trigger, .product-image-lightbox) {
    color: var(--hb-season-text);
    background-color: var(--hb-season-panel) !important;
    border-color: var(--hb-season-line);
}

[data-hb-theme] :is(.box-size-card, .cart-item .qty-group input) {
    background: var(--hb-season-panel) !important;
}

[data-hb-theme] :is(.text-dark, .text-black, .top-bar-link, .top-bar-new .dropdown-toggle,
    .mega-nav-item, .mega-nav-sub-item, .mobile-menu-link, .mobile-menu-sub-link,
    .prod-title, .compact-title, .represented-brand-name, .home-block-title,
    .home-carousel-tab.active, .marquee-title, .prod-title-main, .brand-name-small,
    .content-text, .content-text h1, .content-text h2, .content-text h3,
    .content-text h4, .content-text h5, .content-text h6, .pv-gallery,
    .spec-table td:first-child) {
    color: var(--hb-season-text) !important;
}

[data-hb-theme] :is(.text-muted, .text-secondary, .cotacao-label-small, .represented-brands-subtitle,
    .represented-brand-copy p, .home-carousel-tab, .sidebar-title, .price-alt,
    .sub-price, .breadcrumb a, .mobile-menu-section-title, .custom-checkbox-text) {
    color: var(--hb-season-muted) !important;
}

[data-hb-theme] :is(.text-orange, .cotacao-val-small, .represented-brands-kicker,
    .represented-brand-link, .price-main, .compact-price, .big-price, .breadcrumb .active a,
    .top-bar-link:hover, .mega-nav-item:hover, .mega-nav-sub-item:hover,
    .main-nav-links > .nav-link:hover, .home-block-subcat-link:hover) {
    color: var(--hb-season-accent) !important;
}

[data-hb-theme] .represented-brands-section {
    background: var(--hb-season-base);
}

[data-hb-theme] .represented-brands-title {
    color: var(--hb-season-text);
}

[data-hb-theme] #mainSlider .home-slider-icon {
    filter: none;
}

[data-hb-theme] #mainSlider .carousel-indicators button {
    background-color: #fff;
}

[data-hb-theme] :is(.home-block-main, .home-carousel-header, .spec-table td, .mobile-menu-divider) {
    border-color: var(--hb-season-line);
}

[data-hb-theme] :is(.bg-orange, .btn-quick-buy) {
    background-color: var(--hb-season-action) !important;
}

[data-hb-theme] :is(.search-btn, .btn-shop-categories, .btn-quick-buy, .cart-badge, #cart-badge-mobile-top) {
    color: var(--hb-season-ink) !important;
}

[data-hb-theme] :is(.search-input-field, .form-control)::placeholder {
    color: var(--hb-season-muted);
}

[data-hb-theme] .search-composite:focus-within {
    border-color: var(--hb-season-accent);
}

[data-hb-theme] :is(.mega-nav-item:hover, .mega-nav-sub-item:hover, .price-range-btn:hover,
    .price-range-btn.active, .mobile-menu-link:hover, .mobile-menu-link:active,
    .mobile-menu-link[aria-current="page"], .mobile-menu-sub-link[aria-current="page"],
    .home-carousel-controls button:hover, .represented-brand-link, .tag-cat, .pv-gallery-item:hover) {
    color: var(--hb-season-accent) !important;
    background: var(--hb-season-raised) !important;
    border-color: var(--hb-season-line);
}

[data-hb-theme] .mobile-menu-header {
    background: var(--hb-season-panel);
    border-bottom: 1px solid var(--hb-season-line);
}

[data-hb-theme] :is(.product-card .img-wrap, .product-card:hover .img-wrap, .compact-img-box, .main-stage, .thumb-box) {
    background: var(--hb-season-media) !important;
    border-color: var(--hb-season-line);
    isolation: isolate;
}

[data-hb-theme] .product-card .img-wrap {
    margin: .5rem .5rem 0;
    width: auto;
    border-radius: 8px;
    overflow: hidden;
}

[data-hb-theme] :is(.img-main, .img-hover-swap, .compact-img, .thumb-box img, #zoomImage) {
    mix-blend-mode: multiply;
}

[data-hb-theme] .product-card .brand-badge {
    color: var(--hb-season-accent);
    background-color: var(--hb-season-panel);
}

[data-hb-theme] .pv-gallery-item img {
    border-radius: 4px;
}

[data-hb-theme="black-friday"] .price-box-detail .text-success {
    color: #63d899 !important;
}

[data-hb-theme] .custom-checkbox-input:checked + .custom-checkbox-box {
    background-color: var(--hb-season-action) !important;
}

[data-hb-theme] .custom-checkbox-input:checked + .custom-checkbox-box::after {
    border-color: var(--hb-season-ink);
}

[data-hb-theme] .card-hover-actions {
    background: linear-gradient(to top, var(--hb-season-panel) 38%, transparent);
}

[data-hb-theme] .product-card.is-unavailable .price-main {
    color: var(--hb-season-muted) !important;
}

[data-hb-theme] .product-card:hover,
[data-hb-theme] .represented-brand-card:hover {
    border-color: var(--hb-season-accent) !important;
}

@media (max-width: 991.98px) {
    [data-hb-theme] .filter-sidebar-offcanvas {
        background: var(--hb-season-base);
    }
}
