/* Reklam Yönetimi — Frontend */

/* Masaüstü — Video üstü (#ads-inside-main) */
@media (min-width: 1025px) {
	#ads-inside-main {
		margin: 12px 0;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		align-items: start;
	}

	#ads-inside-main a {
		display: block;
		width: 100%;
	}

	#ads-inside-main a.ry-layout-full {
		grid-column: span 2;
	}

	#ads-inside-main a img {
		display: block;
		width: 100%;
		height: 70px;
		object-fit: fill;
	}

	#ads-inside-main a.ry-layout-full img {
		height: 100px;
	}

	/* Masaüstü — Video altı (#video-player-ads) */
	#video-player-ads {
		margin: 12px 0;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		align-items: start;
	}

	#video-player-ads > a {
		display: block;
		width: 100%;
	}

	#video-player-ads > a.ry-layout-full {
		grid-column: 1 / -1;
	}

	#video-player-ads img {
		display: block;
		width: 100%;
		height: 70px;
		object-fit: fill;
	}

	#video-player-ads > a.ry-layout-full img {
		height: 100px;
	}

	/* Mobil alanlar masaüstünde gizli */
	#ads-mobile-video-top,
	#ads-mobile-video-bottom {
		display: none !important;
	}
}

@media (max-width: 1024px) {
	#ads-inside-main,
	#video-player-ads {
		display: none !important;
	}

	/* Mobil — Video üstü (#content üstü) */
	#ads-mobile-video-top {
		margin: 10px 12px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: auto;
		box-sizing: border-box;
	}

	#ads-mobile-video-top a {
		display: block;
		width: 100%;
	}

	#ads-mobile-video-top a img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 90px;
		object-fit: fill;
	}

	/* Mobil — Video altı (.video-player altı) */
	#ads-mobile-video-bottom {
		margin: 10px 12px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: auto;
		box-sizing: border-box;
	}

	#ads-mobile-video-bottom a {
		display: block;
		width: 100%;
	}

	#ads-mobile-video-bottom a img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 90px;
		object-fit: fill;
	}
}