/**
 * Smart News — Sticky Footer Ad (v7.6.3)
 *
 * স্ক্রিনের একদম নিচে আটকে থাকা বিজ্ঞাপন বার + ডান পাশের × বাটন।
 * প্রতিটি রং/মাপ inc/sticky-footer-ad.php থেকে CSS ভ্যারিয়েবল হিসেবে
 * ইনলাইন পাঠানো হয়, তাই এখানে শুধু ফলব্যাক মান রাখা আছে।
 */

.sn-sfa {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--sn-sfa-z, 9990);
    /* JS দিয়ে .is-visible যোগ হওয়ার আগে পর্যন্ত লুকানো থাকে, যাতে
       "Show After (seconds)" ও "বন্ধ করার স্মৃতি" ঠিকভাবে কাজ করে এবং
       পেজ লোডের সময় ঝলক (flash) না হয়। */
    display: none;
    transform: translateY(100%);
    transition: transform .28s ease;
    will-change: transform;
}

.sn-sfa.is-visible {
    display: block;
}

.sn-sfa.is-shown {
    transform: translateY(0);
}

/* বারটি নিজে — হালকা ব্যাকগ্রাউন্ড, উপরে একটি পাতলা লাইন। */
.sn-sfa-bar {
    background: var(--sn-sfa-bg, #ffffff);
    border-top: 1px solid var(--sn-sfa-border, #e3e3e3);
    padding: var(--sn-sfa-padding, 6px) 10px;
    /* iPhone-এর হোম ইন্ডিকেটর বার যেন বিজ্ঞাপনের উপর না বসে। */
    padding-bottom: calc(var(--sn-sfa-padding, 6px) + env(safe-area-inset-bottom, 0px));
}

.sn-sfa-has-shadow .sn-sfa-bar {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
}

.sn-sfa-inner {
    max-width: var(--sn-sfa-max-width, 1280px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sn-sfa-ad {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.sn-sfa-ad .sn-ad-box {
    margin: 0;
    max-width: 100%;
}

.sn-sfa-ad img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* বিজ্ঞাপন নেটওয়ার্কের iframe (AdSense ইত্যাদি) যেন বার ছাপিয়ে না যায়। */
.sn-sfa-ad iframe,
.sn-sfa-ad ins {
    max-width: 100%;
}

/* --- × (Close) বাটন — বারটির ঠিক উপরে, একদম ডান পাশে ---------------- */
.sn-sfa-close {
    position: absolute;
    right: 8px;
    top: calc(-1 * (var(--sn-sfa-close-size, 22px) + 10px));
    width: calc(var(--sn-sfa-close-size, 22px) + 8px);
    height: calc(var(--sn-sfa-close-size, 22px) + 8px);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sn-sfa-close-bg, #ffffff);
    color: var(--sn-sfa-close-icon, #333333);
    border: 1px solid var(--sn-sfa-close-border, #d9d9d9);
    border-radius: 50%;
    font-size: var(--sn-sfa-close-size, 22px);
    line-height: 1;
    font-weight: 400;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    transition: background .18s ease, color .18s ease, transform .18s ease;
    -webkit-appearance: none;
    appearance: none;
}

.sn-sfa-close span {
    display: block;
    margin-top: -2px;
}

.sn-sfa-close:hover,
.sn-sfa-close:focus {
    background: var(--sn-sfa-close-icon, #333333);
    color: var(--sn-sfa-close-bg, #ffffff);
    transform: scale(1.06);
    outline: none;
}

/* --- ডিভাইস-ভিত্তিক দেখানো/লুকানো ----------------------------------- */
@media (max-width: 767px) {
    .sn-sfa-desktop-only {
        display: none !important;
    }

    .sn-sfa-ad-desktop {
        display: none;
    }

    .sn-sfa-bar {
        padding-left: 6px;
        padding-right: 6px;
    }

    .sn-sfa-close {
        right: 6px;
    }
}

@media (min-width: 768px) {
    .sn-sfa-mobile-only {
        display: none !important;
    }

    .sn-sfa-ad-mobile {
        display: none;
    }
}

/* প্রিন্টে স্টিকি বিজ্ঞাপন অর্থহীন। */
@media print {
    .sn-sfa {
        display: none !important;
    }
}