/************************************************************
*
*  Easy Custom OceanWP Shop [REV:1.9.2] 
*
*  1.   BOUTIQUE OCEANWP
*  2.   FICHE PRODUIT OCEANWP
*  3.   PAGE CATÉGORIE OCEANWP
*  4.   PAGE PANIER(Régles CSS communes a OCEANWP & Elementor excepté Titres)                                  
*  5.   PANIER MENU 
*  6.   PAGE COMMANDE    
*  7.   PAGE MON COMPTE  
*
* 
************************************************************/



/*--------------------------------------------------------------------------
		              BOUTIQUE OCEANWP
---------------------------------------------------------------------------*/

/* On masque le sous titre: 
Ceci est l’endroit où vous pouvez ajouter de nouveaux produits dans votre boutique.*/
body.post-type-archive-product .page-subheading {display:none;}


/* on positionne le fil d'ariane au dessus du titre */
body.post-type-archive-product .site-breadcrumbs.position-under-title{
	margin-top: -80px;
}

/* Régle fil d'ariane pour mobile */
@media screen and (max-width:959px) {
	body.post-type-archive-product .site-breadcrumbs.position-under-title{
	margin-top: -90px;
	}
} 

/* on supprime les bordures inf et sup encadrant le choix du tri des produits 
   on augmente la marge entre l'affichage produit et le titre:Boutique*/
 .woocommerce .oceanwp-toolbar {
	/*border:none;*/
	margin-bottom: 30px!important;
}



/* régles pour le titre: Boutique*/ 
body.post-type-archive-product .page-header-title {
	text-align:center;
	/*font-weight:500;
	margin-top: 20px;
	color:#CC4A0A;orange*/
}



/* On masque le titre original du produit sur la boutique & fiche produit & pages catégories
   apporté par le thème OceanWP */
 body.woocommerce-page ul.products li.product li.title a h2 {
    /*font-family: 'kalam';
    font-size: 24px!important;
    font-weight: 600;
	margin-bottom:-10px;*/
	display:none;
}


/* Régles pour le nouveau titre H2 du produit sur la boutique & fiche produit & pages catégories
   apporté par le hook ocean_before_archive_product_title du
   template owp-archive-product.php d'OceanWP*/
 body.woocommerce-page .ecos-products-title {
	margin:auto; /* améliore le visuel pour les ventes croisées sur la page panier */
   /* font-family: 'kalam';
    font-size: 24px;
    font-weight: 600;
	margin-bottom:-20px;*/
 }



/*---------------- Woocommerce Info ------------------------------------------*/

  /*  Barre d'info de woocommerce*/
 .woocommerce-info{
	padding: 15px!important;
	border-left: 10px solid rgba(0,0,0,0.15)!important;
    /*font-size:18px;
	color: #FFFFFF;
	background: #6D908E;*/
}


/*---------------- Woocommerce Message ------------------------------------------*/

/* Message d'alerte de Woocommerce */
body.woocommerce-page .woocommerce-message {
	padding: 15px;
	border-radius:10px
	/*background: #6D908E;
	color:#FFFFFF!important;*/
}



/* icône des messages d'alerte de woocommerce
.woocommerce-message:before {
	color:#FFFFFF;
}*/




/* Régles pour le titre du produit sur la boutique & fiche produit & pages catégories pour les mobiles 
@media screen and (max-width:959px) {
	 body.woocommerce-page ul.products li.product li.title a h2 {
    font-size: 20px;
    }
} */


/* CSS pour l'affichage d'un badge Épuisé
body.woocommerce-page ul.products li.product.outofstock .outofstock-badge {
	font-size:20px;
	font-weight:500;
} */


/* badge Promotion affiché sur l'image du produit
body.woocommerce-page span.onsale{
	font-size:22px;
	font-weight:600;
}*/

/* Régles pour le champ de saisie du coupon */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 150px!important;
    padding: 6px 12px;
    margin-right: 10px;
}



