/* assets/css/components/pullquote.css */
@layer dasy.components {

  /* Pullquote wrapper when style is chosen */
  .wp-block-pullquote.is-style-dasy-quote {
    color: var(--dasy-gray);
    padding-top: var(--dasy-pad-y) !important;
    padding-bottom: var(--dasy-pad-y) !important;
  }

  /* Quote text */
  .wp-block-pullquote.is-style-dasy-quote blockquote,
  .wp-block-pullquote.is-style-dasy-quote p {
    margin: 0 !important;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--medium) !important;
    text-align: left;
    line-height: 1.5 !important;
    color: inherit !important;
    padding-left: var(--dasy-pad-x);
    position: relative;
  }

  .wp-block-pullquote.is-style-dasy-quote blockquote::before {
    content: "“";
    position: absolute;
    left: 0;
    top: -1rem;
    font-family: georgia, serif;
    color: var(--dasy-gray-ultralight);
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.25;
  }

  /* Citation */
  .wp-block-pullquote.is-style-dasy-quote cite,
  .wp-block-pullquote.is-style-dasy-quote footer {
    display: block;
    margin-top: calc(var(--dasy-pad-y) * .5);
    padding-left: var(--dasy-pad-x);
    font-style: italic;
    color: color-mix(in lab, var(--dasy-gray) 65%, black);
    font-size: var(--wp--preset--font-size--small) !important;
  }

  .wp-block-pullquote.is-style-dasy-quote cite::before,
  .wp-block-pullquote.is-style-dasy-quote footer::before {
    content: "—";
    margin-right: .5rem;

  }
}