/*
****Name: Lion_reviews_to_plugin
Description: 
Author:   
Template: Divi, divi-child
*/


.lion_rvws_separator{
	margin-left:-3000px;
	margin-right:-3000px;
	margin-top: 2px;
	height:1;
	border:1px solid;
	border-color:gray;
}
.lion_rvws_wrap{
	display:block;
	position:relative;
	overflow:hidden;
			border:3px outset;
	border-radius:15px;
	border-color:orange;

}
.lion_rvws_wrap[data-direction='vertical']{
	border-color:black;
	
}
.lion_rvws_title{
	 display:flex;
		padding:2px;
		margin:2px;
			background-color:gray;

			
}
.lion_rvws_title_nos_avis{
	width:75%;
	display:flex;
		flex-direction:row;
	font-size:14pt;
	color:Ivory;
	font-weight:bold;

}
.lion_rvws_title_nos_avis[data-direction='vertical']{
	width:75%;
	display:flex;
	flex-direction:column;
	font-size:10pt;
	color:Ivory;
	z-index:9999;
}
.lion_rvws_google_reviews_logo{
	display:block;
	position:relative;
	width:50%;
	max-width:150px;
	margin-left:auto;
	 background-image: url('/wp-content/themes/divi-child/img/Google-Review-Logo.png'); 
	 background-size: 80px;
	 background-repeat: no-repeat;		
	background-position:center top; 
	text-align:center;
	min-width:150px;
	color:Ivory;
	font-weight:bold;
	background-color:Ivory;
	height:50px;
}
.lion_rvws_google_reviews_logo[data-direction='vertical']{
	background-size: 60px;
	background-position:center center; 
	min-width:80px;
	height:80px; 
}
.lion_rvws_ggl_kwds{
	margin:10px;
	padding:10px;
	display:block;
	border:3px solid;
	border-radius:5px;
	border-color:gold;
	background-color:gainsboro;
}
.lion_rvws_link_to_google{
	margin-left:auto;
	width:28%;
	margin-bottom:auto;
}
.lion_rvws_link_to_google[data-direction="vertical"]{
width:20%;
margin-left:0;
}

.lion_rvws_wrap_reviews{
 /* c'est déjà le swiper container */
	position:relative;
		width:1800px;
		z-index:5000;
}
.lion_rvw_wrap_review{
	display:flex;
	flex-direction:column;
	height:250px;
	min-height:250px;
	max-width:300px;
}
.lion_rvw_wrap_review_pop{
	position:relative;
	margin:auto;
	padding:5px;
 	border:2px outset;
	border-color:gray;
	border-radius:10px; 
	height:99%;
	 width:0.999999;
	 max-width:0.9999999;
	   background-color:rgba(220, 220, 220,80%);
	 z-index:9999;
}

.lion_rvw_swiper-slide{
	background-color:Ivory;
	opacity:1;
}
.lion_rvw_review_wrap_name{
	vertical-align:top;
	display:flex;
	background-color:lightgray;
	max-width:100%; 
	width:100%; 
	margin:0;
	padding:0;
	line-height:10px;

	}
.lion_rvw_review_wrap_name_pop{
	display:flex;
	position:relative;
	background-color:lightgray;
	 max-height:50px;
	max-width:100%; 
	width:100%; 
	margin:0;
	padding:0;
	line-height:10px;
	max-height:20px;
	}
.lion_rvw_name{
	display:flex;
	align-items:flex-start;
	position:relative;	
	margin:0;
	padding:0;
	padding:5px;
	line-height:10px;
	min-width:75%;
	max-width:100%;
	font-weight:bold;
	color:black;
}
.lion_rvw_stars{
	display:flex;
	background-color:gray;
	color:Ivory;
	height:25px; 
	max-height:25px; 
}
.lion_rvw_stars_pop{
	display:flex;
	align-items:flex-start;	
	background-color:gray;
	color:ivory;
	line-height:70px;
}
.lion_rvw_star{
position:relative;
margin-top:auto; 
	width:50px;
	height:50px;
	min-width:50px;
	min-height:50px;
	background-color:ivory;
	border:1px solid;
	border-color:blue;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_star.png);
	background-repeat:no-repeat;
	background-size: contain; 	
}
.lion_rvw_date{
	position:relative; 

	margin-left:auto;
	text-align:right;
	float:right;
	font-size:10pt;
 	width:40%;
	line-height:20px;  
}
.lion_rvw_wrap_review_txt{
	display:block;
	border:2px solid;
	height:90%;
}
.lion_rvw_review_txt{
	position:relative;
	float:left;
	display:block;
	border:2px outset;
	border-color:yellow; 
	width:100%;
	height:90%;
	max-height:300px;
	overflow-y:scroll;
}
.lion_rvw_wrap_review_txt_visible{
	margin:5px;
	padding:2px;
	font-size:10pt;
	  -webkit-hyphens: auto;
	 hyphens: auto;	
	text-wrap: wrap;
	text-wrap-mode: wrap;
	text-wrap-style: auto;
	vertical-align:top;	
	 white-space: pre-line; /* Respecte les sauts de ligne */
     /*word-wrap: break-word;  *//* Force le retour à la ligne si nécessaire */
	word-break:break-all;	
	background-color:Ivory;
	max-height:90%;
	overflow-y:scroll
}

