/*
 * Copyright (c) 2026, Salesforce, Inc.,
 * All rights reserved.
 * For full license text, see the LICENSE.txt file
 */

/**
 * @summary Creates media object
 *
 * @selector .slds-media
 * @modifier
 */
.slds-media {
  display: flex;
  align-items: flex-start;
}

/**
  * Defines the figure area
  *
  * @selector .slds-media__figure
  */
.slds-media__figure {
  flex-shrink: 0;
  margin-inline-end: var(--slds-g-spacing-3);
}

.slds-media__figure_fixed-width {
  min-width: var(--slds-g-sizing-10);
}

/**
  * Defines the body area
  *
  * @selector .slds-media__body
  * @modifier
  */
.slds-media__body {
  flex: 1;
  min-width: 0; /* This fixes an issue with truncation inside flexbox due to the changes in flex basis (already in FFOX, coming to Chrome) */
}

.slds-media__body,
.slds-media__body > :last-child {
  /* @TODO: Watch this - overreaching? */
  margin-block-end: 0;
}

.slds-media-body-iefix {
  flex-shrink: 0;
  flex-basis: auto;
}

/**
 * Adjusts whitespace on smaller media objects
 *
 * @selector .slds-media_small
 * @modifier
 */
.slds-media_small .slds-media__figure,
.slds-media--small .slds-media__figure {
  margin-inline-end: var(--slds-g-spacing-2);
}

.slds-media_small .slds-media__figure_reverse,
.slds-media--small .slds-media__figure--reverse {
  margin-inline-start: var(--slds-g-spacing-2);
}

/**
 * Adjusts whitespace on larger media objects
 *
 * @selector .slds-media_large
 * @modifier
 */
.slds-media_large .slds-media__figure,
.slds-media--large .slds-media__figure {
  margin-inline-end: var(--slds-g-spacing-5);
}

.slds-media_large .slds-media__figure_reverse,
.slds-media--large .slds-media__figure--reverse {
  margin-inline-start: var(--slds-g-spacing-5);
}

/**
 * Aligns the figure and body to be inline-block of each other
 *
 * @selector .slds-media_inline
 * @modifier
 */
.slds-media_inline .slds-media__body {
  flex: 0 1 auto;
}

/**
 * Aligns the content in the .slds-media__body to the middle of the .slds-media__figure
 *
 * @selector .slds-media_center
 * @modifier
 */
.slds-media_center,
.slds-media--center {
  align-items: center;
}

/**
 * Defines the figure area on the other side
 *
 * @selector .slds-media__figure_reverse
 * @modifier
 */
.slds-media__figure_reverse,
.slds-media__figure--reverse {
  margin: 0;
  margin-inline-start: var(--slds-g-spacing-3);
}

/* @include mq-medium-max {

  .slds-media_responsive,
  .slds-media--responsive {
    display: block;

    .slds-media__figure {
      margin: 0 0 $spacing-small;
    }
  }
} */