// Variables
@use '../pf2e-variables' as var;
@use 'shake-ins/admon-content-styling' as content-styles;

.admonition[data-callout='embed-avatar'] {
  --callout-icon: '<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="church" class="svg-inline--fa fa-church fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M464.46 246.68L352 179.2V128h48c8.84 0 16-7.16 16-16V80c0-8.84-7.16-16-16-16h-48V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v48h-48c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h48v51.2l-112.46 67.48A31.997 31.997 0 0 0 160 274.12V512h96v-96c0-35.35 28.65-64 64-64s64 28.65 64 64v96h96V274.12c0-11.24-5.9-21.66-15.54-27.44zM0 395.96V496c0 8.84 7.16 16 16 16h112V320L19.39 366.54A32.024 32.024 0 0 0 0 395.96zm620.61-29.42L512 320v192h112c8.84 0 16-7.16 16-16V395.96c0-12.8-7.63-24.37-19.39-29.42z"></path></svg>';

  a.internal-link {
    color: var.$tyrian-purple;

    &:hover {
      color: darken(var.$tyrian-purple, 10%);
    }

    &:is([href*='#Actions']) {
      color: transparent;
    }
  }

  & .admonition-title {

    & .admonition-title-content {
      font-family: Garamond, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
      text-align: center;
    }

  }
  
  & .admonition-content {
    @include content-styles.embed-avatar-content;
  }
}
