/* CBV Archive Ads 2.3.0 */

/* The injected element must behave as ONE normal Flatsome grid column. */
.cbv-ad-item {
    box-sizing: border-box;
    float: left;
    position: relative;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.cbv-ad-item > .col-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.cbv-ad-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 250px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.cbv-ad-inner {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.cbv-ad-inner img,
.cbv-ad-card img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

/* Prevent fixed-size ad creatives from pushing the grid wider. */
.cbv-ad-card iframe,
.cbv-ad-card ins,
.cbv-ad-card .adsbygoogle,
.cbv-ad-card video,
.cbv-ad-card canvas {
    max-width: 100% !important;
    box-sizing: border-box;
}

.cbv-ad-label {
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* Preserve Flatsome responsive column behaviour. */
@media (max-width: 849px) {
    .cbv-ad-item {
        min-width: 0;
        max-width: 100%;
    }

    .cbv-ad-card {
        min-height: 180px;
    }
}

@media (max-width: 549px) {
    .cbv-ad-card {
        min-height: 140px;
        border-radius: 6px;
    }
}


/* Archive-specific: never let the injected card create a full-width row. */
.row .cbv-post-ad,
.row .cbv-woo-ad,
.row .cbv-search-ad,
.row .cbv-home-ad {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.row .cbv-ad-item > .col-inner,
.row .cbv-ad-item .cbv-ad-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}