/* GoJD notifications — portal fora da árvore React */
.gojd-notification-wrap--portal{position:fixed;z-index:1110;display:none;align-items:center;justify-content:center;pointer-events:auto}
.gojd-notification-trigger{width:100%;height:100%;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:#111}
.gojd-notification-icon{position:relative;width:100%;height:100%;border-radius:50%;background:#f5f5f6;display:grid;place-items:center;box-sizing:border-box}
.gojd-notification-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gojd-notification-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e50914;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:800;box-sizing:border-box}
.gojd-notification-popover{position:fixed;display:none;flex-direction:column;max-height:min(560px,72vh);background:#fff;border:1px solid #e6e7ea;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.16);z-index:1120;overflow:hidden;color:#17181b}
.gojd-notification-popover.is-open{display:flex}.gojd-notification-popover:before{content:"";position:absolute;top:-8px;left:var(--gojd-arrow-left,260px);width:16px;height:16px;background:#fff;border-left:1px solid #e6e7ea;border-top:1px solid #e6e7ea;transform:rotate(45deg);z-index:1}
.gojd-notification-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 13px;border-bottom:1px solid #eff0f2;background:#fff}.gojd-notification-head h3{margin:0;font-size:16px;line-height:1.2;font-weight:850;color:#191a1d}.gojd-notification-markall{border:0;background:transparent;color:#d50016;font:inherit;font-size:11px;font-weight:800;padding:4px 0;cursor:pointer}.gojd-notification-list{overflow-y:auto;overscroll-behavior:contain;padding:4px 0;scrollbar-width:thin}.gojd-notification-item{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;padding:14px 15px;border:0;border-bottom:1px solid #f0f1f3;background:#fff;text-align:left;color:inherit;text-decoration:none;cursor:default;box-sizing:border-box}.gojd-notification-item[data-href]{cursor:pointer}.gojd-notification-item[data-href]:hover{background:#fafafa}.gojd-notification-item:last-child{border-bottom:0}.gojd-notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#e50914;box-shadow:0 0 0 3px rgba(229,9,20,.08)}.gojd-notification-item.is-read .gojd-notification-dot{background:#cfd2d8;box-shadow:none}.gojd-notification-copy{min-width:0}.gojd-notification-title{display:block;margin:0 0 4px;font-size:12.5px;line-height:1.3;font-weight:850;color:#202126}.gojd-notification-message{display:block;margin:0;font-size:11px;line-height:1.45;color:#666971;overflow-wrap:anywhere}.gojd-notification-time{display:block;margin-top:6px;font-size:9.5px;line-height:1;color:#9a9ca3}.gojd-notification-arrow{margin-top:3px;color:#8d9096;font-size:18px;line-height:1}.gojd-notification-empty{padding:34px 22px 38px;text-align:center}.gojd-notification-empty svg{width:34px;height:34px;margin:0 auto 12px;display:block;fill:none;stroke:#a7aab1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gojd-notification-empty strong{display:block;margin-bottom:5px;font-size:13px;color:#303136}.gojd-notification-empty span{display:block;font-size:11px;line-height:1.45;color:#858891}
@media(max-width:768px){.gojd-notification-popover{max-height:min(520px,calc(100vh - 100px));border-radius:17px}}

@media(max-width:768px){
  body:has(.product-page) .main-header .gojd-notification-wrap,
  html.gojd-client-account-open .gojd-notification-wrap,
  html.gojd-client-account-open .gojd-notification-popover,
  body:has(.client-area-page) .gojd-notification-wrap,
  body:has(.client-area-page) .gojd-notification-popover,
  body:has(#gojd-client-account-pro) .gojd-notification-wrap,
  body:has(#gojd-client-account-pro) .gojd-notification-popover{display:none!important}
}


/* Desktop: sino ocupa uma posição própria dentro das ações do header; nunca flutua sobre o conteúdo. */
@media (min-width:769px){
  .main-header .header-actions{display:flex!important;align-items:center!important;overflow:visible!important}
  .main-header .header-actions .mobile-top-account-action{order:1!important}
  .main-header .header-actions .cart-item{order:2!important}
  .main-header .header-actions button.action-item:not(.mobile-top-account-action):not(.cart-item){order:3!important}
  .main-header .header-actions .gojd-notification-wrap--header-inline{
    order:4!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
    z-index:auto!important;display:flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;align-self:center!important;
  }
  .main-header .header-actions .gojd-notification-wrap--header-inline .gojd-notification-trigger{width:42px!important;height:42px!important}
  .main-header .header-actions .gojd-notification-wrap--header-inline .gojd-notification-icon{width:42px!important;height:42px!important}
}

/* Global overlay discipline: notifications never sit above commerce/account overlays. */
@media (min-width:769px){
  body:has(.cart-sidebar.open) .gojd-notification-wrap--portal,
  body:has(.login-modal-overlay.active) .gojd-notification-wrap--portal,
  body:has(.auth-modal-overlay.active) .gojd-notification-wrap--portal,
  body:has(#gojd-payment-methods-sheet.is-open) .gojd-notification-wrap--portal,
  body:has(#gojd-shipping-receiving-sheet.is-open) .gojd-notification-wrap--portal{
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }
  body:has(.cart-sidebar.open) .gojd-notification-popover,
  body:has(.login-modal-overlay.active) .gojd-notification-popover,
  body:has(.auth-modal-overlay.active) .gojd-notification-popover,
  body:has(#gojd-payment-methods-sheet.is-open) .gojd-notification-popover,
  body:has(#gojd-shipping-receiving-sheet.is-open) .gojd-notification-popover{display:none!important}
}