/* ============================================= */
/* CUSTOM.CSS - CORRIGÉ ET ORGANISÉ    */
/* ============================================= */

/*
  Règles globales
  - La déclaration 'font-size: clamp(...)' isolée a été déplacée ici.
*/
h1, .h1 {
  /* Surcharge de la taille de police de base */
  font-size: clamp(20px, 4vw, 32px) !important;
}

/*
  Titres et Textes
  - Nettoyage des propriétés en doublon/conflit dans .page-header__title__text.
*/
.page-header__title__text, .page-header h1 {
  margin-top: 15px!important;
  margin-bottom: 15px!important;
  text-align: center;
  color: #444444 !important;
  font-size: clamp(20px, 4vw, 32px) !important;
}

h2, .h2 {
  font-size: clamp(20px, 4vw, 32px) !important;
  color: #04503C !important;
}

.yp-categories-thumbnail__item__title {
  font-size: clamp(14px, 2vw, 19px) !important;
  line-height: 1;
  text-shadow: 1px 1px 20px #000;
  color: #fff !important;
}

.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after{
  border-radius: 10px;
}

h6, .h6, .form-label, .contact-form__form .form-fields .form-group .form-control-label {
  font-size: clamp(16px, 1.5vw, 18px) !important;
  color: #04503C;
}

/*
  Formulaires et Boutons
*/
.form-footer .btn-primary.disabled {
  background-color: #FF4000 !important;
  width: 100% !important;
  border: none;
}

.btn-primary.disabled{
  background-color: #FF4000 !important;
  border: none;
}

/*
  Filtre (Amazzing Filter)
  - Correction de la syntaxe 'border-radius: 10px !importan' -> '!important'.
*/
.af_subtitle {
  color: #04503C !important;
}

#amazzing_filter .closed .af_subtitle.toggle-content::before {
  transform: rotate(90deg) !important;
}

#amazzing_filter .af_subtitle.toggle-content::before {
  content: ">" !important;
  transform: rotate(-90deg) !important;
}

#amazzing_filter.horizontal-layout .af_filter {
  padding: 10px !important;
  border-radius: 10px !important;
  margin-right: 10px !important;
}

#amazzing_filter.horizontal-layout .af_filter:hover {
  background-color: #EBFEF5 !important;
}

#amazzing_filter .af_filter label {
  color: #616161 !important;
}

#amazzing_filter .selectedFilters .clearAll, body .selectedFilters .clearAll {
  background: #821F0C !important;
  border-radius: 10px !important; /* CORRECTION DE SYNTAXE */
}

#amazzing_filter .selectedFilters .clearAll, body .selectedFilters .clearAll a {
  color: white !important;
}

#amazzing_filter .selectedFilters .cf, body .selectedFilters .cf {
  color: #821F0C !important;
}

/*
  Media Queries des Conteneurs (Container Overrides)
  - Ces règles sont extraites car elles définissent les largeurs personnalisées (90vw) de vos conteneurs.
*/
/* SM - 576px */
@media (min-width: 576px) {
  .container-sm, .container, .cms-content .prettyblocks-cms-content {
    width: 90vw;
    max-width: 540px;
  }
}
/* MD - 768px */
@media (min-width: 768px) {
  .container-md, .container-sm, .container, .cms-content .prettyblocks-cms-content {
    width: 90vw;
    max-width: 720px;
  }
  #amazzing_filter .selectedFilters.inline .cf, body .selectedFilters.inline .cf {
    margin-bottom: 10px;
  }
}
/* LG - 992px */
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container, .prettyblocks-cms-content {
    width: 90vw;
    max-width: 960px;
  }
}
/* XL - 1280px */
@media (min-width: 1280px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container, .cms-content .prettyblocks-cms-content {
    width: 90vw;
    max-width: 1280px;
  }
}
/* XXL - 1440px */
@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .cms-content .prettyblocks-cms-content {
    width: 90vw;
    max-width: 1320px;
  }
}
/* > 1600px */
@media (min-width: 1600px) {
  .container, .cms-content .prettyblocks-cms-content {
    max-width: 1760px;
  }
}

/*
  Media Queries Spécifiques
*/
@media (max-width: 768px) {
  .menu-footer {
    border-bottom: 1px solid ;
    padding-bottom: 10px;
  }

  .page-cms-10{
  width: 90% !important;
  }

  #my-products .product_list .product_list_item{
    width: 50% !important;
  }
}

.page-cms-10{
  width: 60%;
  margin: auto;
  margin-bottom: 20px;
}

#my-products .product_list .product_list_item{
  width: 250px;
}

.featured-products__header__right{
  display: none;
}

.ban1 .yp-banner__banner:hover img, .ban1  .yp-banner__banner:focus img{
  transform: scale(1);
}

.modal.show .modal-dialog-aside{
  transform: translate3d(20px, 0, 0) !important;
}

.cart-items .product-line-grid__block--qty .input-group .btn, .cart-items .product-line-grid__block--qty .input-group .form-control{
  border-radius: 0px !important;
}

