/*
 * Frontend styles for BaqFlo - SamePage.
 * The plugin keeps visual opinions minimal and only styles hidden anchors plus
 * the optional Pro Back to Top button. Menu styling is inherited from the theme.
 */
.bfsp-anchor {
    display: block;
    position: relative;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

/*
 * SamePage intentionally does not visually style menu links by default.
 * It only adds/removes classes so the active styling from the current theme can follow
 * the correct SamePage menu item.
 *
 * Available classes for optional user CSS:
 * .BFSP-active
 * .BFSP-inactive
 * .bfsp-menu-link
 * .bfsp-menu-anchor
 * body.bfsp-override-active-state
 */

.bfsp-back-to-top {
    position: fixed;
    right: var(--bfsp-back-to-top-right, 30px);
    bottom: var(--bfsp-back-to-top-bottom, 30px);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
    border: var(--button-border-width, 2px) solid var(--button-border-color, currentColor);
    background: var(--button-bg-color, var(--wp--preset--color--contrast, ButtonFace));
    color: var(--button-text-color, var(--wp--preset--color--base, ButtonText));
    border-radius: var(--button-border-radius, var(--product-button-radius, 999px));
    font-family: var(--font-family-navigation, inherit);
    font-weight: 700;
    line-height: 1;
    padding: 0.85em 1em;
    cursor: pointer;
}

.bfsp-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.bfsp-back-to-top:hover,
.bfsp-back-to-top:focus-visible {
    background: var(--button-hover-bg-color, var(--button-bg-hover-color, var(--button-bg-color, ButtonFace)));
    border-color: var(--button-hover-border-color, var(--button-border-hover-color, var(--button-border-color, currentColor)));
    color: var(--button-hover-text-color, var(--button-text-hover-color, var(--button-text-color, ButtonText)));
}