/* 
Theme Name:     AROBAS
Theme URI: 		http://www.agencearobas.ca
Description: Thème personnalisé pour le client. Habituellement développé à partir d'un PSD fournis par votre agence de communication. Pour plus d'informations, veuillez communiquer avec votre agence.
Author:         AROBAS 
Theme URI: 		http://www.agencearobas.ca
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.nomargin,
.nomargin p,
.no-margin,
.no-margin p,
.nopadding,
.nopadding p,
.no-padding,
.no-padding p{margin:0 !important; padding:0 !important}

/* RATINGS */
.wl-ratings-note {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px;
}

.wl-ratings-note .wl-stars .star {
    display: inline-block;
    color: gray;
    position: relative;
    margin: -3px;
	font-size: 18px;
	
}
.wl-ratings-note .wl-stars .star:before {
    content: '\2605';
}

.wl-ratings-note .wl-stars .star.full {
	color: gold;
}

.wl-ratings-note .wl-stars .star.half:after {
    content:'\2605';
    color: gold;
    position: absolute;
    width: 50%;
    overflow: hidden;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.wl-ratings-note .wl-meta {
	font-family: "Oxygen", sans-serif;
	font-size: 12.75px;
	font-style: italic;
	font-weight: 400;
}

#wl-rating-message {
	text-align: center;
	margin-top: 10px;
}

#wl-rating-form {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
#wl-rating-form button[type="submit"] {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background-color: #FF804A;
	border-color: #FF804a;
	color: #ffffff;
	font-family: "Oxygen", sans-serif;
	font-size: 16px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
}
#wl-rating-form:has(input[type="radio"]:checked) button[type="submit"] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 60px;
  margin-top: 15px;
  animation: slideInUp 0.4s ease-out;
}

/* Animation d'apparition du bouton */
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.wl-rating-group {
  display: inline-flex;
  flex-direction: row-reverse; /* Pour que 5 soit à gauche */
  justify-content: center;
  gap: 0;
  position: relative;
}

.star-rating {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border: none;

  /* visually hide radio input, but leave accessible to screen readers */
  input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  /* settable properties */
  --star-size: 2rem;
  --star-gap: 0.33rem;
  /* computed properties */
  --star-height: var(--star-size);
  --star-width: calc(var(--star-size) / 2);
  --star-width-plus-gap: calc(var(--star-width) + var(--star-gap));
  label {
    display: block;
    height: var(--star-height);
    width: var(--star-width);
    background-color: #ddd;
  }
  /* full star steps; right-handed half star */
  label:nth-of-type(odd) {
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M0 0c12.2.1 23.3 7 28.6 18L93 150.3l143.6 21.2c12 1.8 22 10.2 25.7 21.7 3.7 11.5.7 24.2-7.9 32.7L150.2 329l24.6 145.7c2 12-3 24.2-12.9 31.3-9.9 7.1-23 8-33.8 2.3L0 439.8V0Z"/></svg>') no-repeat;
    width: var(--star-width-plus-gap);
    mask-size: var(--star-width);
  }
  /* half star steps; left-handed half star */
  label:nth-of-type(even) {
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path d="M264 0c-12.2.1-23.3 7-28.6 18L171 150.3 27.4 171.5c-12 1.8-22 10.2-25.7 21.7-3.7 11.5-.7 24.2 7.9 32.7L113.8 329 89.2 474.7c-2 12 3 24.2 12.9 31.3 9.9 7.1 23 8 33.8 2.3L264 439.8V0Z"/></svg>') no-repeat;
  }
  label:first-of-type {
    width: var(--star-width);
  }

  /* highlight current and previous stars */
  input:checked + label:hover, input:checked ~ label:hover,
  /* highlight previous selected stars for new rating */
  input:checked ~ label:hover ~ label,
  /* highlight previous selected stars */
  label:hover ~ input:checked ~ label {
    background-color: gold;
  }

  /* color current and previous stars on checked */
  input:checked ~ label, 
  /* color previous stars on hover */
  label:hover, label:hover ~ label {
    background-color: goldenrod;
  }
}


/* /RATINGS */