/* v0.3.2: one consistent CMS mode switch on public pages and in admin. */
.cms-toolbar {
  position: relative; z-index:1100; width:100%;
  display:flex; justify-content:center; align-items:center;
  min-height:58px; padding:7px 16px;
  background:#f7f3ed; color:#33322f;
  border-bottom:1px solid #e2dbd3;
  box-shadow:0 2px 12px rgba(40,33,27,.045);
  font-family:Montserrat,Arial,sans-serif;
}
.cms-mode-switch {
  display:inline-flex; align-items:center; gap:4px;
  padding:4px; border:1px solid #e0d9d0;
  background:#eae4dc; border-radius:999px;
  font-size:12px; letter-spacing:-.01em;
}
.cms-mode-switch > a, .cms-mode-switch > span {
  display:inline-flex; justify-content:center; align-items:center;
  min-height:35px; min-width:108px; padding:7px 15px;
  border-radius:999px; text-align:center; text-decoration:none;
  font:600 12px/1.3 Montserrat,Arial,sans-serif;
  color:#665d53; background:transparent;
}
.cms-mode-switch > a:hover {color:#2d2c28;background:rgba(255,255,255,.5);}
.cms-mode-switch > a:focus-visible {outline:2px solid #9c785b;outline-offset:2px;}
.cms-mode-switch > .cms-mode-active {color:#292824;background:#fff;box-shadow:0 1px 7px #332a2018;font-weight:750;}
@media(max-width:480px){
  .cms-toolbar {min-height:52px;padding:6px 12px;}
  .cms-mode-switch > a, .cms-mode-switch > span {min-width:100px;min-height:33px;padding:7px 12px;font-size:11px;}
}