/* ===================================================
   Responzivní úpravy pro mobily a tablety.
   Nemění barvy ani vzhled - jen rozložení na užších obrazovkách.
   Tento soubor se načítá jako poslední, takže má přednost.
   =================================================== */

@media (max-width: 1024px) {
	#container,
	#topnav .wrap,
	#banner .wrap,
	#mainnav .wrap .bar,
	#main,
	#footer {
		width: 100% !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 768px) {

	#container { padding: 0 15px !important; }

	/* Horní lišta */
	#topnav .wrap { height: auto !important; padding: 6px 0 !important; }
	#topnav ul,
	#topnav .cart,
	#topnav .checkout {
		float: none !important;
		display: inline-block !important;
	}

	/* Hlavička: logo nad vyhledáváním */
	#banner { height: auto !important; padding-bottom: 15px !important; }
	#banner .wrap { height: auto !important; padding-top: 15px !important; }
	#banner .logo { float: none !important; margin: 0 0 10px 0 !important; text-align: center !important; }
	#banner .logo a { min-width: 0 !important; height: 70px !important; line-height: 70px !important; display: inline-block !important; }
	#banner .search {
		position: static !important;
		margin: 0 auto !important;
		top: auto !important;
		left: auto !important;
		text-align: center !important;
		width: 100% !important;
	}

	/* Hlavní menu - vodorovné posouvání místo pevného pruhu */
	#mainnav .wrap { margin: 10px auto 0 auto !important; height: auto !important; }
	#mainnav .wrap .bar {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		white-space: nowrap !important;
	}
	#mainnav ul.l0 { text-align: left !important; white-space: nowrap !important; display: inline-block !important; }
	#mainnav ul.l0 li.li0 { display: inline-block !important; float: none !important; }
	#mainnav .ul-wrap { display: none !important; }

	/* Sloupce stránky - vše pod sebou */
	#col1, #col2, #col3 {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		display: block !important;
	}
	#col2 .contentwrap { display: block !important; }
	#col2 .contentwrap .main,
	.columns1 .contentwrap .main,
	.columns2 .contentwrap .main {
		margin: 20px 0 0 0 !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Produkty - dva sloupce */
	.products-3cols .product,
	.products-4cols .product,
	.products-0cols .product {
		width: 47% !important;
		margin: 15px 4% 10px 0 !important;
	}
	.products-3cols .product:nth-child(2n),
	.products-4cols .product:nth-child(2n) {
		margin-right: 0 !important;
	}
	.products-3cols .product .wrap,
	.products-4cols .product .wrap {
		height: auto !important;
	}

	/* Detail produktu */
	.productdetail .producthead,
	.productdetail .productinfo {
		width: 100% !important;
		float: none !important;
	}
	.related-products .related {
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
	}

	/* Formuláře */
	.form fieldset .inline,
	.form fieldset.colleft,
	.form fieldset.colright,
	.ordersummary .colleft,
	.ordersummary .colright {
		width: 100% !important;
		float: none !important;
	}

	/* Košík a objednávka - tabulky posuvné vodorovně, aby se nerozbily */
	.basket .tablewrap {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.basket .tablewrap table {
		min-width: 560px !important;
	}

	#footer .wrap { text-align: center !important; }
	#footer .wrap .powered { float: none !important; display: block !important; margin-top: 5px !important; }
}

@media (max-width: 480px) {
	.products-3cols .product,
	.products-4cols .product,
	.products-0cols .product {
		width: 100% !important;
		margin: 15px 0 10px 0 !important;
	}

	#topnav .checkout { display: none !important; }
}