/* Piscine des romain */
.ps-product-list .ps-section__header {
    background-color: #0d3475;
}

.ps-product-list .ps-section__links li a:hover {
    color: #ffaa01 !important;
}

.ps-block--store-2 .ps-block__content {
    background-color: #0d3475 !important;
}

.ps-block--store-2 .ps-block__author {
    background-color: #0d3475 !important;
}

.ps-product .ps-product__badge.out-stock {
    background-color: #0d3475;
    color: #ffaa01;
}

#footer-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.ps-footer__links p a {
    display: block !important;
    margin: 0 0 8px 0 !important;
    text-decoration: none;
}

.ps-footer__links p a::after {
    content: "";
}

.ps-block--store-2 .ps-block__author .ps-btn {
    background-color: #0d3475;
    color: #ffffff;
}

.ps-block--store-2 h4 {
    color: #ffaa01;
}

button.ps-btn--black.add-to-cart-button {
    background-color: #ffaa01 !important;
    color: #0d3475 !important;
}

.widget_features p {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -37px;
}

.widget_features {
    padding: 3px;
}

.ps-form--subscribe-popup h4 {
    font-size: 24px !important;
    color: #ffaa01 !important;
    font-weight: bold !important;
}

.ps-form--subscribe-popup p {
    color: #ffffff;
}

.ps-checkbox {
    color: #ffffff;
}

.ps-form--subscribe-popup .ps-checkbox>label:before {
    background-color: #ffffff;
}

.ps-form--subscribe-popup .ps-checkbox>label {
    color: #ffffff;
}

.ps-btn, button.ps-btn {
    color: #ffaa01;;
    background-color: #0d3475;
}

.ps-block--countdown-deal figure {
    background-color: #ffaa01;;
}

.ps-product--detail .ps-product__shopping .ps-btn {
    color: #ffffff;
    background-color: #0d3475;
}

.ps-layout--shop .ps-layout__right #products-filter-sidebar {
    color: #ffaa01;;
    background-color: #0d3475;
}

.ps-block--shop-features {
    display: none !important;
}

.menu--mobile>li.menu-item-has-children .sub-toggle {
    left: -31px;
    margin-top: -6px;
}

@media (max-width: 991px) {
    .menu-item-has-children > a {
        cursor: pointer;
    }
}

@media (max-width: 991px) {
    .mega-menu {
        display: none;
    }

    .menu-item-has-children.active > .mega-menu {
        display: block;
    }

    .sub-toggle {
        cursor: pointer;
    }
}

@media (min-width: 992px) {
    .mega-menu {
        display: block !important;
    }

    .sub-toggle {
        pointer-events: none;
    }
}

.ps-block__author .ps-btn {
    background-color: #ffaa01 !important;
    color: #0d3475 !important;
    border-color: #ffaa01 !important;
}


/* css desactivation du bouton */
  /* Style pour rendre le bouton visuellement désactivé */
  .disabled-custom-button {
    opacity: 0.6;
    cursor: not-allowed;
  }
  .disabled-custom {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;       /* empêche le clic sur les  et les  */
  }
  /* Style de la “card” de notification */
  .custom-card-message {
    background: #ffffff;
    border: 1px solid #2894dc;
    padding: 10px 15px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    font-size: 0.9rem;
    color: #0d3475;
    margin-top: 8px;
    max-width: 200px;
  }

/* CSS personnalisé pour bloquer tout clic même si JS est désactivé */
button.add-to-cart,
button.buy-now {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

/* Texte “Menu” agrandi de 1 px */
.header.header--mobile .navigation__item.ps-toggle--sidebar {
  color: #ffffff !important;
  font-size: 20px !important; /* à adapter selon votre taille de base +1px */
}
.navigation__left .menu--product-categories .menu__toggle {
  margin-left: -10px; /* modifiez selon le décalage désiré */
}
/* Icône “Menu” agrandie de 1 px */
.header.header--mobile .navigation__item.ps-toggle--sidebar i {
  color: #ffffff !important;
  font-size: 20px !important; /* si l’icône était à 16px, on passe à 17px */
}

#menu-mobile .sidebar__header i {
  font-size: 1.5rem; /* ou ce que vous voulez */
  color: #333;      /* ou la couleur de votre choix */
}


/*CSS Anjary*/

/* Tabbar mobile fixe en bas */
   .mobile-tabbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #0d3475;
    border-top: 1px solid #333;
    padding: 8px 0;
    z-index: 9999;
  }
  
  /* Contenu centré */
  .tabbar-content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
  }
  
  /* Élément de navigation */
  .tabbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 12px;
    transition: color 0.3s ease;
  }
  
  .tabbar-item i {
    font-size: 20px;
    margin-bottom: 2px;
  }
  
  /* Effet au survol */
  .tabbar-item:hover {
    color: #fcb342;
  }

/*Menu mobile */
.menu--mobile {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu--mobile li {
  border-bottom: 1px solid #ddd;
}
.menu--mobile li a {
  display: block;
  padding: 12px;
  text-decoration: none;
  color: #333;
}
.menu-back a {
  font-weight: bold;
}

/*Css pour la version mobile de "vente flash"*/
@media screen and (max-width: 768px) {
    .ps-block__right {
        font-size: 12px;
    }

    .ps-block__right .ps-countdown {
        display: flex;
        flex-wrap: nowrap;
        gap: 5px;
    }

    .ps-block__right .ps-countdown li {
        white-space: nowrap;
    }

    .ps-block__right figure {
        margin: 0;
    }

    .ps-block__right figcaption {
        font-size: 11px;
    }
}