/**
 * 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';

.InovuaReactDataGrid--theme-#{$DATAGRID_THEME_NAME} {
  // last locked start col
  .InovuaReactDataGrid__cell--last-in-section.InovuaReactDataGrid__cell--locked-start {
    .InovuaReactDataGrid__cell__selection {
      right: 3px;
    }

    .InovuaReactDataGrid__cell__selection-dragger {
      right: 1px;
    }
  }
  //last unlocked cell
  .InovuaReactDataGrid__cell--last-in-section.InovuaReactDataGrid__cell--unlocked {
    .InovuaReactDataGrid__cell__selection {
      right: 0;
    }
  }
  // first locked end col
  .InovuaReactDataGrid__cell--first-in-section.InovuaReactDataGrid__cell--locked-end {
    .InovuaReactDataGrid__cell__selection {
      left: 3px;
    }

    .InovuaReactDataGrid__cell__selection-dragger {
      right: 1px;

      &--direction-rtl {
        left: 1px;
        right: unset;
      }
    }
  }

  .InovuaReactDataGrid__cell--last-in-section {
    .InovuaReactDataGrid__cell__selection-dragger {
      right: 1px;

      &--direction-rtl {
        left: 1px;
        right: unset;
      }
    }
  }

  .InovuaReactDataGrid__cell--cell-active
    .InovuaReactDataGrid__cell__selection:after {
    border: 2px solid $INOVUA_DATAGRID_ACCENT_COLOR;
  }

  .InovuaReactDataGrid__cell--cell-selected
    .InovuaReactDataGrid__cell__selection:after {
    background: rgba($INOVUA_DATAGRID_ACCENT_COLOR, 0.15);
  }

  .InovuaReactDataGrid__cell--cell-active.InovuaReactDataGrid__cell--cell-selected {
    color: $INOVUA_DATAGRID_ROW_ACTIVE_COLOR;
    .InovuaReactDataGrid__cell__selection:after {
      border: 2px solid $INOVUA_DATAGRID_ACCENT_COLOR;
    }
  }

  .InovuaReactDataGrid__cell__selection:not(.InovuaReactDataGrid__cell__selection__bulk-update-mouse-down) {
    background: rgba($INOVUA_DATAGRID_ACCENT_COLOR, 0.05);

    &:after {
      border: 1px solid $INOVUA_DATAGRID_ACCENT_COLOR;
    }
  }

  .InovuaReactDataGrid__cell--cell-selected:not(.InovuaReactDataGrid__cell--cell-active).InovuaReactDataGrid__cell--cell-bulk-update-mouse-down
    .InovuaReactDataGrid__cell__selection:after {
    border-style: dashed;
    border-color: $INOVUA_DATAGRID_ACCENT_COLOR;
  }

  .InovuaReactDataGrid__cell__selection-dragger {
    border-top: none;
    border-left: none;
    width: 6px;
    height: 6px;
    background: $INOVUA_DATAGRID_ACCENT_COLOR;
  }
}