/* OnezaMall MAIN3.20 — Owner Login button + internal OnezaMall popup.
   Clicking the header button never navigates directly to a browser-recognized password form. */
.utility-owner-login-button{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:92px!important;
  height:26px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid #f1c95d!important;
  border-radius:999px!important;
  background:#07563b!important;
  color:#fff8d6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  font:900 10px/1 inherit!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:8!important;
  flex:0 0 auto!important;
  -webkit-tap-highlight-color:transparent;
}
.utility-owner-login-button:hover,
.utility-owner-login-button:focus-visible{
  background:#08744e!important;
  border-color:#ffe18a!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(255,214,104,.18)!important;
}
/* Keep the button in the existing benefits line so it cannot become a separate broken grid item. */
body.reference-storefront-v415 .reference-utility-bar,
body.reference-storefront-v415 .reference-utility-bar[hidden]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.reference-storefront-v415 .utility-benefits{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
@media(max-width:1180px){
  body.reference-storefront-v415 .utility-welcome{display:none!important}
}
@media(max-width:900px){
  body.reference-storefront-v415 .reference-utility-bar .utility-inner{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:40px!important;
    height:40px!important;
  }
  body.reference-storefront-v415 .utility-welcome{display:none!important}
  body.reference-storefront-v415 .utility-benefits{
    display:flex!important;
    justify-self:start!important;
    gap:0!important;
  }
  body.reference-storefront-v415 .utility-benefits>span,
  body.reference-storefront-v415 .utility-benefits>i{display:none!important}
  body.reference-storefront-v415 .utility-ship{
    display:flex!important;
    justify-self:end!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.reference-storefront-v415 .utility-ship>span{display:none!important}
  body.reference-storefront-v415 .utility-ship select{max-width:126px!important;font-size:9px!important}
  .utility-owner-login-button{min-width:92px!important;height:27px!important;padding:0 10px!important;font-size:9px!important}
}
@media(max-width:360px){
  .utility-owner-login-button{min-width:84px!important;padding:0 8px!important;font-size:8px!important}
  body.reference-storefront-v415 .utility-ship select{max-width:102px!important}
}
@media print{.utility-owner-login-button{display:none!important}}


/* Internal Owner Login popup. No owner email input and no HTML password input are used,
   preventing browser/Google saved-password popups from opening with the header button. */
.owner-access-modal .owner-access-card{
  width:min(430px,calc(100vw - 28px));
  padding:30px 28px 26px;
  border-radius:24px;
  border:1px solid rgba(202,151,31,.28);
  box-shadow:0 28px 80px rgba(0,54,36,.28);
}
.owner-access-card h2{margin:7px 0 8px;color:#07583e;font-family:Georgia,serif;font-size:32px;line-height:1.08}
.owner-access-card>p{margin:0 0 18px;color:#5d7069;line-height:1.5}
.owner-popup-form{display:grid;gap:14px}
.owner-popup-form label{display:grid;gap:7px;color:#173e31;font-weight:900;font-size:12px;letter-spacing:.02em}
.owner-masked-access-input{
  width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border:1px solid #bfd2ca;border-radius:13px;
  background:#fff;color:#102d24;font:800 16px/1.2 Arial,sans-serif;outline:none;
  -webkit-text-security:disc;text-security:disc;letter-spacing:.12em;
}
.owner-masked-access-input:focus{border-color:#0a7b55;box-shadow:0 0 0 3px rgba(10,123,85,.13)}
.owner-popup-privacy{display:block;margin-top:13px;color:#71817b;line-height:1.45}
.owner-access-card .auth-message{min-height:0;margin-top:12px}
.owner-access-card .auth-message:empty{display:none}
@media(max-width:520px){
  .owner-access-modal .owner-access-card{padding:25px 18px 21px;border-radius:20px}
  .owner-access-card h2{font-size:28px}
}
