/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

h1, h2, h3, h4, h5, h6, p, input, select, textarea, button, a{
  font-family: 'Montserrat', sans-serif;
  color : black;
}
.link{
  text-decoration: underline;
  color: #e25a26;
}
#index h1{
  color: white;
  font-family: 'Manrope';
  font-size: 24px;
  text-align: center;
}

#index h2 {
  font-family: 'Manrope';
  color: #e25a26;
  font-size: 24px;
}

.header-nav{
  display: none;
}
.tertiary-color{
  color: #034c3c;
}
.bold{
  font-weight : bold;
}
/* Home */
.bd-panel{
    background: #e25a26;
    border-radius: 15px;
    padding: 15px 0px;
}
.bd-search-form{
  background : #fff;
  padding : 8px;
  border-radius : 15px;
  padding: 15px;
}

.bd-border{
  border: 1px solid #e25a26;
  margin: 0px 10px;
  padding-bottom:10px;
}

.btn-bigdeal-primary{
  border-radius : 15px;
}

.card-image{
  width : 100% ;
}

@media (max-width: 991px) {
  .bd-panel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px){
.card {
    background-color: white;
}
}


/* Annonce */
.upload-box {
  border: 2px dashed #ccc;
  border-radius: 5px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-image: url('camera-icon.png'); /* Remplacer 'camera-icon.png' par le chemin de votre icône */
  background-repeat: no-repeat;
  background-position: center;
  text-align : center;
}

.upload-box:hover {
  background-color: #f0f0f0;
}

.upload-area{
  max-height : 100%;
}

.upload-area img{
  max-height : 120px;
  max-width : 100%;
  height : auto;
}

.file-input {
  display: none;
}

#imagePreview1{
  max-height : 420px;
  overflow : hidden;
}
#imagePreview1 img{
  height : 400px;
  max-width: 300%;
}

#imagePreview2 img, #imagePreview3 img{
  max-width : 100%;
  min-width : 100%;
}
#imagePreview2, #imagePreview3{
  max-height : 190px;
  overflow : hidden;
}
#imagePreview1, #imagePreview2, #imagePreview3{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}

#imagePreview2{
  margin-bottom : 20px;
}

@media only screen and (max-width: 600px) {
  /* Styles pour les écrans de téléphones */
  #imagePreview1{
    height : 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #imagePreview2, #imagePreview3{
    margin-top:10px;
    width : 100%;
    height : 100px;
  }
  #imagePreview2 img, #imagePreview3 img{
            height: 100px;
        width: auto;
  }
}

.bd-table-price{
  width: 100%;
}

#bigdealFilterSection{
  display: none;
}
@media (min-width: 768px) {
  #bigdealFilterButton{
    display: none;
  }
  #bigdealFilterSection{
    display: block;
  }
}
/* BootsrapLike */
.text-center{
  text-align: center;
}
.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-select:focus {
    border-color: #e25a26;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0,123,255,.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none;
}

.form-group {
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #e25a26;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0,123,255,.25);
}

.form-text {
    display: block;
    margin-top: .25rem;
    color: #6c757d;
    border-radius : 5px;
}
.text-muted {
    color: #6c757d!important;
}

