/* =========================================================
   ADVERTISEMENTS (final)
   - desktop stays as-is
   - on mobile: EVERY ad gets full-bleed dimgray background + centered inner
   - "REKLAMA" label left-aligned to the inner width
========================================================= */

/* Desktop default */
.farmacja-advertisement-desktop {
    display: block;
    margin: 0 auto 20px;
    max-width: 990px;
    width: 100%;
}

.farmacja-advertisement-mobile {
    display: none;
}

/* Generic wrappers (used in some places) */
.advertisement-wrapper {
    display: flex;
    flex-direction: column;
}

.advertisement-inner-wrapper {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Label */
.farmacja-advertisement-desktop .farmacja-advertisement-label,
.farmacja-advertisement-mobile .farmacja-advertisement-label,
.farmacja-advertisement .farmacja-advertisement-label,
.advertisement-wrapper .farmacja-advertisement-label,
.ads_label {
    font-size: 9px;
    color: #ccc;
    text-align: left;
    margin: 0;
}

/* existing spacing helpers (keep) */
.farmacja-ad--after-content {
    margin-bottom: 20px;
}

.farmacja-ad--sticky, .farmacja-ad--homepage-sidebar-3 {
    position: sticky;
    top: 120px;
}

/* ---------------------------------------------------------
   MOBILE
---------------------------------------------------------- */
@media only screen and (max-width: 1023px) {

    /* desktop hidden on mobile */
    .farmacja-advertisement-desktop {
        display: none;
    }

    .farmacja-advertisement-mobile {
        display: block;
    }

    /* ✅ EVERY ad on mobile: full-bleed dimgray background */
    .farmacja-advertisement-mobile,
    .farmacja-advertisement,
    .advertisement-wrapper {
        background: rgb(247, 247, 247);
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 16px 0 20px;
        box-sizing: border-box;
    }

    /* ✅ unified inner: center + constrain to creative width */
    .farmacja-advertisement-mobile .advertisement-inner-wrapper,
    .farmacja-advertisement .advertisement-inner-wrapper,
    .advertisement-wrapper .advertisement-inner-wrapper,
    .farmacja-advertisement-mobile [data-gam-wrapper="1"],
    .farmacja-advertisement-mobile .gam-ad-slot {
        max-width: 100%;
        width: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* ✅ label left, aligned to inner width */
    .farmacja-advertisement-mobile .farmacja-advertisement-label,
    .farmacja-advertisement .farmacja-advertisement-label,
    .advertisement-wrapper .farmacja-advertisement-label,
    .farmacja-advertisement-mobile .ads_label,
    .farmacja-advertisement .ads_label,
    .advertisement-wrapper .ads_label {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 4px;
        text-align: left;
        color: dimgray;
        box-sizing: border-box;
        line-height: 1em;
    }

    /* ✅ creative centered */
    .advertisement-inner-wrapper iframe,
    .advertisement-inner-wrapper img,
    .farmacja-advertisement-mobile iframe,
    .farmacja-advertisement iframe,
    .farmacja-advertisement-mobile img,
    .farmacja-advertisement img {
        display: block;
        margin: 0 auto;
    }

    .farmacja-ad--after-2-paragraph {
        margin-bottom: 1.5em;
    }
}

/* Generic mobile ad centering fix with full-width background support */
@media (max-width: 767px) {
    .farmacja-advertisement-desktop {
        display: none;
    }

    .farmacja-advertisement-mobile,
    .farmacja-advertisement,
    .advertisement-wrapper {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        box-sizing: border-box !important;
        background: #f5f5f5 !important;
        padding: 12px 0 !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
        display: block !important;
        text-align: left !important;
        overflow: hidden !important;
        clear: both !important;
        float: none !important;
    }

    .farmacja-advertisement-mobile .farmacja-advertisement-inner,
    .farmacja-advertisement .farmacja-advertisement-inner,
    .advertisement-wrapper .farmacja-advertisement-inner,
    .farmacja-advertisement-mobile .advertisement-inner-wrapper,
    .farmacja-advertisement .advertisement-inner-wrapper,
    .advertisement-wrapper .advertisement-inner-wrapper {
        width: fit-content !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .farmacja-advertisement-label,
    .ads_label {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        margin-bottom: 4px !important;
        color: #777 !important;
        text-transform: uppercase !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding-left: 0 !important;
    }

    .farmacja-advertisement-mobile [data-gam-wrapper="1"],
    .farmacja-advertisement [data-gam-wrapper="1"],
    .advertisement-wrapper [data-gam-wrapper="1"],
    .farmacja-advertisement-mobile .gam-ad-slot,
    .farmacja-advertisement .gam-ad-slot,
    .advertisement-wrapper .gam-ad-slot,
    .farmacja-advertisement-mobile .gam-ad-slot > div,
    .farmacja-advertisement-mobile iframe,
    .farmacja-advertisement iframe,
    .advertisement-wrapper iframe {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
}