/* === ÉTAPE ACTIVE === */
body#checkout .checkout-step.js-current-step .step-title {
  background-color: #2b3074 !important;  /* couleur charte */
  color: #fff !important;
  border-right: none !important;
}

/* Triangle à droite (si présent sur le thème) */
body#checkout .checkout-step.js-current-step .step-title::after {
  border-left-color: #2b3074 !important;
}

/* Rond numéroté */
body#checkout .checkout-step.js-current-step .step-number {
  background: #fff !important;
  color: #2b3074 !important;
  border: 2px solid #2b3074 !important;
}

/* === ÉTAPES NON ACTIVES === */
body#checkout .checkout-step:not(.js-current-step) .step-title {
  background-color: #e9ecef !important;  /* gris neutre */
  color: #333 !important;
}

/* === Onglets "Créer votre compte / Connexion" === */
body#checkout .nav-inline .nav-item .nav-link.active {
  color: #2b3074 !important;
  border-bottom: 1px solid #2b3074 !important;
}

body#checkout .nav-inline .nav-item .nav-link:hover {
  color: #2b3074 !important;
}

/* === Bouton principal (COMMANDER, CONTINUER, etc.) === */
.btn-outline {
  background-color: #2b3074 !important;
  color: #fff !important;
  border: none !important;
  transition: all 0.3s ease;
}

.btn-outline:hover,
.btn-outline:focus {
  background-color: #000 !important;
  color: #fff !important;
}


body#checkout .nav-inline .nav-item .nav-link.active {
  color: #2b3074 !important;
  border-bottom: 1px solid #2b3074 !important;
}

/* Pour harmoniser l’effet hover aussi */
body#checkout .nav-inline .nav-item .nav-link:hover {
  color: #2b3074 !important;
}

.btn-outline {
  background-color: #2b3074 !important; /* couleur charte */
  color: #fff !important;
  border: none !important;
  transition: all 0.3s ease;
}

.btn-outline:hover,
.btn-outline:focus {
  background-color: #000 !important; /* noir au survol */
  color: #fff !important;
}
.btn-outline:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
.btn-outline:active {
  transform: translateY(0);
  box-shadow: none;
}

.btn.btn-outline-primary,
.btn.btn-outline-primary:visited {
  background-color: #2b3074;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.25s ease;
}

.prestablog_more a.blog_link,
#blog_list_1-7 .prestablog_more a.blog_link {
  background-color: #2b3074 !important;
  color: #fff !important;
  transition: all 0.25s ease;
}

/* Couleur au survol */
.prestablog_more a.blog_link:hover,
#blog_list_1-7 .prestablog_more a.blog_link:hover {
  background-color: #3a41a0 !important; /* ton bleu plus clair au hover */
  color: #fff !important;
}

/* Hover + focus */
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
  background-color: #3a41a0; /* un ton plus clair */
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(43, 48, 116, 0.25);
}

/* Active (clic) */
.btn.btn-outline-primary:active {
  background-color: #22255a; /* un peu plus foncé à la pression */
  box-shadow: none;
  transform: translateY(0);
}

#back-top{
    background-color: #2b3074 !important;
}
.btn.btn-primary {
    background-color: #2b3074 !important;
    border-color: #2b3074 !important;
    color: #fff !important;
}

:root { --brand: #2b3074; }

.h1.category-name{
  color: var(--brand);
  /* halo clair + ombre douce */
  text-shadow:
    0 0 3px rgba(255,255,255,.8),
    0 2px 9px rgba(0,0,0,.35);
}
/* bonus Chrome/Edge/Safari : fin liseré clair autour des lettres */
@supports (-webkit-text-stroke: 1px white) {
  .h1.category-name{
    -webkit-text-stroke: 0.6px rgba(255,255,255,.8);
  }
}

#blockcart-modal .product-name{
  color: #2b3074 !important;

}

#cart-block .cart-preview .cart-quantity{
background:#2b3074;

}
.product-flags .product-flag{
  color: #2b3074 !important;

}
.leo-megamenu .dropdown-menu li a:hover {
    background-color: transparent !important;
    color: #2b3074 !important;
    transform: translateX(5px);
}

.leo-megamenu .navbar-nav>li.active>a,
.leo-megamenu .navbar-nav>li:hover>a,
.leo-megamenu .navbar-nav>li:focus>a {
    color: #2b3074;
}

.product-price{
color: #2b3074 !important;

}
.product-actions .add-to-cart{background-color: #2b3074 !important;}
.product-actions:hover .add-to-cart:hover{background-color: #35979c !important;}
.btn btn-primary add-to-cart{margin:5%;}
.prestablog_more
{background-color: #2b3074 !important;}
.footer-center{background-color: #141951 !important;}
#header .header-nav,
#header .header-nav::before,
#header .header-nav::after,
.leo-header,
.header-default {
  background-image: none !important;
  background: none !important;
background-color:#2b3074 !important;
}
#blog_list_1-7 .prestablog_more{
background-color:#2b3074 !important;
}
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.bannercontainer .tp-caption.big_black{
text-shadow: 1px 1px 2px black; 
}
.breadcrumb li a, .breadcrumb li:last-child a {
font-size:16px;
}

.h1{
color: #4b57c1;
text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

#category .breadcrumb li a {
color:white;
text-shadow: 1px 1px 2px rgba(0,0,0,0.60);
text-align: left;
}

.breadcrumb .category-name {
    font-size: 45px;
    text-transform: none;
    text-align: left;
    padding-left: 7%;
}

#category .breadcrumb ol{
    padding-left: 0;
    margin-bottom: 0;
    color: #999;
text-align: left;
 padding-left: 7%;
}