@use 'sass:map';
@use '../index' as *;

$featured-item: (
  padding: 0,
  border: none,
  border-radius: map.get($border-radius, 'm'),
  shadow: none,
  media-padding-mobile: 0 0 var(--s-m) 0,
  media-padding-desktop: 0 0 var(--s-m),
  media-padding-right: 0 0 var(--s-m),
  title-color: var(--c-d-140),
  title-font: var(--f-p-l),
  title-font-weight: map.get($font-weight, 'bold'),
  title-spacing-mobile: 0,
  title-spacing-vertical-desktop: 0,
  title-spacing-horizontal-desktop: var(--s-m) 0,
  media-spacing-vertical-right-desktop: 0,
  media-spacing-horizontal-right-desktop: var(--s-m) 0,
  description-color: var(--c-d-80),
  description-font: var(--f-p-m),
  description-spacing-horizontal-mobile: 0,
  description-spacing-vertical-mobile: var(--s-s) 0,
  description-spacing-vertical-desktop: var(--s-s) 0,
  description-spacing-horizontal-desktop: var(--s-m) 0,
  link-spacing-horizontal-mobile: 0,
  link-spacing-vertical-mobile: var(--s-m),
  link-spacing-vertical-desktop: var(--s-m) 0,
  link-spacing-horizontal-desktop: var(--s-m) 0,
  link-spacing-right: var(--s-m) 0,
  simple: (
    container-background: map.get($color, 'white'),
    media-padding-mobile: 0 0 var(--s-m),
    media-padding-desktop: 0,
    media-padding-right: 0,
    padding-mobile: 0,
    padding-desktop: 0,
    border-size: 0,
    border-color: var(--c-p),
    link-spacing-horizontal: 0,
    link-spacing-vertical: var(--s-m),
    text-spacing-desktop: var(--s-m) 0,
    text-spacing-only-child: 0,
    text-spacing-right-desktop: 0 var(--s-m),
    title-spacing: 0,
    description-spacing-horizontal: 0,
    description-spacing-vertical: var(--s-s) 0,
    description-spacing-vertical-no-title: 0,
  ),
  highlight: (
    container-background: var(--c-p-10),
    title-background: transparent,
    item-background: transparent,
    link-spacing-horizontal: 0,
    link-spacing-vertical: var(--s-m) 0,
    media-padding-mobile: 0 0 var(--s-m),
    media-padding-desktop: 0,
    media-spacing-vertical-desktop: 0,
    media-spacing-horizontal-desktop: 0 var(--s-xs),
    media-padding-horizontal-right: calc(-1 * var(--s-xs)) 0,
    media-padding-vertical-right: 0,
    padding-mobile: var(--s-m) var(--s-m) var(--s-m) var(--s-xs),
    padding-horizontal-desktop: var(--s-l) var(--s-m),
    padding-vertical-desktop: var(--s-m),
    border-size: 8px,
    border-color: var(--c-p),
    text-spacing-desktop: var(--s-xs),
    text-spacing-right-desktop: 0 var(--s-l),
    title-spacing: 0,
    title-spacing-desktop: var(--s-xs) 0,
    title-spacing-right-desktop: 0 var(--s-xs),
    description-spacing-horizontal: 0,
    description-spacing-vertical: var(--s-s) 0,
    description-spacing-vertical-no-title: 0,
    description-spacing-vertical-desktop: var(--s-s) 0,
  ),
);
$featured-item-print: (
  media-padding-desktop: 0 0 map.get($spacing-print, 'm'),
  media-padding-right: 0 0 map.get($spacing-print, 'm')
    map.get($spacing-print, 'm'),
  title-font: map.get($font-prolonged-print, 'l'),
  title-font-weight: map.get($font-weight-print, 'bold'),
  description-font: map.get($font-prolonged-print, 'm'),
  description-spacing: map.get($spacing-print, 's') 0 0 0,
  link-spacing: map.get($spacing-print, 'm') 0 0 0,
  simple: (
    media-padding-desktop: 0 0 map.get($spacing-print, 'm') 0,
    padding-desktop: 0,
    link-spacing: map.get($spacing-print, 'm') 0,
    title-spacing: 0,
    description-spacing: map.get($spacing-print, 's') 0 0 0,
  ),
  highlight: (
    media-padding-desktop: 0 map.get($spacing-print, 'm') 0 0,
    item-spacing: map.get($spacing-print, 'l') map.get($spacing-print, 'l') 0 0,
    padding-desktop: map.get($spacing-print, 'm') map.get($spacing-print, 'm')
      map.get($spacing-print, 'm') map.get($spacing-print, 'l'),
    description-spacing: map.get($spacing-print, 's') 0 0 0,
  ),
);
