/* MenuPro 3.4.9 - authoritative, last-loaded mobile + restaurant identity styles.
   Keep the app bar transparent. Never apply a background to a restaurant logo image. */

.m16-app .m16-header.mp49-header {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
  gap:10px !important;
  min-height:45px !important;
  padding:6px 0 10px !important;
  margin:0 0 12px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#333 !important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}
.m16-app .m16-header.mp49-header .mp49-brand-line {
  display:flex !important;
  align-items:baseline !important;
  min-width:0 !important;
  gap:7px !important;
  flex:0 1 auto !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.m16-app .m16-header.mp49-header strong.mp49-brand {
  display:inline-flex !important;
  align-items:baseline !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:-.6px !important;
  line-height:1.2 !important;
  color:#204b6c !important;
}
.m16-app .m16-header.mp49-header strong.mp49-brand span.mp49-menu {
  display:inline !important;
  color:#204b6c !important;
  opacity:1 !important;
}
.m16-app .m16-header.mp49-header strong.mp49-brand span.mp49-pro {
  display:inline !important;
  color:#ed8b00 !important;
  opacity:1 !important;
}
.m16-app .m16-header.mp49-header small.mp49-version {
  display:inline !important;
  visibility:visible !important;
  margin:0 !important;
  font:500 10px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  color:#777 !important;
  white-space:nowrap !important;
}
.m16-app .m16-header.mp49-header .mp49-account-actions {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
}
.m16-app .m16-header.mp49-header .mp49-account-actions .m16-state.mp49-membership {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  background:#fff8df !important;
  border:1px solid #f0d27b !important;
  border-radius:999px !important;
  color:#956100 !important;
  font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  min-height:35px !important;
  padding:6px 10px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout {
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:35px !important;
  margin:0 !important;
  padding:7px 13px !important;
  color:#fff !important;
  background:#3069b6 !important;
  background-image:none !important;
  border:1px solid #3069b6 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  font:700 12px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  cursor:pointer !important;
}
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit:hover,
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit:focus-visible {
  background:#23528f !important;
  border-color:#23528f !important;
}

/* Distinguish the restaurants by their logos rather than colored frames. */
.m16-app .mp33-restaurants-view .mp33-page-head {
  background:transparent !important;
  margin:5px 0 18px !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurants-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:12px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:24px 18px !important;
  background:#fff !important;
  border:1px solid #e8e4da !important;
  border-radius:19px !important;
  box-shadow:0 8px 24px rgba(25,25,25,.06) !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card img.mp33-restaurant-logo,
.m16-app .mp33-restaurants-view .mp33-restaurant-logo.mp49-restaurant-image {
  display:block !important;
  width:132px !important;
  height:132px !important;
  max-width:100% !important;
  max-height:132px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 auto !important;
  flex:0 0 auto !important;
}
.m16-app .mp33-restaurants-view .mp49-restaurant-placeholder {
  display:grid !important;
  place-items:center !important;
  width:132px !important;
  height:132px !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:64px !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-body {
  width:100% !important;
  text-align:center !important;
  margin:0 !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-body h2 {
  color:#292929 !important;
  text-align:center !important;
  margin:0 0 6px !important;
  font-size:21px !important;
  line-height:1.2 !important;
  overflow-wrap:anywhere !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-body p {
  margin:0 !important;
  font-size:14px !important;
  text-align:center !important;
  color:#707070 !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  width:100% !important;
  justify-content:center !important;
  align-items:center !important;
  margin-top:auto !important;
}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-actions a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:41px !important;
  padding:10px 14px !important;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
/* These are actual PNG pixels; the plugin doesn't invent a colored backing for them. */
.m16-app .mp34-hero-logo {
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  box-shadow:none !important;
}

/* Preserve separate per-restaurant meal schedule editor. */
.m16-app .mp347-hours{margin-top:26px;padding-top:22px;border-top:1px solid #eee}
.m16-app .mp347-hours h3{margin:0 0 8px;color:#333 !important}
.m16-app .mp347-hours p{color:#666}
.m16-app .mp347-hours-form{display:grid;gap:12px;max-width:720px}
.m16-app .mp347-hours-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #ecddaf;border-radius:13px;padding:12px;background:#fffdf6;margin:0}
.m16-app .mp347-hours-row legend{color:#9c6d00;font-weight:800;padding:0 6px}
.m16-app .mp347-hours-row label{display:grid;gap:6px;color:#444}
.m16-app .mp347-hours-form input[type=time]{min-height:42px;width:100%;border:1px solid #ddd;border-radius:9px;padding:9px;background:#fff}
.m16-app .mp347-hours-form button{justify-self:start}

@media(max-width:650px){
  .m16-app .m16-header.mp49-header { flex-wrap:nowrap !important; gap:6px !important; }
  .m16-app .m16-header.mp49-header .mp49-brand-line { gap:5px !important; }
  .m16-app .m16-header.mp49-header strong.mp49-brand { font-size:18px !important; }
  .m16-app .m16-header.mp49-header small.mp49-version {font-size:9px !important;}
  .m16-app .m16-header.mp49-header .mp49-account-actions {gap:6px !important;}
  .m16-app .m16-header.mp49-header .mp49-account-actions .m16-state.mp49-membership { min-height:32px !important; padding:5px 8px !important; font-size:10px !important; }
  .m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit { min-height:32px !important; padding:6px 10px !important; }
  .m16-app .mp33-restaurants-view .mp33-restaurants-grid {grid-template-columns:1fr !important;}
  .m16-app .mp33-restaurants-view .mp33-restaurant-card {padding:23px 15px !important;}
  .m16-app .mp33-restaurants-view .mp33-restaurant-card img.mp33-restaurant-logo,
  .m16-app .mp33-restaurants-view .mp49-restaurant-placeholder {width:144px !important;height:144px !important;max-height:144px !important;}
  .m16-app .mp347-hours-row {grid-template-columns:1fr !important;}
}
@media(max-width:349px){
  .m16-app .m16-header.mp49-header strong.mp49-brand {font-size:16px !important;}
  .m16-app .m16-header.mp49-header small.mp49-version {font-size:8px !important;}
  .m16-app .m16-header.mp49-header .mp49-account-actions .m16-state.mp49-membership {font-size:9px !important;padding:4px 6px !important;}
  .m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit {font-size:11px !important;padding:5px 8px !important;}
}

/* MenuPro 3.4.12: brand-only header refinement, icon immediately after name. */
.m16-app .m16-header.mp49-header .mp49-brand-line{align-items:center!important;gap:7px!important}
.m16-app .m16-header.mp49-header strong.mp49-brand span.mp49-menu{color:#ed1019!important}
.m16-app .m16-header.mp49-header strong.mp49-brand span.mp49-pro{color:#8b000b!important}
.m16-app .m16-header .mp-brand-app-icon{display:inline-block!important;width:30px!important;height:30px!important;min-width:30px!important;object-fit:contain!important;vertical-align:middle!important;flex:0 0 30px!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:7px!important}
.m16-app .m16-header .mp34-app-brand .mp34-app-menu{color:#ed1019!important}
.m16-app .m16-header .mp34-app-brand .mp34-app-pro{color:#8b000b!important}
@media(max-width:550px){.m16-app .m16-header .mp-brand-app-icon{width:25px!important;height:25px!important;min-width:25px!important;flex-basis:25px!important}}

/* MenuPro header: icon left and matching red brand colors */
body .m16-app .m16-header.mp49-header .mp49-brand-line > .mp-brand-app-icon{order:-1!important;}
body .m16-app .m16-header.mp49-header .mp49-brand-line strong.mp49-brand span.mp49-menu{color:#ed1019!important;}
body .m16-app .m16-header.mp49-header .mp49-brand-line strong.mp49-brand span.mp49-pro{color:#8b000b!important;}
body .m16-app .m16-header strong.mp34-app-brand span.mp34-app-menu{color:#ed1019!important;}
body .m16-app .m16-header strong.mp34-app-brand span.mp34-app-pro{color:#8b000b!important;}

/* Chef icon: prominent at desktop and mobile, preserve header layout */
.m16-app .m16-header .mp-brand-app-icon{width:44px!important;height:44px!important;min-width:44px!important;flex:0 0 44px!important;object-fit:contain!important;border-radius:9px!important;}
@media(max-width:550px){.m16-app .m16-header .mp-brand-app-icon{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;}}

/* MenuPro: boton Salir granate, sin cambiar otros botones */
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit {background:#800020 !important;border-color:#800020 !important;color:#fff !important;}
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit:hover,.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit:focus-visible {background:#650019 !important;border-color:#650019 !important;color:#fff !important;}

/* MenuPro: color definitivo del botón Salir */
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit{background:#800020 !important;border-color:#800020 !important;color:#fff !important;background-image:none !important;}
.m16-app .m16-header.mp49-header .mp49-account-actions form.mp49-logout button.mp49-exit:hover{background:#650019 !important;border-color:#650019 !important;}

/* Restaurant dashboard: display its own uploaded logo above the name on mobile. */
.m16-app .mp34-hero > img.mp34-hero-logo {
 display:block !important; visibility:visible !important; opacity:1 !important;
 width:110px !important; height:110px !important; max-width:100% !important;
 object-fit:contain !important; flex:0 0 auto !important; margin:0 auto 12px !important;
}
@media(min-width:861px){.m16-app .mp34-hero > img.mp34-hero-logo{margin:0 18px 0 0 !important}}

/* R13: un solo boton centrado en cada tarjeta de Mis restaurantes */
.m16-app .mp33-restaurants-view .mp33-restaurant-card-actions{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:0!important}
.m16-app .mp33-restaurants-view .mp33-restaurant-card-actions .mp13-enter-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:165px;min-height:48px;text-align:center!important;margin:0 auto!important;text-decoration:none!important;font-weight:700!important}