/*
* Copyright IBM Corp. 2023, 2024
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/

$css--plex: true !default;
@use 'sass:map';

/* Other Carbon settings. */
@use '@carbon/styles/scss/reset';
@use '@carbon/styles/scss/config' as *;
@use '@carbon/styles/scss/motion' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/type';
@use '@carbon/type/scss/font-family' as *;
@use '@carbon/styles/scss/utilities/ai-gradient' as *;
@use '@carbon/styles/scss/utilities/convert' as *;

$prefix: 'c4p';
$carbon-prefix: 'cds';
@use '@carbon/ibm-products-styles/scss/components/NotificationsPanel/index' as *;

$block-class: #{$prefix}--notifications-panel;
$block-class-action-set: #{$prefix}--action-set;

:host(#{$prefix}-notification-footer) {
  display: flex;
}
.#{$block-class}__view-all-button {
  display: flex;
  align-items: center;
  border-inline-end: 1px solid $border-subtle-01;
  color: $text-primary;
  inline-size: 100%;
  max-inline-size: calc(100% - 2.5rem);
  min-block-size: 2.5rem;
  --cds-link-primary: $text-primary;
  --cds-link-primary-hover: $text-primary;
  --cds-layout-size-height-min: 2.5rem;
  --cds-layout-size-height-sm: 2.5rem;
  --cds-layout-size-height: 2.5rem;
  --cds-layout-size-height-lg: 2.5rem;
  --cds-layout-size-height-max: 2.5rem;
  --cds-layout-size-height-2xl: 2.5rem;
}
.#{$block-class}__settings-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  --cds-link-primary: $text-primary;
  --cds-link-primary-hover: $text-primary;
  --cds-layout-size-height-min: 2.5rem;
  --cds-layout-size-height-sm: 2.5rem;
  --cds-layout-size-height: 2.5rem;
  --cds-layout-size-height-lg: 2.5rem;
  --cds-layout-size-height-max: 2.5rem;
  --cds-layout-size-height-2xl: 2.5rem;
}
.#{$block-class}__settings-button .#{$carbon-prefix}--btn__icon {
  margin: 0;
}