.lion_rvw_txt_pop{
	position:relative;
	float:left;
	display:block;
	border:3px solid;
	background-color:Ivory;
	border-color:darkorange;
	border-radius:10px;
	min-height:75%;
	height:83%;
	max-height:83%;

	max-width:105%;
	overflow-y:scroll;
	  -webkit-hyphens: auto;
	 hyphens: auto;
	text-wrap: wrap;
	text-wrap-mode: wrap;
	text-wrap-style: auto;
	vertical-align:top;

	 white-space: pre-line; /* Respecte les sauts de ligne */
    /* word-wrap: break-word; */ /* Force le retour à la ligne si nécessaire */
	word-break:break-all;
	margin:10px;
	padding:10px;
	padding-right:15px;
	font-size:12pt;
}

/* Réinitialise les z-index des conteneurs Divi */
.et_pb_section,
.et_pb_row,
.et_pb_column {
    z-index: auto !important;
}
.lion_rvws_wrap_popups{
	position:absolute;
	bottom:0px;
	left:0px;
	width:10px;
}
.lion_rvw_wrap_review_txt_total{
	position:absolute; 
	z-index:9999999 !important;
	display:none; 
	visibility:hidden;
	float:left;
	opacity:1;	
	z-index:99999;
	height:530px;
	max-height:530px;
	line-height:20px;
	width:400px;
	max-width:500px;
	-webkit-hyphens: auto;
	hyphens: auto;
	text-wrap: wrap;
	text-wrap-mode: wrap;
	text-wrap-style: auto;
	border-color:gray;		
	border-left:2px outset;	
	border-right:2px outset;	
	border-top:5px outset;
	border-bottom:5px outset;
	border-radius:15px;
	overflow:visible;
}
.lion_rvw_wrap_review_txt_total['data-direction'='vertical']{
	width:350px;
	max-width:400px;	
}

.lion_rvw_wrap_review_txt_total[data-direction="vertical"]{
	top:50%;
	left:-150px;
}

.lion_rvw_5stars{
	width:100px;
	height:20px;
	min-height:20px;
	min-width:100px;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_5stars.png);

background-repeat:no-repeat;
background-size: contain; 	
}
.lion_rvw_4stars{
	width:100px;
	height:20px;
	min-height:20px;
	min-width:100px;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_4stars.png);
	background-repeat:no-repeat;
	background-size: contain; 	
}
.lion_rvw_3stars{
	width:100px;
	height:20px;
	min-height:20px;
	min-width:100px;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_3stars.png);
	background-repeat:no-repeat;
	background-size: contain; 	
}
.lion_rvw_2stars{
	width:100px;
	height:20px;
	min-height:20px;
	min-width:100px;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_2stars.png);
	background-repeat:no-repeat;
	background-size: contain; 	
}
.lion_rvw_1stars{
	width:100px;
	height:20px;
	min-height:20px;
	min-width:100px;
	display:inline-block;
	float:left;
	background-image:url(/wp-content/themes/divi-child/img/pn_gg_1stars.png);
	background-repeat:no-repeat;
	background-size: contain; 	
}
.lion_rvw_btn:hover{
	background-color:orange;
	cursor:pointer;
}
.lion_rvw_btn{
	position:absolute;
	bottom:5px;
	right:5px;
	float:right;
}
.lion_rvw_separator{
	margin-top:50px;
	display:block;
	min-height:50px;
	background-color:gray;
}
.lion_rvw_croix_close{
	position:absolute;
	right:0px;
	width:20px;
	height:20px; 
	display:flex;
	margin-left:auto;
	margin-right:10px;
	background-image:url(/wp-content/themes/divi-child/img/croix_close_fd_orange.png);
	background-repeat:no-repeat;
	background-size: 20px 20px ;
	background-position:-2px -2px;
	border:2px solid;
	border-radius:15px;
	border-color:orange;
}
.lion_rvw_croix_close:hover{
	border:3px outset;
	border-color:gray;
	background-color:gray;
	cursor:pointer;
}
.debug{
	border:2px solid;
	border-color:red;
	background-color:yellow;
}
@media (max-width: 900px) {
	.lion_rvws_title_nos_avis{
		font-size:8pt;
	}
	.lion_rvws_google_reviews_logo{
		max-width:60px;
		width:30%;
		background-size: 20px;
	}
	.lion_rvw_wrap_review_txt_total{
		left:0;
		top:200px; 
		width:100%;
	}
.lion_rvw_wrap_review_txt_total[data-direction="vertical"]{
		left:0;
		top:200px; 
		width:100%;
	}
}
.lion_rwvs_swiper-container[data-direction="vertical"]{
	position:relative;
	top:1000px;
	padding-top:250px;
	padding-bottom:250px;
	/* background-color:blue;  */
	overflow:hidden;
}

