/* Add any custom CSS here */

.arxit {

  /* Fonts */
  --main-font: 'CenturyGothic',sans-serif;
  --main-title-font: 'CenturyGothicBold',sans-serif;

  body {
    color: var(--text-color);
    font-family: var(--main-font);
    font-size: 14px;
  }

  /* Titres */
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--main-title-font);
    color: var(--title-color);
  }

  /* Positionnement du Logo de titre */
  .TopBar > a:first-child {
    margin-left: 10px;
  }

  /* Arrondis des fenêtres */
  --theme-radius: 5px;

  div.resizeable-window,
  div.newspopup-dialog-popup,
  div.newspopup-dialog-popup-title,
  div.sidebar,
  button.button,
  button,
  .icon,
  div.input-container,
  input,
  select,
  #LayerTree div.layertree-item-optionsmenu,
  div.layer-info-window-frame,
  div.identify-settings-menu,
  .arxit button {
    border-radius: var(--theme-radius);
  }

  div.resizeable-window-titlebar{
    border-radius: var(--theme-radius) var(--theme-radius) 0 0;
  }

  div.AppMenu.appmenu-visible div.appmenu-menu-container {
    border-radius: 0 0 var(--theme-radius) var(--theme-radius);
  }


  /* Barre d'échelle */
  #BottomBar .bottombar-scalebar-container div.bottombar-scalebar {
    background-color: var(--main-theme-color);
  }

  /* Barre de titre des fenêtres */
  .icon.resizeable-window-titlebar-control {
    color: var(--quaterary-theme-color);
  }

  .icon.resizeable-window-titlebar-control:hover {
    color: var(--secondary-theme-color);
  }

  /* Menu principal */
  .appmenu-menu-item.appmenu-menu-item-nested {
    padding-left: 12px;
  }
  div.appmenu-menu-item {
    font-weight: normal;
  }

  /* Icones */
  div.ButtonBar {
    gap: 4px;
  }

  div.ThemeList div.theme-item-icons {
    gap: 2px;
    padding: 2px;
  }

  .arxit button {
    margin-right: 2px !important;
  }

  .icon::before {
    font-size: 1.3em;
  }

  /* Table attributaire */
  .AttributeTable .row-disabled pre.text-input-disabled {
    background-color: unset;
  }

}