@media (max-width: 768px) {
  .delivery-option .card {
    display: flex;
    flex-direction: column !important;
  }

  .warehouse_products .summary-product-item .product-image{
    width: 35% !important;
  }

  .checkout-option-block .card-header::before, .checkout-option-block .checkout-option__body::before {
    min-width: 15px !important;
    min-height: 15px !important; 
  }

  
}

#my-products .product_list .empty-result{
  margin: auto;
}

.ticket-list_header_filter .active[data-v-836c9362] {
  color: #04503C !important;
}

.ext-editor-btn, .text-editor-btn{
  background-color: #04503C !important;
}

.ticket-conversation-header-seller{
  color: #fff !important;
}

.ticket-conversation-header-left .back-button{
  color: #fff !important;
}

.message-form-footer .button-container{
  width: 100% !important;
}

.search-result__bottom .btn{
  color: #fff !important;
}

.search-result__bottom .btn{
  width: fit-content !important;
}

.product-miniature__title a {
    display: block; 
    width: 100%; 
    overflow: hidden;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2; 
    line-height: 1.5; 
    max-height: 3em;   
    text-decoration: none
}

.burger-menu {
    height: 100% !important;
    position: relative;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; 
}

.burger-line {
    width: 19.95px;
    height: 1.66px; 
    background: #04503C; 
    display: block;
    margin-left: 0.03px;
    margin-right: auto; 
    border-radius: 10px;
}

.checkout-option-block.selected .card, .checkout-option-block .card{
  border-radius: 10px !important;
}

.ticket-list_header_filter.active{
  background-color: #EBFEF5 !important;
}

.ticket-list_header_filter.active{
  color: #04503C !important;
}

.burger-icon{
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 2px;
}

.btn-custom-green{
  background-color: #00A873 !important;
}

@media screen and (max-width: 991px) {
  header#header.l-header{
    margin-bottom: 20px !important;
  }
}

