/* Palmer's Retreat Manager 041
   Logo cleanup:
   - Darkmode: remove every remaining logo border/frame/background
   - Login logo centered
   - Sidebar manager logo centered
*/

/* ==========================================================
   LOGIN LOGO — BOTH THEMES
   ========================================================== */

/* All common explicit logo wrappers */
body.login-page-036 .manager-login-brand,
body.login-page-036 .loginhead,
body.login-page-036 .login-header,
body.login-page-037 .manager-login-brand,
body.login-page-037 .loginhead,
body.login-page-037 .login-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto 28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Remove frames from any nested wrapper that contains the login logo.
   This catches older login markup and older theme cards. */
body.login-page-036 div:has(.manager-login-logo),
body.login-page-036 section:has(.manager-login-logo),
body.login-page-036 header:has(.manager-login-logo),
body.login-page-037 div:has(.manager-login-logo),
body.login-page-037 section:has(.manager-login-logo),
body.login-page-037 header:has(.manager-login-logo){
  background:transparent!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Explicit pseudo-element cleanup */
body.login-page-036 .manager-login-brand::before,
body.login-page-036 .manager-login-brand::after,
body.login-page-036 .loginhead::before,
body.login-page-036 .loginhead::after,
body.login-page-036 .login-header::before,
body.login-page-036 .login-header::after,
body.login-page-037 .manager-login-brand::before,
body.login-page-037 .manager-login-brand::after,
body.login-page-037 .loginhead::before,
body.login-page-037 .loginhead::after,
body.login-page-037 .login-header::before,
body.login-page-037 .login-header::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* The actual login logo */
body.login-page-036 .manager-login-logo,
body.login-page-037 .manager-login-logo{
  display:block!important;
  width:min(92vw,720px)!important;
  max-width:720px!important;
  height:auto!important;
  max-height:175px!important;
  margin:0 auto!important;
  padding:0!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* ==========================================================
   DARKMODE LOGIN — absolutely no logo frame
   ========================================================== */
html[data-pr-theme="dark"] body.login-page-036 .manager-login-brand,
html[data-pr-theme="dark"] body.login-page-036 .loginhead,
html[data-pr-theme="dark"] body.login-page-036 .login-header,
html[data-pr-theme="dark"] body.login-page-037 .manager-login-brand,
html[data-pr-theme="dark"] body.login-page-037 .loginhead,
html[data-pr-theme="dark"] body.login-page-037 .login-header,
html[data-pr-theme="dark"] body.login-page-036 div:has(.manager-login-logo),
html[data-pr-theme="dark"] body.login-page-036 section:has(.manager-login-logo),
html[data-pr-theme="dark"] body.login-page-037 div:has(.manager-login-logo),
html[data-pr-theme="dark"] body.login-page-037 section:has(.manager-login-logo){
  background:transparent!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Catch hard-coded borders/backgrounds on logo parents in dark mode */
html[data-pr-theme="dark"] body.login-page-036 [class*="login"]:has(.manager-login-logo),
html[data-pr-theme="dark"] body.login-page-037 [class*="login"]:has(.manager-login-logo){
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* ==========================================================
   LIGHTMODE LOGIN — still fully light, no dark frame
   ========================================================== */
html[data-pr-theme="light"] body.login-page-036 .manager-login-brand,
html[data-pr-theme="light"] body.login-page-036 .loginhead,
html[data-pr-theme="light"] body.login-page-036 .login-header,
html[data-pr-theme="light"] body.login-page-037 .manager-login-brand,
html[data-pr-theme="light"] body.login-page-037 .loginhead,
html[data-pr-theme="light"] body.login-page-037 .login-header,
html[data-pr-theme="light"] body.login-page-036 div:has(.manager-login-logo),
html[data-pr-theme="light"] body.login-page-036 section:has(.manager-login-logo),
html[data-pr-theme="light"] body.login-page-037 div:has(.manager-login-logo),
html[data-pr-theme="light"] body.login-page-037 section:has(.manager-login-logo){
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* ==========================================================
   MANAGER SIDEBAR LOGO — centered
   ========================================================== */
.brand:has(.manager-brand-logo),
.manager-logo-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
}

.manager-brand-logo{
  display:block!important;
  width:min(100%,230px)!important;
  max-width:230px!important;
  height:auto!important;
  max-height:64px!important;
  margin:0 auto!important;
  padding:0!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}

/* Center any older nested manager branding wrapper */
.sidebar .brand,
.side .brand,
.nav-side .brand,
aside .brand{
  justify-content:center!important;
  text-align:center!important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media(max-width:800px){
  body.login-page-036 .manager-login-logo,
  body.login-page-037 .manager-login-logo{
    width:min(94vw,650px)!important;
    max-height:155px!important;
  }
}

@media(max-width:520px){
  body.login-page-036 .manager-login-logo,
  body.login-page-037 .manager-login-logo{
    width:min(94vw,470px)!important;
    max-height:120px!important;
  }

  .manager-brand-logo{
    max-width:190px!important;
    max-height:56px!important;
  }
}