/*--------------------------------------------------------------------------
		              FICHE PRODUIT OCEANWP
---------------------------------------------------------------------------*/




/*------------ Fil d'ariane ---------------------*/

 /* header qui contient le fil d'ariane 
 body.single-product .page-header{
	 margin-top:10px;
} */

/* on réduit la marge entre l'affichage produit et le fil d'ariane  
body.single-product	#main #content-wrap {padding-top:15px;}*/


/*------------ Fiche produit ---------------------*/

/* on met de la marge haute pour la quantité en stock sur la fiche produit*/
.woocommerce div.product div.summary p.in-stock {margin-top: 20px}

/* on réduit la marge entre le titre et la quantité en stock sur la fiche produit */
.single .entry-title {padding:0!important;}


/* régles pour la méta ajoutée pour le poids du produit */
.meta-poids{
	color: #333;
    font-weight: 600;
}

/* texte associé au logo des cartes de crédits */
.credit-cards-message{
	margin-top:20px;
	font-family: 'Montserrat';
	font-size: 20px;
	color:#666666;
}

/* texte associé au logo des cartes de crédits pour la page panier */
.credit-cards-available-message{
	margin-top:-20px;
	font-family: 'Montserrat';
	font-size: 20px;
	color:#666666;
}

/* image logo cartes de crédit */ 	
.credit-cards img {
	max-width: 50%!important;
	margin-bottom: 20px;
}

/* Image logo carte de crédit sur vue rapide */
 #owp-qv-wrap .credit-cards img {
	max-width: 50%!important;
}

/* CSS Affichage nombre de produits vendus & produits en promotion sur les pages produit*/
.nbr-produits-vendus {
	font-weight: bold; /* On met le texte en gras */
	padding: 15px;
    border: 1px solid #d5bb08;
    background-color: #fbf1ae;
    text-align: center;
    border-radius: 10px;
	margin-top:10px;
	margin-bottom:15px; /* On met une marge externe inférieure de 10 pixels  */
	width:90%;
}

.nbr-produits-vendus #block1 {
	float: left;
	width: 10%;
	margin-right:10px;
	text-align: center;	
}

.nbr-produits-vendus img {
	width:40px;
	position: relative;
    top: -5px;
}


.nbr-produits-vendus #block2 {
	text-align: left;
 }
 

/* CSS méta poids & dimensions, sku, nom de la catégorie
   pour une fiche de produit classique */
.weight-dimensions, .sku,.posted_in a{
	
	background-color: #f1f1f1;
	margin: 3px 5px;
	padding: 0px 5px;
	border: 1px solid transparent;
	line-height: 30px;
}

/* Régles Méta pour un template de produits avec elementor */
.elementor-woo-meta--view-table .product_meta, 
.elementor-woo-meta--view-table .product_meta .detail-container {
    display: inline-block!important;
}

body.single .elementor-woo-meta--view-table .product_meta .detail-label {
    min-width: 0px!important;
}

 .product_meta span {
    display: inline-block!important;
}
/* Fin Régles Méta pour un template de produits avec elementor */


/* bordure pour le container des métas de la fiche produit */
body.woocommerce .product_meta{
padding: 15px;
margin-top:15px;
margin-bottom: 30px;
border: 6px solid #eee!important;
} 

/* FIN CSS Affichage nombre de produits vendus & produits en promotion sur les pages produit*/

/* suppression bordure en dessous du titre 
.single .entry-title{border:none!important;}*/

/* suppression bordure encadrant bouton d'ajout au panier 
.woocommerce div.product form.cart{border:none!important;}*/

/* suppression bordure encadrant les métas 
.product_meta {border:none!important;}*/


/*------------ Onglet Avis & Informations complémentaires ---------------------*/

/* On masque les onglets Avis & informations complémentaires sur la fiche produit 
body.single-product .woocommerce-tabs{display:none;} */



/*------------ produits Apparentés---------------------*/

/*titre H2 produits Apparentés
body.single-product .related.products h2{font-size:32px;}

.woocommerce .related.products {
    display: none;
}*/


