/*
 * AIT WordPress Theme
 *
 * Copyright (c) 2015, Affinity Information Technology, s.r.o. (http://ait-themes.club)
 */

/*

DOCUMENTATION:

This file is imported in main style.less ("../design/css/responsive.less")
Therefore it inherited all of the mixins and variables previously defined

Do not modify this file
All customization is done in ("../design/css/ecwid/ecwid-responsive-custom.less"),
of your child theme.

*/

/**************************************************/
/*** && RESPONSIVE STYLESHEET                   ***/
/**************************************************/

html#ecwid_html body#ecwid_body.page,
html#ecwid_html body#ecwid_body.chameleon.page {

	/******************************************************************************/
	/* ========================================================================== */
	/* = MAX WIDTH 768px                                                        = */
	/* ========================================================================== */
	/******************************************************************************/

	@media all and (max-width: 768px){
		/* && START 768 */

		/**************************************************/
		/*** SEARCH PANEL                               ***/
		/**************************************************/

		.ecwid-SearchPanel input	{ width: 250px; }

		/**************************************************/
		/*** LOGIN                                      ***/
		/**************************************************/

		table.ecwid-productBrowser-auth-mini					{ margin-bottom: 40px; }

		div.ecwid-ProductBrowser-auth-logged					{ text-align: left; }
		div.ecwid-ProductBrowser-auth-logged > span				{ display: block; margin-top: 10px; }
		div.ecwid-ProductBrowser-auth-logged .ecwid-SpacerImage	{ display: none; }

		/**************************************************/
		/*** RESULTS TOP PANEL                          ***/
		/**************************************************/

		div.ecwid-results-topPanel {

			div.ecwid-results-topPanel-viewAsPanel-current,
			div.ecwid-results-topPanel-viewAsPanel-link			{ font-size: 0; line-height: normal; }
			div.ecwid-results-topPanel-viewAsPanel > div:before	{ font-size: 16px; line-height: 24px; margin-right: 0; }

		}

		/**************************************************/
		/*** PRODUCTS LIST                              ***/
		/**************************************************/

		/* Grid View */

		td.ecwid-productBrowser-productsGrid-productInside {

			div.ecwid-BuyNow			{ position: static; padding: 15px 15px 0 15px; opacity: 1; }
			div.ecwid-BuyNow button		{ padding: 4px 15px; width: 100%; .border-radius(@button-radius); }

		}

		/**************************************************/
		/*** PRODUCT DETAIL                             ***/
		/**************************************************/

		div.ecwid-productBrowser-details-rightPanel	button.gwt-Button 	{ white-space: normal; }
		div.ecwid-productBrowser-details-rightPanel a.ecwid-poweredBy	{ .translateY(0); }

		/**************************************************/
		/*** CHECKOUT                                   ***/
		/**************************************************/

		/* Forms */

		.ecwid-Checkout {

			div[class*="blockTitle"],
			div[class*="blockTip"]						{ max-width: 100%; }
			div.ecwid-PaymentMethodSelector,
			div.ecwid-Checkout-PaymentRightPanel		{ width: 100%; margin-right: 0; }

		}

		/**************************************************/
		/*** WIDGETS                                    ***/
		/**************************************************/

		/* Recently Viewed Products Widget */

		div.widget_ecwid_recently_viewed {

			/* List Layout */

			.ecwid-productsList ul li .ecwid-productsList-image			{ display: block; float: none; margin-bottom: 10px; }
			.ecwid-productsList ul li .ecwid-productsList-image ~ div	{ margin-left: 0; text-align: center; }

		}

		/* && END 768 */
	}

	/******************************************************************************/
	/* ========================================================================== */
	/* = MAX WIDTH 640px                                                        = */
	/* ========================================================================== */
	/******************************************************************************/

	@media all and (max-width: 640px){
		/* && START 640 */

		/**************************************************/
		/*** RESULTS TOP PANEL                          ***/
		/**************************************************/

		div.ecwid-results-topPanel div.gwt-Label	{ display: none; }

		/**************************************************/
		/*** ACCOUNT SETTINGS                           ***/
		/**************************************************/

		/* Tabs */

		table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected	{ background: darken(@theme-general-pageBgColor, 4%); border: none; border-bottom: 1px solid @theme-general-linesColor; .border-radius(0); }
		table.ecwid-categoriesTabBar a								{ display: block; }

		/* Orders */

		table.ecwid-OrdersList-OrderBox,
		td.ecwid-OrdersList-OrderBox-footer > table 		{ table-layout: fixed; width: 100% !important; }

		/* Address */

		div.ecwid-AddressBook-blockContainer				{ display: block; padding: 0 0 30px 0; }
		div.ecwid-AddressBook-block	> div					{ width: 100%; }

		/**************************************************/
		/*** PRODUCT DETAIL                             ***/
		/**************************************************/

		div.ecwid-productBrowser-gallery					{ width: 100% !important; max-width: none !important; }
		.ecwid-lte-480px div.ecwid-productBrowser-gallery	{ padding: 0; }

		div.ecwid-productBrowser-details-rightPanel			{ padding: 0; width: 100%; }

		div.ecwid-productBrowser-extraFields-center span:first-child	{ min-width: 0; }

		/**************************************************/
		/*** CART DETAIL                                ***/
		/**************************************************/

		.ecwid-productBrowser-cart.ecwid-productBrowser-cart-compact-top,
		.ecwid-productBrowser-cart.ecwid-productBrowser-cart-compact-bottom {

			table.ecwid-productBrowser-cart-rightPanel			{ width: 100%; }

		}

		/* && END 640 */
	}

	/******************************************************************************/
	/* ========================================================================== */
	/* = MAX WIDTH 480px                                                        = */
	/* ========================================================================== */
	/******************************************************************************/

	@media all and (max-width: 480px){
		/* && START 480 */

		/* Titles */

		div.ecwid-productBrowser-head	{ text-align: center; }

		/**************************************************/
		/*** SEARCH PANEL                               ***/
		/**************************************************/

		.ecwid-SearchPanel	{ float: none; margin: auto; }

		/**************************************************/
		/*** HORIZONTAL WIDGET (categories menu)        ***/
		/**************************************************/

		/* Mobile */

		#horizontal-menu.horizontal-mobile  { padding: 10px; background: darken(@theme-general-pageBgColor, 3%); border: none; border-bottom: 1px solid @theme-general-linesColor; .border-radius(0); }

		.horizontal-menu.horizontal-menu--mobile .horizontal-menu-item > a	{ padding: 10px 20px; border-bottom: 1px solid @theme-general-linesColor; .border-radius(0); }

		/**************************************************/
		/*** MINI CART                                  ***/
		/**************************************************/

		.ecwid-productBrowser-auth-mini-vertical {

			text-align: center;

			div.ecwid-ProductBrowser-auth-logged > span		{ text-align: center; }
			div.ecwid-minicart-mini							{ margin: 20px auto 0 auto !important; width: 105px; text-align: center; }

		}

		/**************************************************/
		/*** ACCOUNT SETTINGS                           ***/
		/**************************************************/

		/* Orders Search */

		div.ecwid-Orders-SearchPanel *								{ width: 100%; max-width: none !important; text-align: center; }
		div.ecwid-Orders-SearchPanel input							{ text-align: left; }
		div.ecwid-Orders-SearchPanel button							{ margin: 10px 0; width: auto; .borderbox; }
		div.ecwid-Orders-SearchPanel td.ecwid-DateRangeBox-range	{ text-align: left; }

		/**************************************************/
		/*** PRODUCTS BROWSER                           ***/
		/**************************************************/

		div.ecwid-productBrowser-categoryPath				{ text-align: center; }

		/**************************************************/
		/*** PRODUCTS LIST                              ***/
		/**************************************************/

		/* Grid View */

		.ecwid-lte-400px td.ecwid-productBrowser-productsGrid-cellSpace,
		td.ecwid-productBrowser-productsGrid-cellSpace						{ height: 30px; }

		/* List View */

		div.ecwid-productBrowser-productsList-inTheBagTick	{ .transform(none); }

		/**************************************************/
		/*** PRODUCT DETAIL                             ***/
		/**************************************************/

		div.ecwid-productBrowser-extraFields-center > div,
		div.ecwid-productBrowser-extraFields-center span	{ display: block; }

		/**************************************************/
		/*** CART DETAIL                                ***/
		/**************************************************/

		.ecwid-productBrowser-cart.ecwid-productBrowser-cart-compact {

			table												{ width: 100%; table-layout: fixed; }
			table.ecwid-productBrowser-cart-rightPanel,
			table.ecwid-productBrowser-cart-rightPanel table,
			table.ecwid-productBrowser-cart-itemsTable			{ table-layout: auto; }

		}

		button.ecwid-productBrowser-cart-clearBagButton,
		button.ecwid-productBrowser-cart-continueShoppingButton				{ .text-overflow; max-width: 100%; }

		/**************************************************/
		/*** RELATED PRODUCTS                           ***/
		/**************************************************/

		div.ecwid-productBrowser-relatedProducts {

			.ecwid-productBrowser-relatedProducts-title				{ text-align: center; }

			.ecwid-productBrowser-relatedProducts-button			{ padding-top: 0; vertical-align: middle; }
			.ecwid-productBrowser-relatedProducts-button div 		{ height: 50px; }
			.ecwid-productBrowser-relatedProducts-button div:after	{ line-height: 50px; }

		}

		/* && END 480 */
	}

	/******************************************************************************/
	/* ========================================================================== */
	/* = MAX WIDTH 360px                                                        = */
	/* ========================================================================== */
	/******************************************************************************/

	@media all and (max-width: 360px){
		/* && START 360 */

		div.ecwid-results-topPanel-controlsPanel > * 		{ display: block; padding: 0; float: none !important; text-align: center; }
		div.ecwid-results-topPanel-controlsPanel > * + * 	{ margin-top: 10px; }

		/* && END 360 */
	}

}


/* && end of RESPONSIVE STYLESHEET */

/*** Responsive Customization ***/
@import "ecwid/ecwid-responsive-custom.less";