/**
 * Copyright Aquera Inc 2026
 *
 * 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';

export const styles = css`
  :host {
    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
    display: inline-block;
    min-width: 296px;
  }
  nile-dropdown {
    display: block;
    width: 100%;
  }
`;

export const globalPanelStyles = `
  .nile-dtp-panel .tippy-box[data-theme~='floating-panel'],
  .tippy-box[data-theme~='floating-panel'].nile-dtp-panel {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  .nile-dtp-panel .nile-floating-panel__body {
    min-width: 0;
    gap: 0;
    padding: 0;
  }
`;

export function injectGlobalDateTimePickerStyles(): void {
  if (typeof document === 'undefined') return;

  const STYLE_ID = 'nile-date-time-picker-panel-styles';
  if (document.getElementById(STYLE_ID)) return;

  const style = document.createElement('style');
  style.id = STYLE_ID;
  style.textContent = globalPanelStyles;
  document.head?.appendChild(style);
}

injectGlobalDateTimePickerStyles();

export default [styles];