/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 01 2026 | 12:04:39 */
.mt-40 {
	margin-top: clamp(20px, 5vw, var(--mt-40));
}
/* BR DESKTOP*/

/* Par défaut → mobile + tablette */
.br-desktop {
  display: none;
}

/* Desktop uniquement */
@media (min-width: 1024px) {
  .br-desktop {
    display: inline;
  }
}

/*TAG-WM*/
@keyframes shine {
    0%   { left: -75%; }
    30%  { left: 125%; }
    100% { left: 125%; }
}

.tag-wm-title {
    position: relative;
    overflow: hidden;
    background-color: var(--accent-t-12);
    border: 1px solid var(--accent-trns-stroke);
    border-radius: var(--border-radius-50);
    padding: 10px 25px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
	width:fit-content;
}

.tag-wm-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(214, 153, 111, 0)    0%,
        rgba(214, 153, 111, 0.15) 50%,
        rgba(214, 153, 111, 0)    100%
    );
    transform: skewX(-15deg);
    animation: shine 3s infinite;
    pointer-events: none;
}

.tag-wm-title svg { height: 24px; }
.tag-wm-title span {
    font-size: clamp(13px, 2vw, 16.5px);
    color: var(--accent);
	display:block;
	font-family:var(--title-font);
}

/*TAG-WM*/

/* BTN-WM-HERO */ 

/*.btn-wm-hero  {
	border:2px solid var(--btn-wm-hero);
	color:var(--btn-wm-hero);
	border-radius:var(--border-radius-12);
	padding:18px 25px;
	background-color:transparent;
	font-weight:500;
	font-size:18px;
}*/

.btn-wm-hero {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:fit-content;
  border: 2px solid var(--btn-wm-hero);
  color: var(--btn-wm-hero);
  border-radius: var(--border-radius-12);

  padding: 18px 28px;
  background: transparent;

  font-weight: 500;
  font-size: 18px;

  cursor: pointer;
  gap: 8px;

  transition: 
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.3s ease,
    color 0.3s ease;
}

.btn-wm-hero-dark {
	border: 2px solid var(--main);
  	color: var(--main);
}

/* SHINE EFFECT (uniquement au hover) */
.btn-wm-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;

  background: linear-gradient(
    120deg,
    rgba(214, 153, 111, 0) 0%,
    rgba(214, 153, 111, 0.15) 50%,
    rgba(214, 153, 111, 0) 100%
  );

  transform: skewX(-15deg);
  opacity: 0;

  pointer-events: none;
  z-index: 0;
}

/* contenu au-dessus */
.btn-wm-hero span,
.btn-wm-hero i {
  position: relative;
  z-index: 1;
}

/* flèche */
.btn-wm-hero i {
  margin-left: 6px;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* HOVER */
.btn-wm-hero:hover {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-2px);
}

/* activation shine */
.btn-wm-hero:hover::before {
  opacity: 1;
  animation: btn-shine 1.2s ease forwards;
}

/* flèche motion */
.btn-wm-hero:hover i {
  transform: translateX(10px);
}

/* animation shine */
@keyframes btn-shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

/* click */
.btn-wm-hero:active {
  transform: scale(0.97);
}

@media (max-width: 991px) {
	.btn-wm-hero {
    	padding: 13px 15px!important;
		font-size:16px;
		width:100%;
	}
}

/* BTN-WM-HERO */ 

/*tag-wm-white*/

.tag-wm-white {
	background: #FDFDFD;
	border: 1px solid #F0F0F0;
	box-shadow: 0px 0px 10.6px rgba(0, 0, 0, 0.03);
	border-radius: 9px;
	display:inline-flex;
	gap:7px;
	align-items:center;
	padding:8px 20px;
	width: fit-content;
	margin:0 auto;
}

.tag-2-w {
	display:flex!important;
	flex-direction:column;
	align-items:start!important;
	box-shadow:none!important;
}

.tag-w-2-icon {
	display:flex;
	align-items:center;
	gap:0px 5px;
	flex-wrap:nowrap;
}

.tag-wm-white svg {
	height:24px;
}

.tag-wm-white span {
	font-size:var(--clear-dark-tag-sz);
    color: black;
    font-weight: 500;
}


/*//tag-wm-white*/

/*tag-wm-dark*/
.tag-wm-dark {
	border: 1px solid #F0F0F0;
	border-radius: 9px;
	display:inline-flex;
	gap:7px;
	align-items:center;
	padding:8px 20px;
	width: fit-content;
	margin: 0 auto;
}

.tag-wm-dark svg {
	height:24px;
}

.tag-wm-dark span {
	font-size:var(--clear-dark-tag-sz);
    color: white;
    font-weight: 500;
}
/*//tag-wm-dark*/