/*
/* Copyright (c) 2025, Oracle and/or its affiliates.
*/

@import './palette.css';
@import './typography.css';

@import 'templates/listing.css';
@import 'templates/table.css';

@import 'views/login.css';
@import 'views/dashboard.css';
@import 'views/instance-create.css';
@import 'views/instance-list.css';
@import 'views/oke-list.css';
@import 'views/images-list.css';
@import 'views/vcn-list.css';
@import 'views/error.css';

@import 'components/button.css';
@import 'components/hamburger.css';
@import 'components/nav.css';
@import 'components/view-actions.css';
@import 'components/form-dialog.css';
@import 'components/upload-dialog.css';
@import 'components/upload-input.css';

.global-body.loggedIn {
  background-color: rgb(var(--pca-palette-neutral-1));
}

/* Prevent the gap between the header bar and the content */
.oj-web-applayout-content {
  padding-top: 0;
}

.oj-web-applayout-page {
  background-image: url(./images/neutral-texture.png);
}

.hamburger-menu {
  transition: opacity 0.3s ease-in-out;
}
.hamburger.menu-hidden {
  display: none;
  opacity: 0;
  pointer-events: none;
}

/** Aria live area */
.changeLog {
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/*********    PCA Header   **********/

/* Position the header above the loading overlay */
body pca-header {
  position: relative;
  z-index: 4;
}

/* Make sure components and elements focus white for contrast issues in PCA header  */
#pca-header .white-focus-recursive:focus-within,
#pca-header .white-focus:focus,
#pca-header button:focus-within {
  border: solid white 1px;
}

.oracle-pca-logo {
  background-image: url('../svg/brand/oracle.svg');
}

body.use-cursor :focus {
  outline: none;
}

.oj-switch-thumb:focus {
  outline: solid 2px rgb(var(--pca-palette-neutral-2));
}

#pageContent oj-module {
  padding-top: 0;
}

/** Jet style sheet doesn't account for disabled warn button */
oj-option.oj-disabled.menu-warn {
  opacity: .4;
}

/*********    Accessibility Keyboard Focus  **********/

/* focus highlight - buttons and controls (including table controls) */
.oj-choice-item.oj-focus-highlight .oj-radiocheckbox-icon::before,
.oj-button-toggle.oj-focus-highlight,
.oj-button.oj-focus-highlight .oj-button-button,
.oj-switch-track.oj-focus-highlight {
  /* Remove standard outline */
  outline: none !important;
  box-shadow:
  0px 0px 0px 2px rgb(var(--pca-palette-neutral-1)),
  0px 0px 0px 4px var(--oj-navigation-list-item-border-color-selected);
}

/* focus highlight - inset shadow for table headers */
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-selector-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-selector-cell.oj-focus-highlight {
  /* Remove standard outline */
  outline: none !important;
  box-shadow: inset 0px 0px 0px 2px var(--oj-navigation-list-item-border-color-selected);
  position: relative;
  z-index: 999999;
}

/* focus highlight - outset shadow for table rows */
.oj-table-body-row.oj-focus,
.oj-table-body-row.oj-focus-highlight,
.oj-table-body-row.oj-table-body-row-striped.oj-focus,
.oj-table-body-row.oj-table-body-row-striped.oj-focus-highlight {
  /* Remove standard outline */
  outline: none !important;
  box-shadow: 
      inset 0px 0px 0px 2px rgb(var(--pca-palette-neutral-1)),
      0px 0px 0px 2px var(--oj-navigation-list-item-border-color-selected);
  position: relative;
  z-index: 999999;
}

/* focus highlight - table links and buttons */
.oj-table .oj-table-data-cell a:focus,
.oj-table .oj-table-data-cell button:focus
.oj-table .oj-table-data-cell a:focus {
  /* Remove standard outline */
  outline: none !important;
  box-shadow:
  0px 0px 0px 2px rgb(var(--pca-palette-neutral-1)),
  0px 0px 0px 4px var(--oj-navigation-list-item-border-color-selected);
}