@charset "UTF-8";

$delete-from-basket-color: #d8297b !default;

$basket-button-background-color: #d8297b !default;
$basket-button-text-color: white !default;

$basket-button-background-color-hover: white !default;
$basket-button-text-color-hover: #d8297b !default;
$basket-button-border-radius: 10px !default;
$basket-text-color: $nav-background !default;

.page-panier li a {
	display: inline-block;
	text-align: center;
	min-width: 15%;
	color: $delete-from-basket-color;
}

.page-panier li label > a {
	display: inline-block;
	text-align: left;
	color: $basket-text-color;
	width: 60%;
}

/* Skin "Total price" in basket page*/
.page-panier form li:last-child {
	border-top: 1px solid black;
	display: block;
	margin-top: 1em;
	padding-top: 1em;
	width: 98%;
	font-size: 1.5em;
}

/* Skin "Total price" in basket page*/
.page-panier form li > strong {
	margin-left: 24em;
}

/* Skin "supprimer" in basket page*/
.page-panier a.remove-item {
	margin-left: 5em;
	text-transform: uppercase;
}

@mixin boutons-panier {
	vertical-align: middle;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	color: $basket-button-text-color;
	background: $basket-button-background-color;
	width: 200px;
	padding: 1px;
	border: 1px solid $basket-button-background-color;
	border-radius: $basket-button-border-radius;
	text-align: center;
	text-decoration: none;
}
/*Boutton "Commander un autre document"*/
.page-panier a#workflow-button-command,
a#new-command {
	height: 3em;
	line-height: 1.5em;
	@include boutons-panier;
}

/*Bouton "Payer votre commande"*/
.page-panier a#workflow-button-paid,
input#pay {
	margin-left: 20px;
	height: 3.3em;
	line-height: 2.5em;
	@include boutons-panier;
}

.page-panier a#new-command,
input#pay {
	margin-top: 2em;
}

/*******************************************************  HOVER ITEM
**/

.page-panier a#workflow-button-command:hover,
a#workflow-button-paid:hover,
input#pay:hover,
a#new-command:hover {
	background-color: $basket-button-background-color-hover;
	color: $basket-button-text-color-hover;
}
