/* AdSense placements (autodelovi.net, 2026-10). Loaded after style.css + responsive-*.css. */

/* Reserve space for every ad container to avoid layout shift (CLS). */
.ad-slot { text-align: center; overflow: hidden; clear: both; } /* no display here: visibility stays with the theme classes */
.ad-slot-970x90  { min-height: 90px; }
.ad-slot-970x250 { min-height: 250px; }
.ad-slot-320x100 { min-height: 100px; }
.ad-slot-300x250 { min-height: 250px; }
.ad-slot-300x600 { min-height: 600px; }
.ad-slot-infeed  { min-height: 120px; }
.ad-slot-responsive { min-height: 100px; }
.ad-slot-inarticle  { min-height: 200px; }
@media (max-width: 768px) {
  .ad-slot-responsive { min-height: 250px; }
  .ad-slot-inarticle  { min-height: 330px; }
}

/* Unfilled units are NOT collapsed: the reserved box stays (collapsing it 2-3 s
   after load caused layout shift). Units hidden by the theme at a given width are
   display:none there and are never pushed, so they reserve no space. */

/* Small "Oglasi" label above in-feed / in-article units. */
.ad-label { display: block; font-size: 11px; line-height: 14px; color: #999; text-align: left; margin-bottom: 4px; }

/* Fixed 970px-wide banners only fit at >=1201px (container 1170px). The old
   responsive-768.css forced .tb_widget_banner_728x90 visible at 769-992px (overflow). */
@media (max-width: 1200px) {
  .tb_widget_banner_728x90.ad-slot,
  .tb_widget_banner_970x250.ad-slot { display: none !important; }
}

/* Sidebar 300x250 / 300x600 widgets: own wrapper class (the theme hides
   ".row .tb_widget_banner_300x250" on desktop). Desktop only where marked hide_for_mobile. */
.ad-widget { margin-bottom: 20px; }
.ad-widget .ad-slot { margin: 0 auto; }

/* In-feed list items. */
#results li.ad-infeed { display: block; list-style: none; padding: 10px 0; border-bottom: 1px solid #eee; }
#mobileversion li.ad-infeed { list-style: none; width: 100% !important; flex: 0 0 100%; margin: 5px 0 10px; }

/* Blog in-article unit. */
.ad-inarticle { margin: 20px 0; clear: both; }

/* Detail page: responsive unit under the photo / call button, clearly separated from the button. */
.ad-under-img { clear: both; width: 100%; margin: 30px 0 20px; }

/* Listing / centers sidebar: let the 300px unit fit at >=1201px (column content is ~311px). */
@media (min-width: 1201px) {
  #sticky_right_parts { max-width: 300px; }
  /* Home page: widen the right sidebar so the 300x600 fits (left 20.83% / main 50% / right 29.17%). */
  .home-col-left  { width: 20.83333333%; }
  .home-col-main  { width: 50%; }
  .home-col-right { width: 29.16666667%; }
}

/* Sticky sidebar unit (assets/js/sticky-sidebar-ad.js moves it with transform, clamped to its row). */
.js-sticky-ad { will-change: transform; }