/* ==========================================================================
   Avis clients — styles réutilisables (panier, etc.)

   Contient les styles de base des sections homepage + override CusRev.
   Fichier autonome chargé hors homepage (la homepage utilise homepage.css).
   ========================================================================== */

/* --- Layout de base (sections) --- */

.cristime-hp-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}

.cristime-hp-section {
	padding: 4rem 0;
}

.cristime-hp-section--alt {
	background-color: #fff;
}

/* --- Titres de section --- */

.cristime-hp-section__title {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0 0 2rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #1a1a1a;
	line-height: 1.3;
}

.cristime-hp-section__title::after {
	content: '';
	flex: 1;
	height: 2px;
	background-color: #CAB49B;
}

/* --- Pied de section (lien « Voir tout ») --- */

.cristime-hp-section__footer {
	text-align: center;
	margin-top: 2.5rem;
}

.cristime-hp-section__link {
	display: inline-block;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.2s;
}

.cristime-hp-section__link:hover {
	color: #CAB49B;
}

/* ==========================================================================
   Override CusRev (slider avis)
   ========================================================================== */

.cristime-hp-reviews__wrapper {
	margin-bottom: 0.5rem;
}

/* Police Jost sur tout le bloc CusRev */
.cristime-hp-reviews .cr-reviews-slider,
.cristime-hp-reviews .cr-reviews-slider * {
	font-family: 'Jost', sans-serif !important;
}

/* Conteneur slider — supprime les bordures/fond CusRev */
.cristime-hp-reviews .cr-reviews-slider {
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
	overflow: visible !important;
}

/* clip en X = masque les slides hors écran, visible en Y = ombre non coupée */
.cristime-hp-reviews .slick-list {
	overflow-x: clip !important;
	overflow-y: visible !important;
}

/* Cards avis — override des styles inline CusRev */
.cristime-hp-reviews .cr-review-card-inner {
	background: #fff !important;
	border: 1px solid #f0ece7 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	padding: 1.75rem !important;
	transition: box-shadow 0.3s !important;
}

.cristime-hp-reviews .cr-review-card:hover .cr-review-card-inner {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
}

/* Séparateur sous le nom — couleur harmonisée */
.cristime-hp-reviews .top-row {
	border-bottom-color: #e5e5e5 !important;
	border-bottom-width: 1px !important;
}

/* Avatar */
.cristime-hp-reviews .cr-avatar {
	border-radius: 50% !important;
}

/* Nom du reviewer */
.cristime-hp-reviews .reviewer-name {
	font-weight: 600 !important;
	color: #1a1a1a !important;
	font-size: 0.9rem !important;
}

/* Badge vérifié */
.cristime-hp-reviews .reviewer-verified {
	font-size: 0.75rem !important;
	color: #999 !important;
}

/* Étoiles — override du stroke inline #FFBC00 */
.cristime-hp-reviews .cr-rating-icon-bg {
	stroke: #CAB49B !important;
	fill: #CAB49B !important;
}

.cristime-hp-reviews .crstar-rating-svg svg {
	fill: #CAB49B !important;
}

/* Label note (ex: "5/5") */
.cristime-hp-reviews .rating-label {
	font-size: 0.8rem !important;
	color: #666 !important;
}

/* Texte de l'avis */
.cristime-hp-reviews .review-text {
	font-size: 0.9rem !important;
	line-height: 1.65 !important;
	color: #444 !important;
}

/* Date de l'avis */
.cristime-hp-reviews .datetime {
	font-size: 0.75rem !important;
	color: #999 !important;
}

/* Flèches de navigation Slick — simples, sans cercle */
.cristime-hp-reviews .slick-prev,
.cristime-hp-reviews .slick-next {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 1;
}

.cristime-hp-reviews .slick-prev:hover,
.cristime-hp-reviews .slick-next:hover {
	background: transparent !important;
}

/* Override la police Slick (qui dessine un cercle) par une flèche simple */
.cristime-hp-reviews .slick-prev::before,
.cristime-hp-reviews .slick-next::before {
	font-family: 'Jost', sans-serif !important;
	content: '‹' !important;
	font-size: 2rem !important;
	color: #999 !important;
	opacity: 1 !important;
	transition: color 0.2s;
}

.cristime-hp-reviews .slick-next::before {
	content: '›' !important;
}

.cristime-hp-reviews .slick-prev:hover::before,
.cristime-hp-reviews .slick-next:hover::before {
	color: #CAB49B !important;
}

/* Masquer les dots de pagination */
.cristime-hp-reviews .slick-dots {
	display: none !important;
}

/* --- Responsive --- */

@media (max-width: 768px) {
	.cristime-hp-container {
		padding: 0 1.25rem;
	}

	.cristime-hp-section {
		padding: 2.5rem 0;
	}

	.cristime-hp-section__title {
		font-size: 1.15rem;
	}
}