/**
 * Copyright Aquera Inc 2023
 *
 * This source code is licensed under the BSD-3-Clause license found in the
 * LICENSE file in the root directory of this source tree.
 */

import { css } from 'lit';

/**
 * The app shell's utility-control recipe, shared by the shell, the panel and the nav toggle.
 * Restyles a `.utility-control` nile-button from its 38px ghost chip to a bare glyph via ::part,
 * sized to --nile-app-shell-utility-size with a 32px fallback for mounting outside a shell.
 */
export const utilityControlStyles = css`
  .utility-control::part(base) {
    width: var(--nile-app-shell-utility-size, 32px);
    height: var(--nile-app-shell-utility-size, 32px);
    min-width: var(--nile-app-shell-utility-size, 32px);
    min-height: var(--nile-app-shell-utility-size, 32px);
    padding: 0;
    background: transparent;
    border-color: transparent;
  }

  /* Restate the hover surface: the button's own hover rule loses to the resting ::part rule above. */
  .utility-control:hover:not([disabled])::part(base) {
    background: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));
  }
`;