.lion_rvws_swiper[data-direction="vertical"] {
	position:relative;	
/* 	border:2px solid;
	border-color:cyan; */
	overflow:hidden;
	padding-top:50px;
}
.lion_rvws_swiper-wrapper{
	background-color:Ivory;
	opacity:1;
}
.lion_rvws_swiper-wrapper[data-direction="vertical"]{
	height:750px;
	max-height:1250px;
	border:2px solid; 
	border-color:green; 
}
.lion_rvws_btns_navig{
	position:absolute; 
	display:flex; 
	height:50px;
	top:70%; 
	min-width:100%;
}
.lion_rvws_btns_navig[data-direction="vertical"]{
	position:absolute; 
	display:flex; 
	flex-direction:column;
	height:100%;
	 top:0%; 
	 left:40%;
	min-width:20%;
	z-index:313213213213213; 
}
.lion_rvws_button-prev{
	 background-color:orange;
	 border:1px solid;
	 border-radius:5px;
	border-color:blue;
}
.lion_rvws_button-prev[data-direction="vertical"]{
	position:absolute;
	top:250px;
    left: 50%;
    margin-left: -20px;
}
.lion_rvws_button-next{
	display:flex;
	margin-left:auto;
	min-width:30px;
	  background-color:orange;
	 border:1px solid;
	 border-radius:5px;
	border-color:blue;	  
}

.lion_rvws_button-next[data-direction='vertical']{
	position:absolute;
	bottom:20px;
    left: 50%;
    margin-left: -20px;
}
.lion_rvws_button-next::after {  
  /* content: '→'; */ /* Or use SVG: content: url("data:image/svg+xml,..."); */  
  font-size: 24px;  
  color: darkorange; /* #333; Dark gray color */  
  font-weight: bold;  
  background-color:orange;
}  
@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeOutUp {
    from {
        opacity:1;
        transform:translateY(20px);
    }
    to {
        opacity: 0;
        transform: translateY(0);
    }
}
.lion_rvws_swiper-container{
position:relative;
}
/* 1. Hide the buttons on page load with a smooth transition */
.lion_rvws_swiper-container .lion_rvws_button-next,
.lion_rvws_swiper-container .lion_rvws_button-prev,
.lion_rvws_swiper .lion_rvws_button-next,
.lion_rvws_swiper .lion_rvws_button-prev{
  opacity:0;
  pointer-events: none; /* Prevents clicking invisible buttons */
  /* transition: opacity 3s ease-in-out; */
 animation: fadeOutUp 3s ease-out; 
}

/* 2. Fade buttons in when mouse enters the container */
.lion_rvws_swiper-container:hover .lion_rvws_button-next,
.lion_rvws_swiper-container:hover .lion_rvws_button-prev,
.lion_rvws_swiper:hover .lion_rvws_button-next,
.lion_rvws_swiper:hover .lion_rvws_button-prev {
   opacity: 1; 
  pointer-events: auto; /* Restores button clicks */
   animation: fadeInUp 3s ease-out ; 
}

/* 3. Maintain handling for disabled buttons when slider hits the start/end */
.lion_rvws_swiper-container .lion_rvws_button-disabled,
.lion_rvws_swiper .lion_rvws_button-disabled {
  opacity: 0 !important; /* Forces disabled buttons to stay hidden even on hover */
  pointer-events: none;
}