/*  Custom code goes here */
/*  12.2018   */

/* couleur de fond orange des panneaux promo sur les produits */
#products .product-miniature .discount-percentage,
#products .product-miniature .on-sale,
#products .product-miniature .online-only,
#products .product-miniature .pack,
#products .product-miniature .product-flags .new,
#product .discount-percentage,
#product .on-sale,
#product .online-only,
#product .pack,
#product .product-flags .new,
.featured-products .product-miniature .discount-percentage,
.featured-products .product-miniature .on-sale,
.featured-products .product-miniature .online-only,
.featured-products .product-miniature .pack,
.featured-products .product-miniature .product-flags .new,
.product-accessories .product-miniature .discount-percentage,
.product-accessories .product-miniature .on-sale,
.product-accessories .product-miniature .online-only,
.product-accessories .product-miniature .pack,
.product-accessories .product-miniature .product-flags .new,
.product-miniature .product-miniature .discount-percentage,
.product-miniature .product-miniature .on-sale,
.product-miniature .product-miniature .online-only,
.product-miniature .product-miniature .pack,
.product-miniature .product-miniature .product-flags .new {
    display: block;
    /*position: relative;*/

    position: relative;
    /*added*/
    
    /*left: -.4375rem;*/
    /*top: .4375rem;*/
    padding: .3125rem .4375rem;
    color: #fff;
    background: #f39308;
    text-transform: uppercase;
    min-width: 2.125rem;
    min-height: 1.875rem;
    font-size: 1rem;
    font-weight: 600;
    text-align:center;
    /*added*/
    
    clear:both;
    /*added*/
    
    float:left;
    /*added*/
    
    margin-top: .625rem;
    /*added*/
    
    margin-left: -.3125rem;
    /*added*/
    
    /*box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)*/
}
/*  étiquettes promo pris réduits en rouge*/

.has-discount .discount {
    background-color: #f0633e !important;
}

.has-discount.product-price, .has-discount p {
     color: white!important;
}

.has-discount .discount {
    color: white!important;
}

.product-flags .new, .product-flags .pack {
    background-color: #e78d36!important;
}
.product-flags .new, .product-flags .pack {
    color: white!important;
}
.discount-percentage, .discount-amount {
    background-color: #f0633e!important;
}
.discount-percentage, .discount-amount {
    color: white!important;
}


/* couleur de fond du tableau récapitulatif des commandes */
.page-customer-account #content
{
color:yellow!important;
}
/* couleur de fond du widget produit */
#product-modal .modal-content .modal-body .image-caption p  {
background  :#1771c9 !important;
}
/*  Widget Mondial Relay.   
 Pour écraser le CSS en ligne, il faut mettre !important derrière la valeur souhaitée. 
 fond sous les lettres du widget, taille des caractères*/
 Zone_Widget  {
background  :#ca0047 !important;
color:#226a9e!important;
}
 .MR-Widget {
 background:#4795e2!important ; 
}
 /* lettres du point relais  original rouge #ca0047*/
.MR-Widget  {
 color:#f7b957!important;
 font-weight:700!important;
 padding-bottom:2px!important;
}
.PR-Name {
 color:#f7b957!important;
 font-weight:800!important;
 font-size:14px!important;
  padding-bottom:2px!important
}
.MR-Widget .PR-List-Item {
 border-left:solid 2px #ddd!important;
 padding:3px!important;
 margin-bottom:4px!important;
 font-size:13px!important;
 cursor:pointer!important
}
 /* couleur de fond quand on passe la souris pour sélectionnner*/
.MR-Widget .PR-hover,.MR-Widget .PR-Selected {
 border-left:solid 2px #ffa500!important;
 background:#2782d3!important;
}
.MR-Widget .PR-Warning {
 color:#ffa500!important;
 font-weight:700!important;
 text-align:center!important;
 padding:2px!important
}
 /* lettres du tableau des heures d'ouverture*/
