/* ================================================================
   Ling Shui Popovers — Frontend Styles
   taichipreston.co.uk
================================================================ */

/* -- Trigger link --------------------------------------------- */

.lsp-trigger {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    color: #c8a97e;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    cursor: pointer;
    display: inline;
}

.lsp-trigger:hover,
.lsp-trigger:focus {
    color: #b8925e;
    text-decoration-style: solid;
    outline: none;
}

/* -- Popover panel -------------------------------------------- */

.lsp-popover {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 300px;
    max-width: calc(100vw - 24px);
    background: #fff;
    border: 1px solid #ddd;
    border-top: 3px solid #c8a97e;
    border-radius: 0 0 4px 4px;
    padding: 14px 16px 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    pointer-events: none;
}

.lsp-popover.lsp-visible {
    display: block;
}

/* -- Popover contents ----------------------------------------- */

.lsp-pop-date {
    font-size: 0.78em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #c8a97e;
    margin: 0 0 8px;
}

.lsp-pop-desc {
    font-size: 0.88em;
    line-height: 1.65;
    color: #2c2c2c;
    margin: 0;
    white-space: pre-line;
}