@import '~@angular/material/theming';

@mixin adf-tooltip-card-directive($theme) {
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);
    $foreground: map-get($theme, foreground);
    $background: map-get($theme, background);

    :host {
        display: block;
    }

    div.adf-tooltip-card {
        @include mat-elevation(8);
        background-color: mat-color($background, card);
        border: 1px solid mat-color($primary);
        padding: 12px;
        border-radius: 6px;

        p {
            font-size: mat-font-size($alfresco-typography, caption);
            color: mat-color($foreground, text, 0.75);
            margin: 0;
        }

        hr {
            border: 1px solid mat-color($primary);
            margin: 6px 0;
        }

        img {
            border-radius: 6px;
        }
    }

    ::ng-deep .cdk-overlay-connected-position-bounding-box {
        margin-top: 10px !important;
    }
}