.MR-Widget .PR-Hours {
 width:100%!important;
 color:#f7b957!important;
 border:solid 1px #eee!important;
 font-size:15px!important
}
.MR-Widget .PR-Hours td {
 width:35%!important;
 text-align:center!important
}
/* couleur de fond du tableau des heures d'ouverture, une des deux couleurs, l'autre vient du css du thème*/
.MR-Widget .PR-Hours .d {
 background:#217bc3!important
}
.MR-Widget .MRW-fl-Select,.MR-Widget .PR-AutoCplCity {
 position:absolute!important;
 width:100px!important;
 text-align:left!important;
 display:none!important;
 border:solid 1px #4795e2!important;
 background:#fff!important;
 z-index:8000!important
}
.MR-Widget .MRW-fl-Select .MRW-fl-Item,.MR-Widget .PR-City {
 padding:3px!important
}
.MR-Widget .MRW-fl-Select MRW-fl-Item:hover,.MR-Widget .PR-City:hover {
 cursor:pointer!important;
 background:#f7b957!important;
 font-weight:700!important
}
/*  fond derrière les horaires  bleu ciel - les trois gm*/
 .gm-style  {
	background  :#4895e2!important ;
}
 .gm-style-pbc  {
	background  :#4895e2 !important;
}
 .gm-style-iw    {
	background  :#4895e2 !important;
}

 /* fond sur lequel le widget et le lien se trouvent  bleu #1771c9*/
 .fancybox-outer {
	background  :#1771c9 !important;
}
/* entourage du fond précédent bleu ciel*/
 .fancybox-skin    {
	background  :#44d4fb!important ;
	 padding:3px!important;
	 border-bottom:solid 1px #226a9e!important
}
/* code promo apparait en jaune*/

.block-promo .cart-summary-line .label, .block-promo .promo-name {
    color: #ffd966;
    font-weight: 600;
}

 /* barre sélectionnez votre point relais*/
.MR-Widget .MRW-Title {
 color:#ca0047!important;
 font-weight:800!important;
 font-size:19px!important;
 text-align:center!important;
 background:#f7b957!important;
 padding:3px!important;
 border-bottom:solid 1px #ddd!important
}
.MR-Widget .MRW-Results {
 overflow:auto!important;
 padding:10px!important;
 height:390px!important
}
.MR-Widget input {
 background:url(./imgs/bg_input.png) bottom repeat-x #fefefe;
 border:solid 1px #ddd
}
.MR-Widget .MRW-Search {
 padding:25px 10px 25px 10px;
 text-align:center;
 background:#fafafa;
 background:url(./imgs/mr-64.png) no-repeat 2% 50%
}
.es-ES .MRW-Search {
 padding:25px 0 25px 20px!important;
 background:url(./imgs/mr-es64.png) no-repeat 2% 50%!important
}
.MR-Widget .MRW-Line {
 display:block;
 margin-bottom:3px
}
.MR-Widget .MRW-BtGo {
 border:solid 1px #ddd;
 background:#eee
}

.MR-Widget .MRW-Errors {
 color:#ff8c44;
 display:block;
 background:#ffede2!important;
 border:solid 1px #ff8c44!important;
 font-weight:100;
 padding:4px;
 display:none
}
.MR-Widget .AutoCpl-Hover {
 background:#2782d3!important;
 font-weight:700
}
.MR-Widget .InfoWindow {
 width:320px !important
}
.MR-Widget .Tabs-Btns {
 overflow:auto;
 border-bottom:1px solid #ccc
}
 /* boutons infos et photos*/
.MR-Widget .Tabs-Btn {
 display:inline-block!important;
 padding:2px 5px!important;
 float:left!important;
 background-color:#226a9e!important;
 cursor:pointer!important
}
.MR-Widget .Tabs-Btn-Selected {
 font-weight:bold;
 border:1px solid #ccc;
 border-bottom:0
}
.MR-Widget .Tabs-Tabs {
 margin-top:2px
}
.MR-Widget .Tabs-Tab {
 display:none;
 visibility:hidden
}
.MR-Widget .Tabs-Tab-Selected {
 display:inline;
 visibility:visible
}
 /*couleur de fond message erreur-demande de mot de passe  blanc remplacé*/
