/* CMS controls extend the deployed Nawader liquid design without changing actions. */
.nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary) {
  min-height: 44px;
  min-width: 44px;
  border: 1px solid var(--nw-control-line);
  border-radius: 16px;
  font-weight: 700;
  line-height: 1.5;
  touch-action: manipulation;
  box-shadow: inset 0 1px 0 #ffffffcc, var(--nw-control-shadow);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.nw-cms .nw-btn {
  color: #fff !important;
  background: linear-gradient(180deg, #ffffff1a, transparent 52%), linear-gradient(135deg, var(--nw-control-main), var(--nw-control-deep)) !important;
  border-color: #07594f;
}
.nw-cms :is(.nw-menu, .nw-card-link, .nw-faq summary) {
  color: var(--nw-control-ink);
  background: linear-gradient(165deg, #fff, var(--nw-control-light) 62%, #e2f2ef);
  padding: .65rem 1rem;
}
.nw-cms .nw-card-link { display: inline-flex; align-items: center; gap: .5rem; }
.nw-cms .nw-faq summary { list-style-position: inside; }
.nw-cms .nw-faq details[open] summary { border-color: var(--nw-control-main); }
.nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary):focus-visible {
  outline: 3px solid var(--nw-control-focus) !important;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #fff !important;
}
@media (hover: hover) and (pointer: fine) {
  .nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary):hover {
    transform: translateY(-1px);
    border-color: #427e76;
    box-shadow: inset 0 1px 0 #ffffffb3, 0 7px 16px #0f40412b;
  }
}
.nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary):active { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) {
  .nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary) { transition: none !important; transform: none !important; }
}
@media (forced-colors: active) {
  .nw-cms :is(.nw-btn, .nw-menu, .nw-card-link, .nw-faq summary) { color: ButtonText !important; background: ButtonFace !important; border-color: ButtonText; box-shadow: none !important; }
}
