@forward "../../shared/workleaves";

.callout[data-callout="email"] {
    --callout-icon: lucide-send-horizontal;
    --callout-blend-mode: normal;
    --callout-border-width: 1px;
    --callout-email-color: var(--mono-rgb-100);
    --callout-color: var(--callout-email-color);

    &:not([data-callout-metadata~="default-font"]) {
        font-family: "Courier New", Courier, monospace;
    }

    > .callout-title {
        gap: 10px;
    }

    .callout {
        --callout-radius: 0;
        --callout-border-width: 2px;
        --callout-border-opacity: 0.3;
        --callout-padding: var(--size-4-1) 0;
        --callout-title-padding: 0;
        --callout-content-padding: 0 var(--size-4-1);
        --callout-color: var(--callout-email-color);
        --p-spacing: 0;

        margin: 0;
        background: none;
        border: none;
        display: flex;
        gap: var(--size-4-3);

        > .callout-title {
            flex-basis: 15ex;
            line-height: var(--line-height-normal);
            align-items: center;
            justify-content: end;
            background: none;
        }
        > .callout-title .callout-title-inner {
            text-wrap: nowrap;
        }
        > .callout-title .callout-icon {
            display: none;
        }

        > .callout-content {
            flex-grow: 1;
            border: var(--callout-border-width) solid rgba(var(--callout-color), var(--callout-border-opacity));
            background-color: var(--workleaves-background);
            color: var(--text-normal);
        }
        a[aria-label^="mailto:"] {
            text-decoration: none;
            color: unset;
            background-image: none;
            padding-inline-end: 0;
        }
    }

    .callout[data-callout-metadata~="sep"] {
        padding-bottom: var(--size-4-6);
        border-bottom: var(--callout-border-width) solid rgba(var(--callout-color), var(--callout-border-opacity));
    }
}
