/* BahadirWeb Film v2.13.0 - PWA kurulum deneyimi */

.bwf-pwa-install {

    position: fixed;

    z-index: 10050;

    left: 50%;

    bottom: 22px;

    width: min(620px, calc(100% - 32px));

    display: grid;

    grid-template-columns: 54px minmax(0, 1fr) auto;

    align-items: center;

    gap: 14px;

    padding: 15px 44px 15px 15px;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 17px;

    background: rgba(25,26,31,.97);

    box-shadow: 0 20px 55px rgba(0,0,0,.42);

    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);

    opacity: 0;

    transform: translate(-50%, 18px) scale(.985);

    pointer-events: none;

    transition: opacity .22s ease, transform .22s ease;

}

.bwf-pwa-install.is-visible {

    opacity: 1;

    transform: translate(-50%, 0) scale(1);

    pointer-events: auto;

}

.bwf-pwa-install__icon {

    width: 54px;

    height: 54px;

    display: grid;

    place-items: center;

    overflow: hidden;

    border-radius: 14px;

    background: rgba(239,35,60,.12);

    color: var(--bw-red, #ef233c);

    font-size: 21px;

}

.bwf-pwa-install__icon img { width: 100%; height: 100%; object-fit: cover; }

.bwf-pwa-install__copy { min-width: 0; }

.bwf-pwa-install__copy strong { display: block; margin-bottom: 4px; color: #fff; font-size: 13px; line-height: 1.25; }

.bwf-pwa-install__copy p { margin: 0; color: #9da1ab; font-size: 10.5px; line-height: 1.5; }

.bwf-pwa-install__actions { display: flex; align-items: center; gap: 7px; }

.bwf-pwa-install__primary,

.bwf-pwa-install__later {

    min-height: 34px;

    border: 0;

    border-radius: 9px;

    font: inherit;

    font-size: 10px;

    font-weight: 780;

    cursor: pointer;

    white-space: nowrap;

}

.bwf-pwa-install__primary { display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; background: var(--bw-red, #ef233c); color: #fff; }

.bwf-pwa-install__later { padding: 0 10px; background: rgba(255,255,255,.055); color: #c8cad0; }

.bwf-pwa-install__close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #737781; cursor: pointer; }

.bwf-pwa-install__close:hover { color: #fff; background: rgba(255,255,255,.05); }

.bwf-pwa-ios-help { margin-top: 7px; display: flex; align-items: center; gap: 7px; color: #c7cad1; font-size: 9.5px; line-height: 1.45; }

.bwf-pwa-ios-help i { color: var(--bw-red, #ef233c); }

@media (max-width: 680px) {

    .bwf-pwa-install {

        left: 10px;

        right: 10px;

        bottom: calc(76px + env(safe-area-inset-bottom, 0px));

        width: auto;

        grid-template-columns: 45px minmax(0, 1fr);

        gap: 11px;

        padding: 13px 38px 13px 12px;

        border-radius: 15px;

        transform: translateY(18px) scale(.985);

    }

    .bwf-pwa-install.is-visible { transform: translateY(0) scale(1); }

    .bwf-pwa-install__icon { width: 45px; height: 45px; border-radius: 12px; font-size: 18px; }

    .bwf-pwa-install__copy strong { font-size: 12px; }

    .bwf-pwa-install__copy p { font-size: 9.5px; }

    .bwf-pwa-install__actions { grid-column: 1 / -1; padding-left: 56px; }

    .bwf-pwa-install__primary,

    .bwf-pwa-install__later { min-height: 32px; font-size: 9.5px; }

}





/* v2.13.2 - hidden durumunu bileşen display kurallarının ezmesini engelle. */

.bwf-pwa-install[hidden],

.bwf-pwa-ios-help[hidden],

.bwf-pwa-install__primary[hidden],

.bwf-pwa-install__status[hidden] {

    display: none !important;

}

.bwf-pwa-install__status {

    margin-top: 7px;

    padding: 7px 9px;

    border-radius: 8px;

    background: rgba(255,255,255,.045);

    color: #cbd0d8;

    font-size: 9.5px;

    line-height: 1.45;

}

.bwf-pwa-install__status.is-success { background: rgba(34,197,94,.10); color: #86efac; }

.bwf-pwa-install__status.is-warning { background: rgba(245,158,11,.10); color: #fcd34d; }

.bwf-pwa-install__status.is-error { background: rgba(239,68,68,.10); color: #fca5a5; }

.bwf-pwa-install__status.is-pending { background: rgba(59,130,246,.10); color: #bfdbfe; }

.bwf-pwa-install__primary.is-busy,

.bwf-pwa-install__primary:disabled { opacity: .65; cursor: wait; }