/*------------ Ventes croisées --------------------- */

/*titre H2 ventes croisées
.woocommerce .upsells.products h2{
	font-size:32px;
}

.woocommerce .upsells.products {
	display:none;
}*/


/*------------ Page catégories ---------------------*/




/*--------------------------------------------------------------------------
		                  PAGE CATÉGORIE OCEANWP
---------------------------------------------------------------------------*/

/* on positionne le fil d'ariane au dessus du titre */
body.tax-product_cat .site-breadcrumbs.position-under-title{
	margin-top: -80px;
}


/* header contenant le fil d'ariane */
body.tax-product_cat .page-header{
	 margin-top:50px;
}

/* régles pour le titre H1 de la catégorie*/
body.tax-product_cat .page-header-title{
	text-align:center;
	/*font-size:32px;
	font-weight:500;*/
} 


/*------------------------------------------------------------------------------
   PAGE PANIER(Régles CSS communes a OCEANWP & Elementor excepté Titres)
-------------------------------------------------------------------------------*/

/* Titre H1 de la page panier */
body.woocommerce-cart .page-header-title{
	text-align:center;
	/*font-weight:500;
	margin-top:30px;*/
}

/* en tête table détails des produits 
body.woocommerce-cart table.shop_table thead {
	background-color: #cc4a0a!important;
}*/

/* miniature pour l'article du panier 
.woocommerce-cart table.cart img {max-width: 80px!important;} */

/* bouton suppression d'un article 
body.woocommerce-cart .woocommerce table.shop_table a.remove:hover{color:red!important;} */


/* montant sous total en gras 
body.woocommerce-cart .cart-subtotal .woocommerce-Price-amount{font-weight:600;} */

/* on masque l'adresse de livraison dans la méthode d'expédition du panier 
body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals p {display:none!important;}*/


/* Prix Total en gras
body.woocommerce-cart .order-total td span.woocommerce-Price-amount.amount {font-weight: 600;}*/

/* montant TVA en gras 
body.woocommerce-cart .includes_tax .woocommerce-Price-amount{font-weight:600;}*/

/* Bouton Code Promo & Ajouter au Panier 
body.woocommerce-cart .woocommerce button.button {border-radius:5px;}*/

/* Titre : Total Panier */
.woocommerce-cart .cart-collaterals h2{
	font-size:24px!important;
}

/* bouton Valider la commande 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{border-radius:5px;} */

/* bordure supérieure orange prix sous total 
.woocommerce-cart .cart_totals  table.shop_table td {border-top: 1px solid rgba(204,74,10,0.5)!important;}*/

/* régles pour le titre des ventes croisées*/
body.woocommerce-cart .cart-collaterals h2{
	padding:5px!important;
}

/* régles pour le prix des ventes croisées*/
body.woocommerce-cart .woocommerce ul.products li.product .price {
	font-weight: 600;
} 

/* Règles pour masquer les ventes croisées
.woocommerce-page .cart-collaterals .cross-sells {
	display:none;
}*/



/*------------------------------------------------------------------------------
                       PANIER MENU
-------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------
                        PAGE COMMANDE
--------------------------------------------------------------------------------*/


/*-------------Largeur colonnes Facturation & Votre Commande---------------*/

/* @media only screen and (min-width:1024px){
	
	 /* Colonne Détail Facturation  
	body.woocommerce-page .woocommerce-checkout>.col2-set {width: 45%!important;}*/

	/* Colonne Votre Commande 
	body.woocommerce-page .woocommerce-checkout #order_review {width: 53%!important;}*

}*/

/*---------------------------Titres------------------------------------*/

/* Titre H1 de la page Validation de la commande */
body.woocommerce-checkout .page-header-title{
	text-align:center;
	/*font-size:40px;
	font-weight:500;
	margin-top:30px;*/
}


/* Titre H1  pour les Mobiles 
@media screen and (max-width:600px) {
	
	body.woocommerce-checkout .page-header-title{
		font-size:30px;
	}
}*/

