/*
 *  Version 1.0
 *  Custom Trusted Shops
 *	Fotocadeau
 */

/* ==========================================================================
   Responsive style for customizations Trusted Shops badge
   ========================================================================== */

@media screen and (max-width: 648px) {
	
	#MobileCustomTrustbadge-wrapper {
		position: fixed;
		bottom: 0;
		left: 0;
		padding-top: 7px;
		z-index: 10;
	}
	
	#MobileCustomTrustbadge-wrapper .trust-header {
		background: #ffdc0f;
		height: 14px;
	}
	
	#MobileCustomTrustbadge-wrapper .trust-header.minimized {
		width: 75px;
		height: 16px;
	}
	
	#MobileCustomTrustbadge-wrapper .close {
		position: absolute;
		right: 0px;
		top: 8px;
		width: 12px;
		height: 12px;
		opacity: 1;
		z-index: 1;
	}
	#MobileCustomTrustbadge-wrapper .close:hover {
		opacity: 1;
	}
	#MobileCustomTrustbadge-wrapper .close:before, .close:after {
		position: absolute;
		left: 2px;
		content: ' ';
		height: 13px;
		width: 2px;
		background-color: #000;
	}
	#MobileCustomTrustbadge-wrapper .close:before {
		transform: rotate(45deg);
	}
	#MobileCustomTrustbadge-wrapper .close:after {
		transform: rotate(-45deg);
	}

	#MobileCustomTrustbadge-wrapper i.arrow-up {
		position: absolute;
		top: 13px;
		left: 45%;
		border: solid black;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		display: none;
	}
	
	/* Add specific selectors to hide the TF badge on specific pages */
	body.onestepcheckout-index-index #MobileCustomTrustbadge-wrapper,
	body.catalog-product-view.open-mediaclip #MobileCustomTrustbadge-wrapper,
	body.checkout-cart-index #MobileCustomTrustbadge-wrapper,
	body.catalog-product-view.focus-mediaclip #MobileCustomTrustbadge-wrapper
	{
		display: none;
	}
	
}