/* Barra do topo das 6 PDPs. Leva 4 Paga 2 (12 Out 2026): amarelo manteiga, texto #1A1A1A, botoes brancos.
   Os tokens ficam aqui (folha so das PDPs) para nao mudar o livro de honra, que usa a mesma ca-ajustes. */
:root{--ca-promo:#FFF1B8;--ca-promo-soft:#FFF1B8;--ca-promo-strong:#FFE066;--ca-promo-ink:#1A1A1A;--ca-promo-line:#1A1A1A33}
.campaign-bar.v7-promo{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:7px!important;padding:10px 12px!important;min-height:0!important;background:var(--ca-promo)!important;color:var(--ca-promo-ink)!important;text-align:center}
.campaign-bar.v7-promo .campaign-offer{display:block!important;width:100%!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important}
.v7-promo .v2-discount{display:flex!important;align-items:baseline;justify-content:center;flex-wrap:nowrap!important;gap:7px;white-space:nowrap!important;font-size:16px;line-height:1.25}
.v7-promo .v3-offer-name{font-size:inherit!important;font-weight:750;text-transform:none}
.v7-promo .v3-percent{font-size:inherit!important;white-space:nowrap!important;font-weight:450;text-transform:none}
.v7-promo .v3-percent strong{font:inherit!important;font-weight:800!important;padding:0 2px;background:linear-gradient(transparent 58%,var(--ca-promo-strong) 58%)}
.v7-timer-button{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px;max-width:100%;min-height:44px;padding:8px 16px;border:0;border-radius:9px;background:#fff;color:var(--ca-promo-ink);cursor:pointer;font:inherit;box-sizing:border-box}
.v7-timer-button:focus-visible{outline:2px solid var(--ca-promo-ink);outline-offset:3px}
.campaign-bar.v7-promo .campaign-name{flex:0 1 auto!important;background:none!important;border:0!important;padding:0!important;margin:0!important;color:inherit!important;font-size:11px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important}
.campaign-bar.v7-promo .campaign-countdown{background:none!important;border:0!important;padding:0!important;color:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.v7-promo .countdown-clock{font:inherit!important;color:inherit!important;opacity:1!important}
.v7-timer-arrow{font-size:23px;line-height:1}
@media(max-width:480px){.v7-promo .v2-discount{font-size:clamp(12px,3.25vw,15px);gap:5px}.v7-timer-button{padding:7px 13px;gap:4px 10px}.campaign-bar.v7-promo .campaign-name{flex-basis:auto!important;text-align:center;white-space:nowrap!important}}

/* O selo (ATÉ QUINTA, TERMINA QUINTA, TERMINA HOJE, ÚLTIMAS HORAS, PRAZO PROLONGADO) e' texto real, escrito pelo campaign-countdown.mjs. */

/* Preserva o hook existente sem herdar o antigo link de codigos. */
.campaign-bar.v7-promo .v7-timer-button{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--ca-promo-ink);padding:8px 16px;border:0;border-radius:9px;font:inherit;min-height:44px;max-width:100%;cursor:pointer;text-decoration:none;box-shadow:0 0 0 1px var(--ca-promo-line)}
.campaign-bar.v7-promo .v7-timer-button>span:not([hidden]){display:inline-block}

/* Neutraliza limites mobile do antigo link, mantendo os tres textos separados. */
.campaign-bar.v7-promo .v7-timer-button{min-height:44px!important;padding:8px 16px!important;flex-wrap:nowrap!important;gap:10px!important}
.campaign-bar.v7-promo .v7-timer-button>.campaign-name{max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important}
.campaign-bar.v7-promo .v7-timer-button>.v7-timer-arrow,.campaign-bar.v7-promo .v7-timer-button>.campaign-countdown{flex:0 0 auto!important}

/* Acesso explicito aos codigos, fora do botao do relogio. */
.campaign-bar.v7-promo .promo-bottom-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 14px;max-width:100%}
.campaign-bar.v7-promo .promo-view-codes{min-height:44px;padding:8px 2px;border:0;background:none;color:var(--ca-promo-ink);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.campaign-bar.v7-promo .promo-view-codes:focus-visible{outline:2px solid var(--ca-promo-ink);outline-offset:2px}
@media(max-width:430px){.campaign-bar.v7-promo .promo-bottom-row{gap:0;flex-direction:column}.campaign-bar.v7-promo .promo-view-codes{min-height:44px;padding:8px 6px}}
.campaign-bar.v7-promo .promo-view-codes{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--ca-promo-line);border-radius:10px;background:#fff;color:var(--ca-promo-ink);text-decoration:none;order:4}
.campaign-bar.v7-promo .promo-view-codes svg{width:25px;height:25px}
@media(max-width:430px){.campaign-bar.v7-promo .promo-bottom-row{flex-direction:row;flex-wrap:nowrap;gap:8px}.campaign-bar.v7-promo .promo-view-codes{flex:0 0 44px;padding:0}}
@media(max-width:360px){.campaign-bar.v7-promo .v7-timer-button{padding:8px 6px!important;gap:4px!important;min-width:0!important}.campaign-bar.v7-promo .campaign-countdown{font-size:14px!important}.v7-timer-arrow{font-size:18px}.campaign-bar.v7-promo .campaign-name{font-size:9px!important}}

/* Leva 4 Paga 2: a ca-ajustes (partilhada com o livro de honra) pinta de branco o texto sobre o fucsia.
   Sobre o amarelo manteiga o texto volta a #1A1A1A; mesmos seletores, carregados depois, sem !important. */
.campaign-bar.campaign-minimal, .campaign-bar.campaign-minimal.ca-sem-relogio, .campaign-minimal .campaign-offer, .campaign-minimal .campaign-bar-copy, .campaign-minimal .campaign-name, .campaign-bar .plain-link,
.product-intro .campaign-compact, .product-intro .campaign-compact strong, .product-intro .campaign-compact small,
:is(.product-intro, .lp-intro) .campaign-editorial, :is(.product-intro, .lp-intro) .campaign-editorial:hover,
.product-intro .campaign-card, .product-intro .campaign-card-note, .product-price .promo-tag { color: var(--ca-promo-ink); }
.product-price .promo-tag { box-shadow: inset 0 0 0 1px var(--ca-promo-line); }
.product-price .promo-tag.is-copied { background: #1A1A1A; color: #fff; }
/* Dois codigos (FREECA e OUTCA20) no menu, em vez de tres escaloes. */
.mega-coupons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* Guarda das fases (classes no <html> postas pelo script inline do <head> e pelo campaign-countdown.mjs).
   !important porque a barra ja tem display:flex!important; assim nada pisca antes do JS. */
:is(.ca-l4-antes,.ca-l4-fim) :is(.campaign-bar,#promo-leva4,#copies-options,.panel-saving,.promo-tag,[data-open-campaign],.nav-item:has(a[href="#promo-leva4"])){display:none!important}
.ca-l4-sem-passaporte [data-promo-passaporte]{display:none!important}
/* 12 Out 2026 (Miguel): barra "Promo Especial · 20% em tudo ou Leva 4 Paga 2"; no telemovel fica "Promo Especial · 20% ou Leva 4 Paga 2". */
@media(max-width:480px){.v7-promo .ca-bar-longo{display:none!important}}
/* 12 Out 2026 (Miguel): na linha do selo e do relogio, "Ver detalhes" sublinhado abre o dialogo dos codigos (antes era o icone do talao). */
.campaign-bar.v7-promo .promo-view-codes.promo-ver-detalhes{flex:0 0 auto;width:auto;height:auto;min-height:44px;padding:0 4px;border:0;border-radius:0;background:none;color:var(--ca-promo-ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* 12 Out 2026 (Miguel): o botao do dialogo da promo e o CTA preto da marca, nao azul. */
.campaign-dialog>.button,.campaign-dialog .button{background:#1A1A1A;border-color:#1A1A1A;color:#FFFFFF}.campaign-dialog>.button:hover,.campaign-dialog .button:hover{background:#333333;border-color:#333333;color:#FFFFFF}