/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 05 2026 | 12:02:12 */
/**------------------------------------------**/
/**------------------------------------------**/
.texte-avec-trait{
  position: relative;
  padding-left: 24px; /* espace entre le trait et le texte */
}

.texte-avec-trait::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 6px;                /* épaisseur du trait */
  background-color: #4fb3a8; /* couleur du trait */
  border-radius: 6px;        /* arrondi haut + bas */
}

@media (max-width: 980px){
  .texte-avec-trait::before{
    width: 4px;
    border-radius: 4px;
  }

  .texte-avec-trait{
    padding-left: 18px;
  }
}

/**------------------------------------------**/
/**------------------------------------------**/

.style-section-boutique h2{
	font: 700 30px 'Raleway', sans-serif;
}

/**------------------------------------------**/
/**------------------------------------------**/
@media (max-width: 980px){
  .cta-btn--secondary{
    width: 100% !important;
  }
}

.cta-btn-categories{
  display:block;
  width:100%;
  max-width:640px;
  margin:0 auto;
  padding:18px 0;
  text-align:center;
  font-size:26px;
  font-weight:700;
  text-decoration:none;
  color:#eaf4f2;


  background:rgba(20, 40, 36, 0.35);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  border-radius:5px;
  border:2px solid rgba(140, 220, 210, 0.55);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.05),
    0 8px 24px rgba(0,0,0,0.35);

  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.1s ease;
}

.cta-btn-categories:hover{
  background:rgba(20, 40, 36, 0.45);
  border-color:rgba(140, 220, 210, 0.8);
}

.cta-btn-categories:active{
  transform:translateY(1px);
}




/**------------------------------------------**/
.boutique-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;  
}



@media (max-width: 980px){
  .boutique-cta{
    flex-direction: column;
    align-items: stretch;   /* important: pour étirer */
    justify-content: flex-start;
    gap: 12px;              /* espace entre boutons */
	width: 100%;
  }
}

.cta-style-1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background-color: #4fb3a2;
  color: #ffffff;

  font-size: 16px;
  font-weight: 600;
  line-height: 1;

  padding: 14px 28px;
  border: none;
  border-radius: 8px;
  cursor: pointer;


  box-shadow:
    2px 4px 0 #3f9487,
    4px 8px 16px rgba(0, 0, 0, 0.14);

	
  transition: all 0.14s cubic-bezier(.2, .6, .3, 1);

}

.cta-style-1-width {
  width: 100%;
}


.cta-style-1:hover {
  background-color: #48aa9a!important;
  transform: translate(0.5px, 0.5px);
  box-shadow:
    1px 2px 0 #3f9487,
    2px 4px 10px rgba(0, 0, 0, 0.18);
}

.cta-style-1:active {
  transition: none;
  background-color: #429c8d;
  transform: translate(0.5px, 0.5px);
  box-shadow:
    1px 2px 0 #3f9487,
    2px 4px 10px rgba(0, 0, 0, 0.18);
}

.cta-style-1:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px rgba(79, 179, 162, 0.35),
    2px 4px 0 #3f9487,
    4px 8px 16px rgba(0, 0, 0, 0.14);
}



/** -------------------------------------- **/

/** ----------- PAGE PRESTATION ---------- **/
/* HERO BANNER SLIDER */
.slick-prestation-hero-banner {
	display: flex;
}
.slick-prestation-hero-banner h2 {
	color: #FFF;
	font-size: 50px;
}
.slick-prestation-hero-banner p {
	color: #FFF;
	padding: 45px 0px !important;
}
.slick-prestation-hero-banner .slick-slide a{
	width: 30% !important;
	padding: 10px 0px !important;
}
.slick-prestation-hero-banner .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin-top: 30px;
}
.slick-prestation-hero-banner .slick-dots button {
	display: flex;
	align-items: center;
	background: rgba(0,0,0, 25%);
	font-size: 0px;
	padding: 3px 50px;
	border: none;
	transition: all 0.2s linear;
}
/* CARD TAGS */
.boutique-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.pack-card{
  color: #fff;
  z-index: 1;
  font-size: 20px;
  font-weight: 600;
}

.boutique-card h2 {
  color: #fff;
  z-index: 1;
  font-size: 25px;
  font-weight: bold;
}



.boutique-card .tag{
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px; /* row-gap / column-gap */
}

.boutique-card .tag h3 {
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 5px;
}


.boutique-card .tag span {
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 5px;
}
.boutique-card .tag .clarter{
	background: #A74CA9;
}
.boutique-card .tag .apaisement{
	background: #2E8B6D;
}
.boutique-card .tag .recul{
	background: #3F7CAC;
}
.boutique-card .tag .decision{
	background: #8C5A2B;
}
/* CARD CONTENT */
.boutique-card .content i {
 color: #FFC300;
}
.boutique-card .content span {
 color: #FFF;
}



/**-------------TEST-------------**/
.titre-spirituel{
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}

