/* =============================================================================
   BARA PLUTITOARE CU CHEMAREA LA CERERE DE OFERTA
   (partial: partials/sticky_offer_bar.php)

   Apare pe pagina organizatorului si pe cea a activitatii, dupa ce hero-ul a
   iesit din ecran. Cat timp hero-ul se vede, butonul lui e la indemana si o a
   doua chemare n-ar face decat sa acopere continutul.

   Invelisul e acelasi cu al barii de cautare din restul paginilor (vezi
   search-floating.css): panou inchis la culoare, rotunjit, centrat, cu aceeasi
   latime maxima si aceeasi asezare fata de marginea de jos. Valorile sunt
   repetate, nu mostenite, ca cele doua bare sa poata fi folosite si separat —
   dar orice schimbare la una trebuie facuta si la cealalta.
   ========================================================================== */

/* Loc sub subsol cat tine bara, altfel ultimul rand ramane sub ea. Se pune pe
   subsol, nu pe `body`: `body` are fundalul paginii, iar un gol alb sub
   subsolul inchis ar arata a greseala. Clasa vine din layout. */
.has-sticky-offer .site-footer { padding-bottom: 104px; }

.sticky-offer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;                 /* sub sertarul mobil (1000) si sub modale */
    display: flex;
    justify-content: center;
    padding: 0 20px calc(18px + env(safe-area-inset-bottom, 0px));
    pointer-events: none;         /* doar panoul prinde clicuri, nu si golul */
}
.sticky-offer[hidden] { display: none; }

.sticky-offer-inner {
    position: relative;
    width: 100%;
    max-width: 1080px;
    pointer-events: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 12px 12px 26px;

    border-radius: 20px;
    background: rgba(15, 23, 42, .93);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    /* Intra prin alunecare, nu prin aparitie brusca */
    transform: translateY(18px);
    opacity: 0;
    transition: transform .28s ease, opacity .28s ease;
}
.sticky-offer.is-in .sticky-offer-inner {
    transform: translateY(0);
    opacity: 1;
}

.sticky-offer-text {
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.sticky-offer-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 12px 28px;
    border-radius: 14px;          /* ca butonul de cautare din bara pereche */
    background: linear-gradient(135deg, #FFBE00, #FF7F00);
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(255, 127, 0, .35);
    transition: background .2s ease, box-shadow .2s ease;
}
/* `color:#fff` explicit: `a:hover` din public.css are specificitate mai mare
   decat clasa si ar innegri textul (vezi si butoanele din activity-page.css). */
.sticky-offer-btn:hover {
    background: linear-gradient(135deg, #FF9500, #E05F00);
    color: #fff;
    box-shadow: 0 14px 32px rgba(224, 95, 0, .5);
}

@media (max-width: 720px) {
    .has-sticky-offer .site-footer { padding-bottom: 128px; } /* textul trece pe doua randuri */

    .sticky-offer {
        padding: 0 14px calc(14px + env(safe-area-inset-bottom, 0px));
    }
    .sticky-offer-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 14px;
        text-align: center;
    }
    .sticky-offer-text { font-size: 14px; }
    .sticky-offer-btn  { justify-content: center; }
}