.search-result__products .products-list__block {
  margin: 0 0 1.25rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 768px) {
  .search-result__products .products-list__block {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .search-result__products .products-list__block {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

[id^="product-description-short-"] {
    display: none !important;
}

.video-responsive {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

/* Vidéos responsive */
.video-desktop,
.video-mobile {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

/* Afficher la vidéo desktop par défaut, cacher mobile */
.video-desktop {
  display: block;
}
.video-mobile {
  display: none;
}

/* Sur mobile (écrans < 768px), inverser */
@media (max-width: 767px) {
  .video-desktop {
    display: none;
  }
  .video-mobile {
    display: block;
  }
}

/* Sur tablettes (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .video-responsive {
    max-width: 90%;
  }
}

/* Sur grands écrans */
@media (min-width: 1200px) {
  .video-responsive {
    max-width: 1140px;
  }
}

body.origami-seller-account .help-block{
  width: 100%;
}

.js-product-list-header{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
  text-align: center;
  color: #444444 !important;
}

.product-price .price{
  font-size: clamp(20px, 2vw, 28px);
}

.product-price .price--regular{
  font-size: clamp(16px, 2vw, 22px);
}

.price {
  color: #04503C;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 700;
}
.price--regular {
  color: #939393;
  text-decoration: line-through;
  font-size: clamp(12px, 2vw, 16px);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Conteneur principal de la pagination */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 20px 0;
}

/* Centrer la partie avec les numéros */
.pagination-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: white;
  border-radius: 6px;
}

/* Liste des numéros de page */
.pagination-list {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Items de pagination */
.page-item {
  margin: 0;
}

.page-item a.page-link,
.page-item span.page-link {
  min-width: 32px;
  height: 32px;
  padding: 6px 10px;
  border: none;
  background-color: transparent;
  color: #666;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px !important;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* État hover */
.page-item a.page-link:hover {
  background-color: #f0f0f0;
}

/* Page active */
.page-item.active a.page-link {
  background-color: #04503C;
  color: white;
  font-weight: 600;
  pointer-events: none;
}

/* Flèches précédent/suivant */
.page-item.-prev,
.page-item.-next {
  padding: 8px 12px;
  background-color: #04503C;
  border: 2px solid #04503C;
  border-radius: 4px;
  margin: auto !important;
  margin-top: 12px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  max-width: 32px;
  max-height: 32px;

}

@media (max-width: 767.98px) {
    .pagination .page-item.-prev,
    .pagination .page-item.-next {
        margin-top: 8px !important;
    }
  }

.page-item.-prev .page-link,
.page-item.-next .page-link {
  color: #04503C;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 0px;
  height: 12px;
  text-decoration: none;
}

/* MASQUER le texte et les icônes Material Icons existants */
.page-item.-prev .page-link > *,
.page-item.-next .page-link > * {
  display: none !important;
}

/* AJOUTER les chevrons via CSS */
.page-item.-prev .page-link::before {
  content: "‹";
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.page-item.-next .page-link::after {
  content: "›";
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

/* État désactivé pour les flèches */
.page-item.disabled {
  opacity: 0.5;
  pointer-events: none;
  border-color: #ccc;
}

.page-item.disabled .page-link {
  color: #ccc;
  cursor: not-allowed;
}

.page-item.disabled .page-link::before,
.page-item.disabled .page-link::after {
  color: #ccc;
}

/* Texte "Vous avez consulté" */
.pagination-showing {
  font-size: 13px;
  color: #666;
  margin: 0;
  white-space: nowrap;
}

.pagination .page-item:not(.disabled).-prev .page-link,.pagination .page-item:not(.disabled).-next .page-link{
  color: white;
}

/* Responsive */
@media (max-width: 767px) {
  .pagination {
    gap: 8px;
  }
  
  .pagination-center {
    padding: 8px 12px;
  }
}

div[data-id-prettyblocks="238"] .dp-reassurances-block, div[data-id-prettyblocks="247"] .dp-reassurances-block, div[data-id-prettyblocks="241"] .dp-reassurances-block {
  margin-bottom: 0 !important;
}

.l-footer{
  margin-top: 20px;
}

.allo-voisin .ets_mm_url{
  border-bottom: 1px solid #FF4000;
  background-color: #FFF5EC;
  font-weight: bold !important;
  border-bottom: none!important;
}

.allo-voisin .ets_mm_url .mm_menu_content_title{
  color: #FF4000 !important; 
}

/* On cible le lien <a> quand le parent <li> est survolé */
.mm_menus_li.allo-voisin:hover > a, 
.mm_menus_li.allo-voisin.hover > a {
    background-color: #FFF5EC !important;
    border-bottom: none!important;
}

/* On s'assure que le texte à l'intérieur ne bloque pas la couleur */
.mm_menus_li.allo-voisin:hover .mm_menu_content_title,
.mm_menus_li.allo-voisin.hover .mm_menu_content_title {
    background-color: transparent !important;
}

.mm_menus_li.vendeur-pro:hover > a, 
.mm_menus_li.vendeur-pro.hover > a {
    background-color: #EBFEF5 !important;
    border-bottom: none!important;
}

.vendeur-pro .ets_mm_url{
  border-bottom: none;
  background-color: #EBFEF5;
  font-weight: bold !important;
}


.vendeur-pro .ets_mm_url .mm_menu_content_title{
  color: #00A873 !important;
}

.vendeur-pro .ets_mm_url, .allo-voisin .ets_mm_url{
  border-radius: 10px;
  font-weight: 500 !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px;
}

@media (min-width: 1600px) {
  .mm_menus_ul > .mm_menus_li:nth-last-child(2),
  .mm_menus_ul > .mm_menus_li:last-child{
    float: right;
    padding-right: 10px;
  }
}

/* Uniquement pour les smartphones (portrait et paysage) */
@media (max-width: 767px) {
    /* 1. On cache le bouton Vendeur PRO sur mobile */
    .mm_menus_li.vendeur-pro {
        display: none !important;
    }

    .mm_menus_li.allo-voisin.hover > a {
    background-color: #FF4000 !important;
    }

    /* 2. On transforme Allo Voisin en bouton orange */
    .mm_menus_li.allo-voisin {
        display: block !important;
        background-color: #ff4500 !important; /* L'orange de votre capture */
        margin: 20px 10px !important;        /* Espacement pour l'effet "bouton" */
        border-radius: 10px !important;       /* Arrondis */
        border: none !important;             /* Supprime les lignes de séparation du menu */
        width: 95vw !important;
       
    }

    .allo-voisin , .allo-voisin .ets_mm_url{
     height: 47px !important;
    }

    /* 3. On stylise le lien et le texte à l'intérieur */
    .mm_menus_li.allo-voisin a.ets_mm_url {
        display: flex !important;
        padding: 15px !important;
        text-align: center !important;
        text-decoration: none !important;
    }

    .mm_menus_li.allo-voisin .mm_menu_content_title {
        color: #ffffff !important;           /* Texte blanc */
        font-weight: bold !important;
        font-size: 16px !important;
        text-transform: none;                /* Évite de forcer les majuscules */
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        height: 47px !important;
    }
}

.product-line-grid__block--qty{
  display: none;
}

.loader-custom-theme::after{
  margin-left: -25px;
}


.btn-primary.disabled, .disabled.btn-outline-secondary, .header-top__block--links-list .disabled.links-list__link[href*="module/origami_seller_account/productform"], .header-top__block--links-list .disabled.links-list__link[href*="/deposer-annonce"], .header-top__block--links-list .disabled.links-list__link[href*="/sell-a-product"], #checkout .disabled.sendcloud-spp__pick-button, .btn-primary:disabled, .btn-outline-secondary:disabled, .header-top__block--links-list .links-list__link[href*="module/origami_seller_account/productform"]:disabled, .header-top__block--links-list .links-list__link[href*="/deposer-annonce"]:disabled, .header-top__block--links-list .links-list__link[href*="/sell-a-product"]:disabled, #checkout .sendcloud-spp__pick-button:disabled{
  background-color: #FF4000 !important;
  border: none;
}

.origami-inbox-link .header-top__icon-container2 .header-top__badge{
  background-color: #FF4000 !important;
}

.page-cms-12 .checkbox-group .form-check-label{
  margin-top: 0;
  margin-left: 2em;
}