/* v208: finish the red-brand treatment of the existing side drawers only. */
/* The left menu keeps its close control, with no empty logo-sized header. */
.h88-site-drawer .h88-drawer-header {
 justify-content: flex-end;
 min-height: 56px;
 padding: 6px 24px 0;
}
.h88-site-drawer .h88-drawer-account {
 background: #cd000f;
 color: #fff;
}
.h88-site-drawer .h88-drawer-account:hover,
.h88-site-drawer .h88-drawer-account:focus-visible {
 background: #9e000d;
 color: #fff;
}
.h88-site-drawer .h88-drawer-back { color: #cd000f; }
.h88-site-drawer .h88-drawer-row:hover,
.h88-site-drawer .h88-drawer-row:focus-visible {
 color: #9e000d;
 background: #fff0ef;
}
.h88-site-drawer :focus-visible { outline-color: #cd000f; }
@media (max-width: 767px) {
 .h88-site-drawer .h88-drawer-header { padding-inline: 16px; }
}

/* v198 turns these existing auth dialogs into right-edge sheets at this breakpoint. */
/* Logged-in Your account already has no logo; preserve its title and links. */
@media (max-width: 1199px), (any-pointer: coarse) {
 .h88-auth-dialog.h88-auth-surface > .h88-auth-eyebrow { display: none; }
 .h88-auth-dialog.h88-auth-surface .h88-auth-submit {
  background: #cd000f;
  color: #fff;
 }
 .h88-auth-dialog.h88-auth-surface .h88-auth-submit:hover,
 .h88-auth-dialog.h88-auth-surface .h88-auth-submit:focus-visible {
  background: #9e000d;
  color: #fff;
 }
 .h88-auth-dialog.h88-auth-surface .h88-password-toggle,
 .h88-auth-dialog.h88-auth-surface .h88-auth-forgot a,
 .h88-auth-dialog.h88-auth-surface .h88-auth-switch a,
 .h88-auth-dialog.h88-auth-surface .woocommerce-privacy-policy-text a {
  color: #cd000f;
 }
 .h88-auth-dialog.h88-auth-surface .h88-auth-remember input { accent-color: #cd000f; }
 .h88-auth-dialog.h88-auth-surface .h88-auth-close:hover,
 .h88-auth-dialog.h88-auth-surface .h88-account-sheet-links a:hover,
 .h88-auth-dialog.h88-auth-surface .h88-account-sheet-links a:focus-visible {
  color: #9e000d;
 }
 .h88-auth-dialog.h88-auth-surface .h88-auth-close:hover { background: #fff0ef; }
 .h88-auth-dialog.h88-auth-surface :focus-visible { outline-color: #cd000f; }
}