.card {
  padding : 20px 15px;
  border-radius: 15px; /* Arrondit les coins de la carte */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre portée légère */
}
.card-product .card-image-container{
  height : 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre portée légère */
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
@media (max-width: 990px) {
  .card-product .card-image-container{
    height: 190px;
  }
}
.card-product {
  border-radius: 15px; /* Arrondit les coins de la carte */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre portée légère */
  background-color: white;
  margin-bottom : 20px;
}
.card-product:hover{
  color : inherit;
}
.card-product .card-body{
  padding : 10px 15px;
border-bottom-left-radius: 15px;
background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre portée légère */
}
.card-product .card-image-container {

}
.card-product-name, .card-product-price{
  color : black;
  margin-bottom : 0;
}



/*Filters*/
.bd-filter-value{
  font-size : 12px;
}
.filter-name {
    font-weight: bold;
    margin: 10px 0;
    cursor: pointer;
}

/* Style pour les valeurs des filtres */
.bd-filter-value {
    margin-left: 20px;
    margin-bottom: 5px;
}
.bd-button-filter{
    background-color: #e25a26;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    width: 100%;
}
/*Badges*/
.badge-container {
  min-height : 4.2em;
}
.badge {
    display:inline;
    border-right: 1px solid black;
    padding-right : 10px
}
.badge:last-child {
    border-right: none;
}

.badge-pro{
  position: absolute;
  bottom : 0;
  background-color: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
  color : black;
  padding: 2px 5px;
  margin : 5px;
  left:0;
}

/* Society Viewer */
.sw-one-product p{
  margin : 0;
}
.sw-one-product .card-title{
  margin-top:10px;
}



.sw-one-product .sw-img-container{
  padding:0px;
  
}

.sw-one-product .sw-img-container img{
border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.bd-required{
  color : red;
}

@media (min-width: 990px) {
  .sticky-container {
    position: relative;
    height: 100%; /* Ensure the container takes full height */
  }
  
  .sticky {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 0;
  }
}

.clickable{
  color : #e25a26;
}
.clickable:hover{
  color : #e25a26;
  text-decoration: underline;
}

.btn-primary{
  background :#e25a26;
  color:white;
}
#header a{
  color:inherit;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  border : 1px solid #e25a26;
  background :white;
  color:#e25a26 !important;
}

.btn-primary-reverse{
  border : 1px solid #e25a26;
  border-radius : 3px;
  background :white;
  color:#e25a26;
  font-weight: bold;
  text-transform: uppercase;
}


.btn-primary-reverse:hover, .btn-primary-reverse:focus{
  background :#e25a26;
  color : white !important;
}

.tooltips {
  position:relative; /* making the .tooltip span a container for the tooltip text */
}

.tooltips:before {
  content: attr(data-text);
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:100%;
  margin-left:15px;
  width:200px;
  padding:10px;
  border-radius:10px;
  background:#000;
  color: #fff;
  text-align:center;
  display:none; 
}
.tooltips:hover:before {
  display:block;
}

.green-label{
  color : green;
  font-weight: bold;
}
.red-label{
  color : red;
  font-weight: bold;
}

.btn-primary .material-icons,.btn-secondary .material-icons,.btn-tertiary .material-icons {
    margin-right: 0 !important;
}

/* Annonces */
#bdUpAnnonceBloc, #bdFirstResultBloc, #bdHomeBloc{
  display:none;
}

.green-badges{
  background : rgb(17, 139, 17);
  border-radius : 10px;
  padding: 3px 10px;
  color : white;
}

.orange-color, .orange-color:hover{
  color : #e25a26;
}

.no-padding{
  padding : 0 !important;
}

.clickable{
  cursor:pointer !important;
}

.card_product_monthly_price{
  font-size : 12px;
  font-weight : normal
}

#individual-picture{
    width : 70px;
    height : 70px;
    background-color: #e25a26;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    color : white;
    font-size:30px;
    margin:auto;
  }

  /* Cacher sur mobile */
.hideOnMobile {
    display: none;
}

@media (min-width: 768px) {
    .hideOnMobile {
        display: block;
    }
}

/* Cacher sur desktop */
.hideOnDesktop {
    display: block;
}

@media (min-width: 768px) {
    .hideOnDesktop {
        display: none;
    }
}

.postannoncemobile{
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fbeae0;
}

.postannoncedesktop{
  padding: 0;
    margin: 0;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.floated-right {
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #8b8b8b;
  z-index: 200;
  font-size: 42px !important;
  color: #8b8b8b;
  padding: 10px;
}
.share-button {
  right: 50px;
}
.floated-right .material-icons {
  font-size: 25px;
}

.favorite-button{
      padding: 7px;
    display: flex;
    border-radius:10px;
}
.favorite-button i {
  font-size : 12px;
}

.toast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

.toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.bd-sv-profile{
  width : 150px;
  height : 150px;
  border-radius : 150px;
}

vr{
  width : 1px;
  background : black;
  height : 100px;
}

.card-ad-title{
  background-color: rgba(0, 0, 0, 0.8);
  width : 100%;
  margin:0;
  padding: 15px 10px;
  color : white;
  font-size : 16px;
  text-transform: capitalize;
}
.card-ad-bg{
  background-size : 100% 100% !important;
  background-repeat: no-repeat !important;
  position: relative;
  width : 100% !important;
}
.bd-showmore-container{
  width: 100%;
  background-color: #e25a26;
  padding: 10px 5px;
  display:block
}
.bd-showmore-container span{
  padding: 5px 15px;
  color : rgba(255, 255, 255, 0.8);
  font-weight: bold;
}

@media (max-width: 767px) {
  .card-ad-bg{
    background-size : auto 100% !important;
  }
}

.card-image-container {
  position: relative;
  overflow: hidden;
}

.full-height-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-js{
  height : 100% !important;
}

#bigdeal-filter-product-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#index #wrapper{
  padding-top: 0 !important;
  margin-top: 0;
}