/**
 * Copyright © INOVUA TRADING.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@import './variables.scss';
@import './cell-borders.scss';

$base: 'InovuaReactDataGrid__cell';

.InovuaReactDataGrid--theme-#{$DATAGRID_THEME_NAME} {
  .InovuaReactDataGrid__cell--no-background.InovuaReactDataGrid__cell--no-background {
    background: $INOVUA_DATAGRID_BG_COLOR;
  }

  &.InovuaReactDataGrid--grouped {
    .#{$base}--first-in-column-group {
      padding: 0;
      flex: 1;
    }
  }

  .InovuaReactDataGrid__cell--group-cell:not(.InovuaReactDataGrid__cell--pivot-enabled) {
    background: $INOVUA_DATAGRID_BG_COLOR;
    font-weight: 700;
  }

  .InovuaReactDataGrid__cell--group-expand-cell.InovuaReactDataGrid__cell--group-expand-cell {
    padding: 0;
  }

  .InovuaReactDataGrid__nested-group-cell,
  .InovuaReactDataGrid__nested-cell {
    height: auto;
  }

  .InovuaReactDataGrid__cell {
    &.InovuaReactDataGrid__cell--locked {
      &:after {
        background: $INOVUA_DATAGRID_LOCKED_ROW_BORDER_COLOR;
      }
    }

  }

  .InovuaReactDataGrid__virtual-list-sticky-rows-container {
    .InovuaReactDataGrid__row-cell-wrap {
      .InovuaReactDataGrid__cell.InovuaReactDataGrid__cell--show-border-top {
        border-top: 1px solid transparent;
      }
    }
  }

  .InovuaReactDataGrid__row {
    &--even {
      &:not(.InovuaReactDataGrid__row--scrolling):not(.InovuaReactDataGrid__row--empty) {
        .InovuaReactDataGrid__cell {
          &--over {
            background: $INOVUA_DATAGRID_ROW_EVEN_HOVER_BG_COLOR;
            color: $INOVUA_DATAGRID_ROW_ACTIVE_COLOR;
          }
        }
      }
    }

    &--no-zebra,
    &--odd {
      &:not(.InovuaReactDataGrid__row--scrolling):not(.InovuaReactDataGrid__row--empty) {
        .InovuaReactDataGrid__cell {
          &--over {
            background: $INOVUA_DATAGRID_ROW_ODD_HOVER_BG_COLOR;
            color: $INOVUA_DATAGRID_ROW_ACTIVE_COLOR;
          }
        }
      }
    }
  }

  .InovuaReactDataGrid__header {
    .InovuaReactDataGrid__column-header {
      &--over {
        background: $INOVUA_DATAGRID_ROW_EVEN_HOVER_BG_COLOR;
        color: $INOVUA_DATAGRID_ROW_ACTIVE_COLOR;
      }
    }
  }
}