.ps-alert-error .item p, .ps-alert-success .item p {
    background-color: #0d79d4!important;
    margin: 0;
    padding: 18px 20px;
    width: 100%;
}

 /*Modif CSS Packlink
********************
********************
 */
 
 
 /* transporteur : taille des photos afichées original 48px-Taille ok si on change les images*/
.delivery-option img {
  max-width: 48px !important;
  max-height: 52px !important;
}

/*retouches couleurs boutique 12.2025 */

 /* sur miniatures  */
.products .price {
	color: maroon;
}
 /* texte sur bouton commander */
.btn-primary, .btn-primary i, .cart-preview.active span, .cart-preview.active i, .ptm-card a.btn, .card a.btn {
    color: #391d05!important;
}
 
/* Couleur du prix original miniatures un peu foncé remplacé par jaune  */
.products .regular-price {
	color: black!important;
} 

.regular-price, .price, .product-price, .value {
    color: m!important;
}
 /* font size prix original sur miniatures 0.875 augmenter  */
#products .regular-price, .featured-products .regular-price, .product-accessories .regular-price, .product-miniature .regular-price {
    color: #7a7a7a;
    text-decoration: line-through;
    font-size: 1.100rem;
}
  /* bouton bleu continuer les achats   */ 
 .page-order-detail .box, .page-my-account #content .links a span.link-item, .btn-secondary, .btn-tertiary {
	background-color: rgba(44, 123, 200, .45) !important;
}
 /* bouton bleu continuer les achats  */ 
 .btn-secondary, .btn-tertiary {
	color: #ffd966 !important;
	background-color: #f6f6f6;
	border-color: transparent;	
}

	/*   modifie la couleur bleue du produit sur la miniature   modifié jaune plus clair */
.products .product-title a {
    color: #f3d00d!important;
}

	/*   texte bannière modal panier  */
#blockcart-modal .modal-title {
    color: darkblue!important;
}
/*  fond bannière modal panier*/
#blockcart-modal .modal-header {
    background-color: limegreen !important;
}


.current-price span {
    color: #ffd966!important;
}



.discount-percentage, .discount-amount {
    background-color: #f0633e !important;
}
/*   paypal  4x texte 12.2025*/
.paypal-button-text {
    font-family: PayPal Pro Book, system-ui, -apple-system, Roboto, "Segoe UI", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 1px!important;
    vertical-align: middle;
	background-color: #4594e2 !important;
	color:  #4594e2!important;
	max-width: 10px !important;
    max-height: 10px !important;
}
/*   paypal  4x bouton 12.2025*/
.paypal-mark {
    display: inline-block;
    line-height: 0;
   /* padding:  5px 6.666666666666667px;*/
    background: #4594e2!important;
    /* border-radius: 3px; */
    /* margin: 4px; */
    white-space: nowrap;
    position: relative;
   border: 1px solid #4594e2!important;
}


/*  taille des photos max sur récap vente photo 100% très grosses sur téléphone
changement pixels max  12.2025*/	

 
 #order-summary-content .logo-container img {
    max-width: 48px !important;
    max-height: 52px !important;
}
 
/* les bandeaux alerte si transporteur ou paiement pas choisi 
sur validation de commande à diminuer et autres   */
}

.alert.alert-warning, .alert.alert-warning span, .alert.alert-danger, .alert.alert-danger span {
    border-color: #6565f4 !important;
	width: 40%!important;

}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
	width: 45%!important;
}
.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
	width: 45%!important;
}
	
/* bandeau confirmation de paiement sur validation de commande 
à diminuer  de 100% à 30M rajouter "commande avec obligation de 
paiement" avant le bouton dasn le tpl */	

	#payment-confirmation button.btn.btn-primary.center-block {
    width: 40%!important;
    line-height: 30px;
    margin-bottom: 35px;
}