/*
body.woocommerce-checkout h3{
	font-size:22px!important;
}*/

/*----------------Barre d'info ------------------------------------------*/

/* barre d'info: Connexion ou Coupon de réduction 
body.woocommerce-checkout .woocommerce-info{
	font-size:18px;
	background: #6d908e;
	color: #FFFFFF;
	padding: 15px;
	border-left: 10px solid rgba(0,0,0,0.15);
}*/

/* lien de la barre d'info  
body.woocommerce-checkout .woocommerce-info a{color: #FFFFFF;}*/


/* Formulaire de connexion */ 
body.woocommerce-checkout .woocommerce-form-login{
	border-radius:5px;
	/*max-width:100%!important;
	border: 1px solid #d3ced2!important;*/
	
}

/* Formulaire pour renseigner le coupon 
body.woocommerce-checkout .woocommerce-form-coupon{
	width:100%!important;
	border: 3px dashed #d3ced2!important;
}*/


/*-----------------Formulaire Détail de facturation----------------------------

form input[type="text"], form input[type="password"], form input[type="email"], 
form input[type="url"], form input[type="date"], form input[type="month"], 
form input[type="time"], form input[type="datetime"], 
form input[type="datetime-local"], form input[type="week"], 
form input[type="number"], form input[type="search"], form input[type="tel"], 
form input[type="color"], form select, form textarea{

	border: 1px solid #d3ced2!important;

}*/


/*------------------------------ Votre Commande -------------------------------*/

/* fond en-tête du tableau commande 
option arrière plan principal du tableau dans le menu personnalisation/wwocommerce/avancé/payer
.woocommerce-checkout table.shop_table thead {background-color: #6D908E!important;}  */

/* titre en-tête table commande 
option couleur des titres du tableau dans le menu personnalisation/wwocommerce/avancé/payer
.woocommerce-checkout #order_review table.shop_table thead th {color:#FFFFFF!important;} */

/* alignement du titre en-tête:PRODUIT 
.woocommerce-checkout #order_review table.shop_table thead th.product-name{
	text-align:center!important
}*/

/* alignement du titre en-tête SOUS-TOTAL 
.woocommerce-checkout #order_review table.shop_table thead th.product-total{
	text-align:center!important
}*/


/* alignement du contenu de la colonne Produit 
.woocommerce #order_review table.shop_table tbody td.product-name{
	text-align:left;
}*/

/* alignement du contenu de la colonne sous total: prix des articles & sous-total & total & désignation produit 
.woocommerce-checkout #order_review table.shop_table td {
	text-align:center;
}*/


/* alignement des en-tête de colonne */
/* en tête de colonne : PRODUIT & SOUS TOTAL 
.woocommerce-checkout table.shop_table thead th {
 text-align:center!important;	
}*/

/* en tête footer : Sous Total expédition, Total 
.woocommerce #order_review table.shop_table tfoot th {
	text-align:left!important;
}*/




/* contour table commande 
.woocommerce-checkout #order_review table.shop_table{ 
	border:1px solid #eaeaea!important
}*/

/* Ligne de la table commande */
.woocommerce-checkout table.shop_table td {
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
  /*border-top: 1px solid #eaeaea!important;*/
}

/* Colonne sous total & total & TVA 
.woocommerce-checkout #order_review table.shop_table th{border:1px solid #eaeaea!important}*/



/* Mise en gras Prix Sous-total & TVA & Prix Total  
body.woocommerce-checkout .cart-subtotal .woocommerce-Price-amount{font-weight:700;}
body.woocommerce-checkout .tax-rate .woocommerce-Price-amount{font-weight:700;}
body.woocommerce-checkout .order-total .woocommerce-Price-amount{font-weight:700;} */



/*---------------------- Moyens de paiement -------------------------------*/


/* fond moyen de paiement 
.woocommerce-checkout #payment ul.payment_methods li {background-color: #EBE9EB!important;} */



