/*
|--------------------------------------------------------------------------
| Floating Page Actions (includes/partials/floating-actions.php)
|--------------------------------------------------------------------------
|
| Share panel, Saved-Awards bookmark button/badge/drawer, scroll-to-top
| button. Loaded on every page (the partial renders unconditionally from
| includes/layouts/footer.php).
|--------------------------------------------------------------------------
*/

.yfa-stack {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.yfa-btn {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #fff;
    background: #f75815;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    transition: transform .15s ease, box-shadow .15s ease;
    padding: 0;
    text-decoration: none;
}

.yfa-btn:hover,
.yfa-btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .2);
    color: #fff;
}

/* Share */

.yfa-share-wrap {
    position: relative;
}

.yfa-share-panel {
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}

.yfa-share-panel.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.yfa-share-panel .yfa-btn.yfa-whatsapp { background: #25D366; }
.yfa-share-panel .yfa-btn.yfa-facebook { background: #1877F2; }
.yfa-share-panel .yfa-btn.yfa-telegram { background: #229ED9; }
.yfa-share-panel .yfa-btn.yfa-copy { background: #6c757d; }

/* Saved Awards badge */

.yfa-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    font-size: 10px;
    min-width: 18px;
    padding: 2px 4px;
    pointer-events: none;
}

/* Scroll to top */

.yfa-scroll-top {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    border: none;
    padding: 0;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.yfa-scroll-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.yfa-scroll-top svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.yfa-scroll-top svg path {
    fill: none;
    stroke: #f75815;
    stroke-width: 2.5;
}

.yfa-scroll-top i {
    position: relative;
    color: #f75815;
    font-size: 1rem;
}

/* Saved Awards drawer rows */

.yfa-saved-row img {
    background: #f1f1f1;
}

/* Save-toggle buttons — the small overlay on card-award.php and the
   labeled button next to the H1 on templates/award.php. Both use
   [data-save-award]; only the filled/outline bookmark icon and this
   "saved" background actually change, driven by the JS below. */

.award-save-toggle.is-saved {
    background: #f75815 !important;
}

.award-save-toggle.is-saved i {
    color: #fff !important;
}

.award-save-btn {
    border: 1px solid #f75815;
    color: #f75815;
    background: #fff;
}

.award-save-btn:hover,
.award-save-btn:focus {
    color: #f75815;
}

.award-save-btn.is-saved {
    background: #f75815;
    color: #fff;
}

@media (max-width: 575.98px) {

    .yfa-stack {
        right: 10px;
        bottom: 10px;
        gap: 8px;
    }

    .yfa-btn,
    .yfa-scroll-top {
        width: 32px;
        height: 32px;
    }
}