/*
 * overrides.css — regras que vencem o Storefront/WooCommerce.
 * Extraido de kametas_inline_overrides() (functions.php) na Fase 1 da
 * refatoracao. Enfileirado APOS kametas-child-style (dependencia), entao
 * a ordem de cascata e o comportamento sao identicos ao inline anterior.
 */
/* Ticker rotativo */
        .kametas-ticker {
            background-color: #7A4E2D;
            overflow: hidden;
            white-space: nowrap;
            padding: 8px 0;
        }

        .kametas-ticker__link {
            display: block;
            text-decoration: none;
        }

        .kametas-ticker__track {
            display: inline-flex;
            gap: 48px;
            animation: kametas-ticker 30s linear infinite;
            color: #fff;
            font-size: 12px;
            letter-spacing: 0.1em;
            font-family: "Inter", sans-serif;
            font-weight: 400;
        }

        .kametas-ticker__track span {
            color: #fff;
        }

        @keyframes kametas-ticker {
            0%   { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .kametas-ticker:hover .kametas-ticker__track {
            animation-play-state: paused;
        }

        /* Header principal */
        .kametas-header {
            background-color: #fff !important;
            border-bottom: none !important;
            padding: 0 !important;
        }

        .kametas-header__main {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding-top: 16px !important;
            padding-bottom: 16px !important;
            gap: 32px !important;
            border-bottom: 0.5px solid rgba(0,0,0,0.06) !important;
        }

        .kametas-header__logo {
            flex-shrink: 0 !important;
        }

        .kametas-header__nav {
            flex: 1 !important;
        }

        .kametas-nav__menu {
            display: flex !important;
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            gap: 28px !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .kametas-nav__menu li a {
            font-size: 13px !important;
            font-weight: 400 !important;
            color: #1C1C1C !important;
            text-decoration: none !important;
            letter-spacing: 0.04em !important;
            transition: color 0.2s ease !important;
            font-family: "Inter", sans-serif !important;
        }

        .kametas-nav__menu li a:hover,
        .kametas-nav__menu li.current-menu-item > a {
            color: #7A4E2D !important;
        }

        /* Carrinho */
        .kametas-header__cart {
            flex-shrink: 0 !important;
            position: relative !important;
        }

        .kametas-cart__link {
            display: flex !important;
            align-items: center !important;
            color: #1C1C1C !important;
            text-decoration: none !important;
            position: relative !important;
        }

        .kametas-cart__link:hover {
            color: #7A4E2D !important;
        }

        .kametas-cart__count {
            position: absolute !important;
            top: -8px !important;
            right: -8px !important;
            background: #C24E0E !important;
            color: #fff !important;
            font-size: 10px !important;
            width: 16px !important;
            height: 16px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-family: "Inter", sans-serif !important;
        }

        /* Linha inferior: social + busca */
        .kametas-header__bottom {
            border-top: 0.5px solid rgba(0,0,0,0.06) !important;
            padding: 8px 0 !important;
        }

        .kametas-header__bottom-inner {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        .kametas-header__social {
            display: flex !important;
            align-items: center !important;
            gap: 20px !important;
        }

        .kametas-social__link {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            color: #6B6B6B !important;
            text-decoration: none !important;
            font-size: 12px !important;
            font-family: "Inter", sans-serif !important;
            transition: color 0.2s ease !important;
        }

        .kametas-social__link:hover {
            color: #7A4E2D !important;
        }

        .kametas-header__search {
            display: flex !important;
            align-items: stretch !important;
            border: 1px solid rgba(0,0,0,0.22) !important;
            background: #fff !important;
            transition: border-color 0.2s ease !important;
        }

        .kametas-header__search:focus-within {
            border-color: #7A4E2D !important;
        }

        /* remove a margin-bottom padrão do Storefront no <form> de busca */
        .kametas-header__search form,
        .kametas-header__search .search-form {
            margin: 0 !important;
        }

        .kametas-header__search input[type="search"] {
            font-size: 13px !important;
            padding: 12px 14px !important;
            border: none !important;
            border-radius: 0 !important;
            background: transparent !important;
            min-width: 210px !important;
            font-family: "Inter", sans-serif !important;
        }

        .kametas-header__search input[type="search"]:focus {
            outline: none !important;
        }

        /* Botão de busca visível: quadrado teal com lupa branca */
        .kametas-header__search .search-submit {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 42px !important;
            flex-shrink: 0 !important;
            padding: 0 !important;
            border: none !important;
            border-radius: 0 !important;
            background-color: #7A4E2D !important;
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%2F%3E%3C%2Fsvg%3E") !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: 16px 16px !important;
            color: transparent !important;
            font-size: 0 !important;
            cursor: pointer !important;
            transition: background-color 0.2s ease !important;
        }

        .kametas-header__search .search-submit:hover {
            background-color: #5E3A1F !important;
        }

        /* Carrinho vazio: botão "Continue Shopping" (injetado via JS no rodapé) */
        .wp-block-woocommerce-empty-cart-block {
            text-align: center !important;
            overflow-x: hidden !important; /* evita scroll lateral de ~8px da grade por volta de 1024px */
        }
        .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
            max-width: 100% !important;
        }
        /* Botões "Add to cart" das sugestões ("New in store") com alvo de toque ~44px */
        .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .add_to_cart_button,
        .wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wp-block-button__link {
            min-height: 44px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            background-color: #7A4E2D !important; /* teal AA: era laranja com contraste baixo */
            color: #fff !important;
        }
        a.kametas-continue-shopping {
            display: inline-block !important;
            margin: 4px auto 32px !important;
            background-color: #7A4E2D !important;
            color: #fff !important;
            border: 1px solid #7A4E2D !important;
            border-radius: 0 !important;
            padding: 14px 34px !important;
            font-family: "Inter", sans-serif !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            line-height: 1 !important;
            transition: background-color 0.2s ease !important;
        }
        a.kametas-continue-shopping:hover {
            background-color: #5E3A1F !important;
            border-color: #5E3A1F !important;
            color: #fff !important;
        }

        /* Hamburguer escondido no desktop */
        .kametas-hamburger {
            display: none;
        }

        /* Botão fechar — escondido no desktop */
        .kametas-nav__close {
            display: none;
        }@media (max-width: 768px) {


            /* Reordenar: logo | carrinho | hamburguer */
            .kametas-header__logo {
                order: 1 !important;
            }

            .kametas-header__cart {
                order: 2 !important;
                margin-left: auto !important;
                margin-right: 16px !important;
            }

            .kametas-hamburger {
                order: 3 !important;
                margin-left: 0 !important;
            }

            .kametas-header__nav {
                order: 4 !important;
            }

            /* Botão fechar — canto superior direito do drawer */
            .kametas-nav__close {
                position: absolute !important;
                top: 20px !important;
                right: 20px !important;
                background: none !important;
                border: none !important;
                cursor: pointer !important;
                color: #1C1C1C !important;
                padding: 4px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                transition: color 0.2s ease !important;
            }

            .kametas-nav__close:hover {
                color: #7A4E2D !important;
            }

            .kametas-hamburger {
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                gap: 5px !important;
                background: none !important;
                border: none !important;
                cursor: pointer !important;
                padding: 4px !important;
                margin-left: 0 !important;
                z-index: 1001 !important;
            }

            .kametas-hamburger__line {
                display: block !important;
                width: 22px !important;
                height: 1.5px !important;
                background-color: #1C1C1C !important;
                transition: transform 0.3s ease,
                            opacity 0.3s ease !important;
            }

            .kametas-hamburger.is-active
            .kametas-hamburger__line:nth-child(1) {
                transform: translateY(6.5px) rotate(45deg) !important;
            }

            .kametas-hamburger.is-active
            .kametas-hamburger__line:nth-child(2) {
                opacity: 0 !important;
            }

            .kametas-hamburger.is-active
            .kametas-hamburger__line:nth-child(3) {
                transform: translateY(-6.5px) rotate(-45deg) !important;
            }

            /* Nav container — ocupa tela toda */
            .kametas-header__nav {
                display: block !important;
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                z-index: 1000 !important;
                pointer-events: none !important;
                order: unset !important;
                border-top: none !important;
                padding-top: 0 !important;
            }

            /* Overlay escuro atrás do drawer */
            .kametas-nav__overlay {
                position: absolute !important;
                inset: 0 !important;
                background: rgba(0,0,0,0.4) !important;
                opacity: 0 !important;
                transition: opacity 0.3s ease !important;
            }

            /* Drawer — painel lateral */
            .kametas-nav__drawer {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                width: 75% !important;
                max-width: 280px !important;
                height: 100% !important;
                background: #fff !important;
                transform: translateX(-100%) !important;
                transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
                padding: 72px 24px 32px !important;
                box-sizing: border-box !important;
                overflow-y: auto !important;
                box-shadow: 4px 0 24px rgba(0,0,0,0.08) !important;
            }

            /* Estado aberto */
            .kametas-header__nav.is-open {
                pointer-events: auto !important;
            }

            .kametas-header__nav.is-open .kametas-nav__overlay {
                opacity: 1 !important;
            }

            .kametas-header__nav.is-open .kametas-nav__drawer {
                transform: translateX(0) !important;
            }

            /* Menu dentro do drawer */
            .kametas-nav__menu {
                flex-direction: column !important;
                gap: 0 !important;
                align-items: flex-start !important;
            }

            .kametas-nav__menu li {
                width: 100% !important;
                border-bottom: 0.5px solid rgba(0,0,0,0.06) !important;
            }

            .kametas-nav__menu li:first-child {
                border-top: 0.5px solid rgba(0,0,0,0.06) !important;
            }

            .kametas-nav__menu li a {
                display: block !important;
                padding: 14px 0 !important;
                font-size: 15px !important;
                font-weight: 400 !important;
                color: #1C1C1C !important;
            }

            .kametas-nav__menu li.current-menu-item > a {
                color: #7A4E2D !important;
            }

            .kametas-header__main {
                flex-wrap: nowrap !important;
                gap: 0 !important;
                justify-content: space-between !important;
            }

            .kametas-header__bottom-inner {
                flex-direction: column !important;
                gap: 12px !important;
                align-items: flex-start !important;
            }

            .kametas-header__search {
                width: 100% !important;
            }

            .kametas-header__search input[type="search"] {
                min-width: 0 !important;
                flex: 1 !important;
            }

            .kametas-ticker__track {
                animation-duration: 20s !important;
            }
}


        /* Logo */
        .site-header .custom-logo-link img,
        .site-header .site-branding img {
            max-width: none;
            width: auto;
            max-height: 80px;
            height: auto;
        }

        /* Tipografia global */
        body,
        p,
        li,
        input,
        textarea,
        button,
        .kametas-btn {
            font-family: "Inter", sans-serif;
            font-weight: var(--peso-corpo, 400);
        }

        /* Robustez: o Storefront enfileira seu CSS de Customizer (body em
           Source Sans Pro) e, dependendo da ordem de carga, ele venceria a
           regra acima. Forçamos a fonte do tema SÓ no <body> (herança), sem
           !important nos títulos — que mantêm Noto Serif por declaração
           própria. Mantém o comportamento atual e o blinda contra a ordem. */
        body {
            font-family: "Inter", sans-serif !important;
            font-weight: var(--peso-corpo, 400) !important;
        }

        h1, h2, h3, h4, h5, h6,
        .kametas-footer__logo,
        .kametas-about-hero__titulo,
        .kametas-about-historia__subtitulo,
        .kametas-about-valores__titulo,
        .kametas-about-cta__titulo,
        .kametas-cta__titulo,
        .kametas-servicos__titulo,
        .kametas-produtos__titulo,
        .kametas-depoimentos__titulo,
        .kametas-galeria__titulo,
        .kametas-contato__titulo,
        .kametas-about-historia h2,
        .woocommerce-loop-product__title {
            font-family: "Noto Serif JP", serif;
            font-weight: 700;
            letter-spacing: -0.01em;
        }

        /* Cards — estética japonesa flat */
        .kametas-card {
            background: var(--cor-fundo, #FAFAF8);
            border-radius: 2px !important;
            box-shadow: none !important;
            border: 0.5px solid rgba(0,0,0,0.12) !important;
            border-left: 2px solid #7A4E2D !important;
            padding: 28px 24px !important;
        }

        /* =====================
           BOTÕES — sistema elegante
           ===================== */

        /* Base compartilhada */
        .kametas-btn,
        .kametas-hero__acoes .button,
        .button,
        button.button {
            position: relative !important;
            display: inline-block !important;
            border-radius: 0 !important;
            letter-spacing: 0.08em !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            text-decoration: none !important;
            transition: background-color 0.25s ease,
                        color 0.25s ease,
                        border-color 0.25s ease,
                        box-shadow 0.25s ease,
                        transform 0.2s ease !important;
        }

        /* Hero — Learn More (outline teal) */
        .kametas-hero__acoes .button.alt,
        .button.alt {
            background-color: transparent !important;
            color: #7A4E2D !important;
            border: 1px solid #7A4E2D !important;
            padding: 13px 32px !important;
        }

        .kametas-hero__acoes .button.alt:hover,
        .button.alt:hover {
            background-color: #7A4E2D !important;
            color: #fff !important;
            border-color: #7A4E2D !important;
            box-shadow: 0 8px 24px rgba(122,78,45,0.25) !important;
            transform: translateY(-2px) !important;
        }

        /* .kametas-btn base — View All Products (teal) */
        .kametas-btn {
            background-color: #7A4E2D !important;
            color: #fff !important;
            padding: 13px 32px !important;
        }

        .kametas-btn:not(.kametas-btn--primary):not(.kametas-btn--ghost):hover,
        .kametas-btn:not(.kametas-btn--primary):not(.kametas-btn--ghost):focus {
            background-color: #5E3A1F !important;
            color: #fff !important;
            box-shadow: 0 8px 24px rgba(122,78,45,0.3) !important;
            transform: translateY(-2px) !important;
        }

        /* CTA — Order Now (laranja sólido) */
        .kametas-btn--primary {
            background-color: #C24E0E !important;
            color: #fff !important;
            border: 1px solid #C24E0E !important;
            font-weight: 500 !important;
        }

        .kametas-btn--primary:hover,
        .kametas-btn--primary:focus {
            background-color: #c4511a !important;
            border-color: #c4511a !important;
            color: #fff !important;
            box-shadow: 0 8px 24px rgba(232,98,26,0.35) !important;
            transform: translateY(-2px) !important;
        }

        /* CTA — Learn More (ghost branco) */
        .kametas-btn--ghost {
            background-color: transparent !important;
            color: #fff !important;
            border: 1px solid rgba(255,255,255,0.6) !important;
        }

        .kametas-btn--ghost:hover,
        .kametas-btn--ghost:focus {
            background-color: rgba(255,255,255,0.12) !important;
            border-color: #fff !important;
            color: #fff !important;
            transform: translateY(-2px) !important;
        }

        /* Labels — uppercase espaçado */
        .kametas-label,
        .kametas-footer__titulo {
            letter-spacing: 0.15em !important;
            font-size: 11px !important;
            font-weight: 400 !important;
        }

        /* Depoimentos — borda lateral em vez de card */
        .kametas-depoimento.kametas-card {
            border-left: 2px solid #7A4E2D !important;
            border-top: none !important;
            border-right: none !important;
            border-bottom: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            background: transparent !important;
            padding: 0 0 0 20px !important;
        }
        div.about-foto {
            width: 100%;
            height: 400px;
            background-color: #f0f0f0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6B6B6B;
            font-size: 0.95rem;
        }@media (max-width: 768px) {


            div.about-foto {
                height: 250px;
            }
}


        /* =====================
           FOOTER
           ===================== */

        .kametas-footer {
            background-color: #fff !important;
            color: #000 !important;
            padding: 60px 0 0 !important;
            position: relative !important;  /* âncora da borda ::before */
            clear: both !important; /* impede o footer de subir atrás do conteúdo flutuado (.content-area float:left) */
        }

        /* Borda marrom no topo em formato de "lente": afina (vira ponta) nos
           lados e engrossa no meio. SVG esticado em 100% da largura. */
        .kametas-footer::before {
            content: "" !important;
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            top: 0 !important;
            height: 4px !important;
            pointer-events: none !important;
            background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%204'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%237A4E2D'%20d='M0,2%20C480,0%20960,0%201440,2%20C960,4%20480,4%200,2%20Z'/%3E%3C/svg%3E") no-repeat center !important;
            background-size: 100% 100% !important;
        }

        .kametas-footer__main {
            display: grid !important;
            grid-template-columns: 1.5fr 1fr 1fr !important;
            gap: 48px !important;
            padding-bottom: 60px !important;
        }

        .kametas-footer__logo {
            font-size: 1.8rem !important;
            font-weight: 800 !important;
            color: #000 !important;
            margin: 0 0 16px !important;
        }

        .kametas-footer__desc {
            font-size: 0.9rem !important;
            line-height: 1.7 !important;
            color: rgba(0,0,0,0.7) !important;
            margin: 0 !important;
        }

        .kametas-footer__titulo {
            font-size: 0.8rem !important;
            font-weight: 700 !important;
            letter-spacing: 0.12em !important;
            text-transform: uppercase !important;
            color: #000 !important;
            margin: 0 0 20px !important;
        }

        .kametas-footer__links {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
        }

        .kametas-footer__links a {
            color: #000 !important;
            text-decoration: none !important;
            font-size: 0.9rem !important;
        }

        .kametas-footer__links a:hover {
            color: var(--cor-principal) !important;  /* marrom */
        }

        .kametas-footer__contato {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 12px !important;
        }

        .kametas-footer__contato li {
            font-size: 0.9rem !important;
            color: rgba(0,0,0,0.8) !important;
            line-height: 1.5 !important;
        }

        .kametas-footer__contato a {
            color: #000 !important;
            text-decoration: none !important;
        }

        /* Hover de TODOS os links do footer em marrom (inclui sociais). */
        .kametas-footer__contato a:hover,
        .kametas-footer__contato .whatsapp a:hover,
        .kametas-footer__contato .line a:hover,
        .kametas-footer__contato .instagram a:hover {
            color: var(--cor-principal) !important;
        }

        .kametas-footer__bottom {
            background-color: #fff !important;
            padding: 20px 0 !important;
            border-top: 1px solid rgba(0,0,0,0.08) !important;
        }

        .kametas-footer__bottom-inner {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            font-size: 0.8rem !important;
            color: rgba(0,0,0,0.7) !important;
        }@media (max-width: 768px) {

            .kametas-footer__main {
                grid-template-columns: 1fr !important;
                gap: 36px !important;
                padding-bottom: 40px !important;
            }
            .kametas-footer {
                padding: 40px 0 0 !important;
            }
            .kametas-footer__bottom-inner {
                flex-direction: column !important;
                gap: 8px !important;
                text-align: center !important;
            }
}

        /* =====================================================
           Botão de conta / cadastro no header (Sign Up)
           Desktop: botão outline teal no canto superior direito
           (order alto -> depois do nav que tem flex:1).
           Mobile: vira só o ícone, ao lado do carrinho.
           ===================================================== */
        .kametas-header__account {
            flex-shrink: 0 !important;
            order: 5 !important;
        }

        .kametas-account__link {
            display: inline-flex !important;
            align-items: center !important;
            gap: 7px !important;
            color: #7A4E2D !important;
            border: 1px solid #7A4E2D !important;
            padding: 9px 18px !important;
            font-size: 12px !important;
            letter-spacing: 0.08em !important;
            font-family: "Inter", sans-serif !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            transition: background-color 0.25s ease,
                        color 0.25s ease,
                        box-shadow 0.25s ease,
                        transform 0.2s ease !important;
        }

        .kametas-account__link:hover {
            background-color: #7A4E2D !important;
            color: #fff !important;
            box-shadow: 0 8px 24px rgba(122,78,45,0.25) !important;
            transform: translateY(-2px) !important;
        }

        .kametas-account__link svg {
            flex-shrink: 0 !important;
        }

        @media (max-width: 768px) {
            /* No mobile o login fica na barra inferior (bottom nav),
               então escondemos o botão de conta do topo (igual ao
               carrinho/busca, que tambem migram para a barra inferior). */
            .kametas-header__account {
                display: none !important;
            }
        }

        /* =====================================================
           FASE 2 — Cards de produto (loja / categoria)
           Default moderno: arredondado (--raio-card) + sombra suave +
           hover lift + zoom na imagem. O BOTÃO continua reto
           (--raio-botao: 0) = assinatura. Home/related têm regras
           próprias (style.css) já alinhadas aos mesmos tokens.
           Escopo body.archive = loja, categorias e tags de produto.
           ===================================================== */
        body.archive ul.products li.product {
            position: relative !important;
            background: #fff !important;
            border: 0.5px solid rgba(0,0,0,0.06) !important;
            border-radius: var(--raio-card) !important;
            box-shadow: var(--sombra-md) !important;
            overflow: hidden !important;
            padding-bottom: 16px !important;
            transition: transform var(--transicao),
                        box-shadow var(--transicao) !important;
        }

        body.archive ul.products li.product:hover {
            border-color: var(--cor-principal) !important;
            box-shadow: 0 0 0 2px rgba(122,78,45,0.9), var(--sombra-md) !important;
        }

        body.archive ul.products li.product img {
            width: 100% !important;
            height: 220px !important;
            object-fit: cover !important;
            margin: 0 0 12px !important;
            border-radius: 0 !important;
            transition: transform .45s ease !important;
        }

        body.archive ul.products li.product:hover img {
            transform: none !important;
        }

        body.archive ul.products li.product .woocommerce-loop-product__title {
            padding: 0 16px !important;
            margin-bottom: 6px !important;
        }

        body.archive ul.products li.product .price {
            padding: 0 16px !important;
            color: var(--cor-principal) !important;
            font-weight: 700 !important;
        }

        body.archive ul.products li.product a.button {
            margin: 12px 16px 0 !important;
            width: calc(100% - 32px) !important;
            display: block !important;
            text-align: center !important;
            border-radius: var(--raio-botao) !important; /* 0 — reto */
        }

        /* Badge de promoção (.onsale) — chip terracota arredondado.
           Aparece só quando o produto tem preço de venda. */
        .woocommerce ul.products li.product .onsale,
        .woocommerce span.onsale {
            background: var(--cor-secundaria) !important;
            color: #fff !important;
            border: none !important;
            border-radius: var(--raio-chip) !important;
            box-shadow: var(--sombra-sm) !important;
            min-height: 0 !important;
            min-width: 0 !important;
            line-height: 1 !important;
            padding: 6px 12px !important;
            margin: 0 !important;
            font-family: "Inter", sans-serif !important;
            font-size: 11px !important;
            font-weight: 500 !important;
            letter-spacing: 0.04em !important;
            top: 12px !important;
            left: 12px !important;
            right: auto !important;
        }

        /* =====================================================
           FASE 3 — Header (desktop)
           - sticky com sombra suave ao rolar (classe via JS)
           - condensa a 2a linha (social/busca) ao rolar
           - reordena: logo | nav (centro) | carrinho | Sign Up (direita)
           Aplicado só no desktop: no mobile o header fica estático
           (o drawer fixo do menu precisa do stacking de raiz e a navegação
           mora no bottom nav). Ver header.php (handler de scroll).
           ===================================================== */
        @media (min-width: 769px) {
            .kametas-header {
                position: sticky !important;
                top: 0 !important;
                z-index: 100 !important;
                transition: box-shadow var(--transicao) !important;
            }

            .kametas-header--scrolled {
                box-shadow: var(--sombra-md) !important;
            }

            /* Carrinho à direita, junto do Sign Up */
            .kametas-header__logo    { order: 1 !important; }
            .kametas-header__nav     { order: 2 !important; }
            .kametas-header__cart    { order: 3 !important; }
            .kametas-header__account { order: 4 !important; }

            /* 2a linha condensa ao rolar */
            .kametas-header__bottom {
                overflow: hidden !important;
                max-height: 80px !important;
                transition: max-height var(--transicao),
                            opacity var(--transicao),
                            padding var(--transicao) !important;
            }
            .kametas-header--scrolled .kametas-header__bottom {
                max-height: 0 !important;
                opacity: 0 !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
        }

        /* =====================================================
           FASE 4 — Add-to-cart sticky (mobile, página de produto)
           Barra fixa acima do bottom nav (offset ajustado via JS em
           functions.php → kametas_sticky_add_to_cart). Botão reto.
           ===================================================== */
        .kametas-sticky-atc { display: none; }

        @media (max-width: 768px) {
            .kametas-sticky-atc {
                display: flex !important;
                position: fixed !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 64px !important; /* JS ajusta p/ a altura real do bottom nav */
                z-index: 998 !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 12px !important;
                background: #fff !important;
                border-top: 0.5px solid rgba(0,0,0,0.1) !important;
                box-shadow: 0 -4px 16px rgba(0,0,0,0.08) !important;
                padding: 10px 16px !important;
            }
            .kametas-sticky-atc__price {
                font-family: "Inter", sans-serif !important;
                font-weight: 700 !important;
                color: var(--cor-principal) !important;
                font-size: 1.1rem !important;
                line-height: 1.1 !important;
            }
            .kametas-sticky-atc__price del {
                color: var(--cor-texto-claro) !important;
                font-weight: 400 !important;
                font-size: 0.9rem !important;
                margin-right: 6px !important;
            }
            .kametas-sticky-atc__price ins {
                text-decoration: none !important;
                background: none !important;
            }
            .kametas-sticky-atc__btn {
                flex-shrink: 0 !important;
                background: var(--cor-principal) !important;
                color: #fff !important;
                border: none !important;
                border-radius: var(--raio-botao) !important;
                padding: 14px 26px !important;
                font-family: "Inter", sans-serif !important;
                font-size: 13px !important;
                font-weight: 500 !important;
                letter-spacing: 0.08em !important;
                text-transform: uppercase !important;
                cursor: pointer !important;
            }
        }

        /* =====================================================
           TASK 5 — Card de produto (loja / categoria / home /
           relacionados / cross-sells). Acompanha o override
           woocommerce/content-product.php.
           - Badge "🌶 Popular" (featured) no topo-esquerdo da imagem.
           - Badge "SALE" (is_on_sale) no topo-direito da imagem.
           - Preço promocional: original riscado acima + promo vermelho abaixo.
           - Botão de favoritar (coração) à direita da área de preço.
           Avaliações já não são renderizadas pelo template (sem reviews).
           ===================================================== */

        /* Wrapper da imagem: âncora para os badges + clipping do zoom. */
        .kametas-card__media {
            position: relative !important;
            display: block !important;
            overflow: hidden !important;
            line-height: 0 !important;
        }

        /* Badges sobre a imagem (não capturam clique do link). */
        .kametas-badge {
            position: absolute !important;
            top: 12px !important;
            z-index: 3 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            margin: 0 !important;
            padding: 5px 10px !important;
            font-family: "Inter", sans-serif !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            line-height: 1 !important;
            letter-spacing: 0.04em !important;
            color: #fff !important;
            border: none !important;
            border-radius: var(--raio-chip) !important; /* pílula */
            box-shadow: var(--sombra-sm) !important;
            white-space: nowrap !important;
            pointer-events: none !important;
        }
        .kametas-badge--popular {
            left: 12px !important;
            right: auto !important;
            background: var(--cor-principal) !important; /* marrom da marca */
        }
        .kametas-badge--sale {
            right: 12px !important;
            left: auto !important;
            background: var(--cor-secundaria) !important; /* terracota = promoção (padrão) */
            text-transform: uppercase !important;
            letter-spacing: 0.08em !important;
        }

        /* Short description abaixo do nome — texto suave, cortado em 2 linhas
           para manter a altura dos cards uniforme. Só renderiza quando o
           produto tem resumo (ver content-product.php). */
        ul.products li.product .kametas-card__excerpt {
            padding: 0 16px !important;
            margin: 0 0 4px !important;
            color: var(--cor-texto-claro, #8a8a8a) !important;
            font-family: "Inter", sans-serif !important;
            font-size: 0.82rem !important;
            font-weight: 400 !important;
            line-height: 1.45 !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }
        ul.products li.product .kametas-card__excerpt p {
            margin: 0 !important;
        }

        /* Linha do preço: preço à esquerda, coração à direita.
           Não mexe no padding do .price (cada contexto já define o seu);
           o coração é empurrado para a direita com margin-left:auto. */
        .kametas-card__pricerow {
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
        }

        /* Preço promocional: riscado acima (apagado) + promo vermelho abaixo.
           Sem promoção, get_price_html() não emite <del> → nada riscado. */
        ul.products li.product .kametas-card__pricerow .price del {
            display: block !important;
            color: var(--cor-texto-claro, #8a8a8a) !important;
            font-weight: 400 !important;
            font-size: 0.85em !important;
            opacity: 0.75 !important;
            text-decoration: line-through !important;
            margin: 0 0 1px !important;
        }
        ul.products li.product .kametas-card__pricerow .price ins {
            display: block !important;
            color: var(--cor-secundaria) !important; /* preço promocional = terracota */
            font-weight: 700 !important;
            text-decoration: none !important;
            background: none !important;
        }

        /* Botão de favoritar (coração). Repouso cinza, ativo vermelho. */
        .kametas-card__pricerow .kametas-wishlist {
            flex: 0 0 auto !important;
            margin-left: auto !important;
            margin-right: 16px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 36px !important;
            height: 36px !important;
            padding: 0 !important;
            border: none !important;
            background: transparent !important;
            color: #b9b3ad !important;
            border-radius: 999px !important;
            cursor: pointer !important;
            -webkit-tap-highlight-color: transparent;
            transition: color .2s ease, background-color .2s ease !important;
        }
        .kametas-card__pricerow .kametas-wishlist:hover {
            background: rgba(192,57,43,0.08) !important;
            color: #c0392b !important;
        }
        .kametas-card__pricerow .kametas-wishlist:focus-visible {
            outline: 2px solid #c0392b !important;
            outline-offset: 2px !important;
        }
        .kametas-card__pricerow .kametas-wishlist.is-active {
            color: #c0392b !important;
        }
        .kametas-wishlist__icon {
            width: 22px;
            height: 22px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: fill .15s ease, transform .15s ease;
        }
        .kametas-card__pricerow .kametas-wishlist.is-active .kametas-wishlist__icon {
            fill: #c0392b;
            stroke: #c0392b;
        }
        .kametas-card__pricerow .kametas-wishlist:active .kametas-wishlist__icon {
            transform: scale(0.85);
        }

        /* Alvo de toque maior do coração no mobile (≥ 44px). */
        @media (max-width: 768px) {
            .kametas-card__pricerow .kametas-wishlist {
                width: 44px !important;
                height: 44px !important;
            }
        }