/* Mercê v84 — restauração cirúrgica do shell visual aprovado.
   Escopo: menu superior, ações da Palavra e modal de orientação.
   Não altera Loja, Rádio, Receptor, Matriz ou identidade geral. */
.hero{position:relative}
.merce-top-spacer{min-width:1px}
.merce-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;z-index:96;justify-self:end}
.merce-top-actions .lang-switcher{justify-self:auto!important;order:0!important}
.merce-menu-toggle{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid rgba(104,239,255,.34);background:rgba(3,10,18,.9);color:#dffbff;font-family:inherit;font-size:1.35rem;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.merce-menu-toggle:focus-visible{outline:2px solid #79e7f5;outline-offset:3px}
.merce-menu{position:absolute;left:auto;right:0;top:68px;z-index:100;display:grid;min-width:240px;padding:12px;border:1px solid rgba(104,239,255,.25);border-radius:18px;background:rgba(2,10,19,.98);box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(18px)}
.merce-menu[hidden]{display:none!important}
.merce-menu a,.merce-menu button{display:block;width:100%;padding:12px 14px;border:0;border-radius:12px;background:transparent;color:#f4f7f8;text-decoration:none;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.merce-menu a:first-child{color:#f1d38c;border:1px solid rgba(224,184,96,.25);background:rgba(224,184,96,.06);margin-bottom:5px}
.merce-menu a:hover,.merce-menu button:hover,.merce-menu a:focus-visible,.merce-menu button:focus-visible{background:rgba(104,239,255,.1);color:#baf8ff;outline:none}

.daily-prime-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:26px auto 0;align-items:stretch}
.daily-prime-btn,.daily-push-prime{min-height:62px;border-radius:999px}
.daily-prime-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:1px solid rgba(104,239,255,.42);background:#081621;color:#eafcff;font-family:inherit;font-size:1rem;font-weight:950;line-height:1.1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.22),0 0 18px rgba(104,239,255,.07)}
.daily-prime-btn:hover,.daily-prime-btn:focus-visible{border-color:#79e7f5;box-shadow:0 0 24px rgba(104,239,255,.18),0 12px 28px rgba(0,0,0,.26);outline:none}
.daily-push-prime[data-daily-notify-prime="true"]{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 9px 8px 18px;border:1px solid rgba(224,184,96,.48);background:linear-gradient(135deg,rgba(35,27,13,.98),rgba(8,15,22,.98));box-shadow:0 0 0 1px rgba(255,222,140,.06) inset,0 16px 36px rgba(0,0,0,.22);overflow:hidden}
.daily-push-copy{position:relative;z-index:1;min-width:0;color:#f8e9c0;font-weight:950;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-push-activate[data-daily-notify-button="true"]{position:relative;z-index:2;min-width:126px;min-height:46px;padding:10px 18px;border:1px solid rgba(180,249,255,.55);border-radius:999px;color:#04151d;font-family:inherit;font-size:.93rem;font-weight:950;line-height:1;cursor:pointer;background:linear-gradient(180deg,#bafcff 0%,#63e9f7 52%,#28cce5 100%);box-shadow:0 9px 22px rgba(40,204,229,.22)}
.daily-push-prime.is-syncing{border-color:rgba(255,210,116,.72);box-shadow:0 0 28px rgba(255,183,72,.16),0 16px 36px rgba(0,0,0,.24)}
.daily-push-prime.is-authorized{border-color:rgba(112,241,255,.52);background:linear-gradient(135deg,rgba(8,34,43,.98),rgba(4,14,21,.98));box-shadow:0 0 26px rgba(112,241,255,.18),0 16px 36px rgba(0,20,30,.3)}
.daily-push-prime.is-authorized .daily-push-activate{display:none!important}
.daily-push-prime.is-authorized::after{content:attr(data-active-label);position:relative;z-index:2;padding:10px 16px;border-radius:999px;border:1px solid rgba(112,241,255,.38);color:#dffcff;background:rgba(8,36,44,.8);font-size:.78rem;font-weight:950;letter-spacing:.12em}
.daily-push-prime.is-retry,.daily-push-prime.is-error,.daily-push-prime.is-install-needed,.daily-push-prime.is-cta{border-color:rgba(224,184,96,.52)}
.daily-push-activate:disabled{opacity:.72;cursor:wait}

.install-guide-modal[hidden]{display:none!important}
.install-guide-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px}
.install-guide-backdrop{position:absolute;inset:0;background:rgba(0,5,10,.78);backdrop-filter:blur(10px)}
.install-guide-card{position:relative;width:min(520px,100%);padding:30px 26px;border:1px solid rgba(112,241,255,.28);border-radius:28px;background:linear-gradient(180deg,rgba(10,25,39,.99),rgba(3,10,18,.99));color:#fff7e9;box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 36px rgba(112,241,255,.1)}
.install-guide-card h3{margin:8px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,5vw,2.5rem);color:#f2daa0}
.install-guide-steps{display:grid;gap:12px;margin:0 0 22px;padding-left:24px;color:#eaf5f7;line-height:1.5;font-weight:700}
.install-guide-close{position:absolute;top:12px;right:14px;width:42px;height:42px;border:1px solid rgba(112,241,255,.28);border-radius:999px;background:#061421;color:#fff;font-size:1.4rem;cursor:pointer}
.install-guide-ok{width:100%}
.install-guide-open{overflow:hidden}

@media(max-width:900px){
  .top-row{grid-template-columns:1fr auto!important;gap:10px!important}
  .top-row>.merce-top-spacer{display:none!important}
  .merce-top-actions{grid-column:1 / -1;grid-row:1;justify-self:end!important;order:1;width:auto}
  .top-message{grid-column:1 / -1;grid-row:2;order:2!important;justify-self:center!important}
}
@media(max-width:760px){
  .top-row{grid-template-columns:1fr!important;position:relative!important}
  .merce-top-actions{width:100%!important;justify-content:center!important;justify-self:center!important;padding-right:58px!important;position:relative!important;gap:7px}
  .merce-top-actions .lang-switcher{margin:0 auto!important}
  .merce-top-actions .merce-menu-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}
  .merce-menu{position:fixed!important;left:auto!important;right:14px!important;top:70px!important;width:min(300px,calc(100vw - 28px))!important;min-width:0!important}
  .daily-prime-actions{grid-template-columns:1fr;gap:11px}
  .daily-prime-btn,.daily-push-prime{min-height:58px}
  .daily-push-prime{grid-template-columns:minmax(0,1fr) 108px!important;padding-left:13px!important}
  .daily-push-copy{font-size:.76rem}
  .daily-push-activate[data-daily-notify-button="true"]{min-width:108px;padding:9px 12px;font-size:.8rem}
}