/* bouton commander */
.woocommerce-checkout #place_order{
	display:block;
	margin:auto;
	margin-bottom:15px;
	border-radius:5px;
  /*width:55%!important;*/
}



/* -------------- Page Confirmation De Commande Recue Aprés validation de la commande --------*/

/* arrière plan Titre de sous total à Total 
 body.woocommerce-order-received .woocommerce .shop_table.order_details tfoot th {
	 background-color:#6d908e;
	 color:#FFFFFF; 
} */
 
 
/*--------------------------------------------------------------------------
		                 PAGE MON COMPTE
---------------------------------------------------------------------------*/

/* Titre H1 de la page MON COMPTE */ 
body.woocommerce-account .page-header-title{
	text-align:center;
	/*font-size:40px;
	font-weight:500;
	margin-top:30px;*/
}


/* Barre d'info 
body.woocommerce-account .woocommerce-info{
	font-size:18px;
	background: #8AA6A5;
	color: #FFFFFF;
	padding: 15px;
	border-left: 10px solid rgba(0,0,0,0.15);
}*/

/* ----------------  Formulaire de Connexion-------------------------------- */

/* Titre: Se Connecter 
body.woocommerce-account .owp-account-link.current{font-size:30px!important;}*/

/* bouton de connexion */
body.woocommerce-account .woocommerce button.button {border-radius: 4px;}

/*
body.woocommerce-account .woocommerce .oceanwp-loginform-wrap form {padding:40px;}*/


/* ------------- Adresses--------------------------*/


/* bouton d'ajout pour adresse de livraison et facturation */
body.woocommerce-account .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a{
	border-radius:4px;
	
	/*background: #CC4A0A!important;
	color:#FFFFFF;*/
	
}

/* bouton d'ajout pour adresse de livraison et facturation au survol */
/*
body.woocommerce-account .woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover{
	background: #f45f15
}*/


/* ------------- panneau latéral de menu--------------------------*/

/* Mise en forme du panneau 
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border-top: 1px solid #eaeaea;
    background-color: #8AA6A5;
    border-radius: 5px;
	padding:10px;
}*/

/* Titre menu 
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #ffffff;
}*/

/* icone de menu 
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    color: #FFFFFF!important;
}*/


/* ------------- Table Liste Commande--------------------------*/

/* bouton VOIR */
.my_account_orders .button {
	border-radius:5px;
}

/* ------------- Détail Commande--------------------------*/

/* Bouton VOIR */
body.woocommerce-view-order .button{
	border-radius:5px;
}


/* bouton barre d'infos lorsque aucune commande n'a été passée */
body.woocommerce-orders .button {
	 padding: 15px 15px;
	 border-radius:5px;
}


/* couleur titre en-tête table de détails commande 
body.woocommerce-account .woocommerce table.shop_table thead th {
	color:#FFFFFF;
} */

/* Mise en gras Prix Sous-total & TVA & Prix Total  de table détail commande 
body.woocommerce-account .woocommerce-table--order-details tfoot .woocommerce-Price-amount{
	font-weight:600!important;
} */


/* ------------- Téléchargement--------------------------*/

 body.woocommerce-downloads .button {
	 padding: 15px 15px;
	 border-radius:5px;
}



/* ------------- Détail du compte--------------------------*/

body.woocommerce-edit-account .button {padding: 18px 18px!important;}



/* Page paiement sur 2 colonne 

@media only screen and (min-width: 1024px){*/
	
	/* Col 1 : facturation , col 2 : Votre commande 
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none; 
    width: 100%;
	}*/
	
	/* Détail facturation  
	body.woocommerce-checkout .woocommerce-checkout>.col2-set {
	  width: 53%;
      float: left;
      margin-right: 2%;
	}*/

	/* Votre commande 
	body.woocommerce-checkout .woocommerce-checkout #order_review_heading,
	body.woocommerce-checkout .woocommerce-checkout #order_review {
		width: 45%;
		float: right;
		margin-right: 0;
		clear: right;
	}
	
}*/