@use 'sass:color';

// Name:            Social share
// Description:     Social share widget for items
//
// Component:       `c-share`
//
// Dependencies:    `settings/v7/colors.tokens`
//
// ========================================================================
@use '../../../assets/sass/objects/v7/links' as *;
@use '../../../assets/sass/objects/v7/icons' as *;

@use '../../../assets/sass/tools/v7/utils'as *;
@use '../../../assets/sass/tools/v7/colors'as *;
@use '../../../assets/sass/tools/v7/mq'as *;
@use '../../../assets/sass/tools/v7/spacing'as *;
@use '../../../assets/sass/tools/v7/typography'as *;
@use '../../../assets/sass/tools/v7/zindex'as *;

@use '../../../assets/sass/settings/v7/layout-standard' as *;
@use '../../../assets/sass/settings/v7/atomictypography.map' as *;
@use '../../../assets/sass/settings/v7/colors.tokens' as *;
@use '../../../assets/sass/settings/v7/colors.map' as *;
@use '../../../assets/sass/settings/v7/sizes.map' as *;
@use '../../../assets/sass/settings/v7/spacing.tokens' as *;
@use '../../../assets/sass/settings/v7/typography.tokens' as *;
@use '../../../assets/sass/settings/v7/visibility.map' as *;
@use '../../../assets/sass/settings/v7/global' as *;
@use '../../../assets/sass/settings/v7/properties' as *;
@use '../../../assets/sass/settings/v7/scrollbar' as *;

// Styles
// ========================================================================

  .c-preferred{
    --_preferred-display:none;
    min-height: 32px;
    
    &--dark,&--light{
      display: var(--_preferred-display);
    }

    [data-color-scheme*=dark] .l-entry__footer &--dark {
      --_preferred-display: block;
    }
    
    [data-color-scheme*=light] .l-entry__footer &--light {
      --_preferred-display: block;
    }

    &-footer{
      height: 32px;
      width:120px;
    }
  }

.l-entry__body:has([data-random] .c-promotion--source[data-random--selected]) + .l-entry__footer .c-preferred{
  display: none;
}