/* Receptai AdSense - device visibility and spacing.
 * Breakpoints mirror the receptai theme (mobile <768, tablet 768-991, desktop >=992).
 */

.rad-container {
    margin: 16px auto;
    text-align: center;
    clear: both;
}

.rad-container--top {
    margin: 16px auto 8px;
}

.rad-unit {
    margin: 0 auto 16px;
}

.rad-mobile,
.rad-tablet,
.rad-desktop {
    display: none;
}

/* Mobile: <768px */
@media (max-width: 767px) {
    .rad-mobile {
        display: block;
    }
}

/* Tablet: 768-991px */
@media (min-width: 768px) and (max-width: 991px) {
    .rad-tablet {
        display: block;
    }
}

/* Desktop: >=992px */
@media (min-width: 992px) {
    .rad-desktop {
        display: block;
    }
}

/* Sidebar units stack inside the sticky aside; aside is hidden <=991px by the theme. */
.rad-sidebar-unit {
    margin: 0 auto 24px;
}

/* In-article units keep out of floated media and full-width on small screens. */
.ingredient-content .rad-container,
.recipe-content .rad-container {
    margin: 24px auto;
}

/* Loop-injected units span the full grid row. */
.rad-container--in_article {
    grid-column: 1 / -1;
    width: 100%;
}