@font-face {
 font-family: Plant;
 src: 
        url("../medias/fonts/CherryBombOne-Regular.ttf");
		font-weight:bold;
}

#title_nav
{
	
	font-size:35px;
	font-family:Plant;
}
body
{
	font-weight:normal;
}

.page-link:hover
{
	color:#B8E1C4;
	font-weight:normal;
	
}
.page-link
{
	color:#B8E1C4;
	font-weight:normal;
}
.footer {
  padding: 2.5rem 0;
  color: #000;
  text-align: center;
  min-height:300px;
  background-color: #FFF;
  border-top: .05rem solid #B8E1C4;
  font-weight:normal;
  margin-top:5%;
}
.footer a{
	color:#000;
	text-decoration: none;

}
.footer_container
{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
.footer_container_block
{
	padding-right:4%;
	padding-left:4%;
}



.spe_letter{
	color:#B8E1C4 /*80BA27;*/
}

.td_basket_quantity
{
	min-width:93px;
	vertical-align: middle;
	text-align:center;"
}
.td_basket_price
{
	vertical-align: middle;
	text-align:center;"
}
.txt_small
{
	font-size:small;
}
/*---------------- RANGE CSS -------------------*/
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 100px;
      -webkit-appearance: none;
      background-color: #fff;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 15px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 20px;
      background: #434343;
      box-shadow: -100px 0 0 100px #B8E1C4;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #B8E1C4; 
}
input[type="range"]::-moz-range-track {  
  background-color: #000;
}


/* ===== Bottom Sheet Popup ===== */
#basketPopup { 
  position: fixed; inset: 0; z-index: 9999; 
  display: none; 
}
#basketPopup.is-open { display: block; }
#basketPopup .bp-backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,.35);
  opacity: 0; transition: opacity .25s ease;
}
#basketPopup.is-open .bp-backdrop { opacity: 1; }

#basketPopup .bp-sheet {
  position: absolute; left: 50%; transform: translateX(-50%) translateY(100%);
  bottom: 0; width: min(620px, 92vw);
  background: #fff; color:#222; border-radius: 14px 14px 0 0;
  box-shadow: 0 -8px 32px rgba(0,0,0,.2);
  padding: 16px; 
  transition: transform .28s ease;
}
#basketPopup.is-open .bp-sheet { transform: translateX(-50%) translateY(0); }

.bp-header { display:flex; align-items:center; justify-content: space-between; gap: 12px; }
.bp-close { 
  border: none; background: transparent; font-size: 28px; line-height:1; cursor: pointer;
}
.bp-text { margin: 8px 0 14px; }

.bp-actions { display:flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.bp-btn {
  appearance:none; border:none; cursor:pointer; font-weight:600;
  padding: 10px 14px; border-radius: 8px; 
}
.bp-primary { background:#6FBF73; color:#fff; }
.bp-primary:hover { background-color:#8CC78B; }
.bp-secondary { background:#f2f4f7; color:#111; }
.bp-secondary:hover { filter: brightness(0.97); }

/* Petits écrans : full width pour les boutons */
@media (max-width:480px){
  .bp-actions { flex-direction: column; }
  .bp-btn { width:100%; }
}



.btn-success
{
	background-color:#6FBF73;
	border-color:#6FBF73;
	 border-top-right-radius: 1rem; /* arrondi haut droit */
			  border-bottom-left-radius: 1rem; /* arrondi bas gauche */
}
.btn-success:hover, .btn-success:focus
{
	background-color:#FFD8DB;
	border-color:#FFD8DB;
	
}
/* Animations to fade the snackbar in and out */
@-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;}
}
.price-cell {
  text-align: right;
  padding: 0.5em 1em;
}

.price {
  color: #444; /* plus doux que #6FBF73 */
  font-size: 1.7em; /* équivalent à x-large mais responsive */
  font-weight: bold;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); /* léger ombrage */
  
}
.price_promo {
	color:#777;
	  font-size: 1.2em; /* équivalent à x-large mais responsive */
	  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05); /* léger ombrage */
}
	#RGPGCOOKIE
		{
			position:fixed;
			bottom:0;
			z-index:1;
			width:100%;
			margin-bottom:0;
		}
html {
  color-scheme: light !important;
  background: #fff;
  color: #000;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #fff !important;
    color: #000 !important;
  }
}
.btn:focus, 
.btn:active:focus, 
.btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}