/**
 * Panneau de réservation GetYourGuide, colonne de droite des activités.
 *
 * Reprend la charte du site (variables --rta-*). Le widget lui-même est un
 * iframe servi par GetYourGuide : on ne peut pas styliser son intérieur, on
 * soigne donc son cadre et on lui laisse la largeur.
 */

.rta-gyg-panneau {
	background: #fff;
	border: 1px solid var(--rta-ligne, #E5E7EB);
	border-radius: var(--rta-r-carte, 12px);
	box-shadow: 0 4px 22px rgba(9, 32, 46, .10);
	overflow: hidden;
}

/* ------------------------------------------------------------ entête ---- */

.rta-gyg-panneau .rta-gyg-entete {
	padding: 20px 20px 16px;
	border-bottom: 1px solid var(--rta-ligne, #E5E7EB);
	background: #F7F9FB;
}

.rta-gyg-panneau .rta-gyg-sur {
	margin: 0 0 5px !important;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--rta-bleu, #1770ED);
}

.rta-gyg-panneau .rta-gyg-titre {
	margin: 0 0 6px !important;
	font-size: 1.14rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--rta-encre, #09202E);
}

.rta-gyg-panneau .rta-gyg-note {
	margin: 0 !important;
	font-size: .84rem;
	line-height: 1.5;
	color: #6B7280;
}

/* ------------------------------------------------- note GetYourGuide ---- */

/**
 * La note relevée chez GetYourGuide. La source est écrite en clair, à côté du
 * chiffre : ces avis sont collectés par eux, pas par nous, et une note sans son
 * origine se lirait comme la nôtre.
 */
.rta-gyg-panneau .rta-gyg-etoiles {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 8px !important;
	font-size: .88rem;
	line-height: 1.4;
	color: var(--rta-encre, #09202E);
}

.rta-gyg-panneau .rta-gyg-etoile {
	color: #F5A623;
	font-size: 1rem;
}

.rta-gyg-panneau .rta-gyg-etoiles strong {
	font-weight: 700;
	font-size: 1rem;
}

.rta-gyg-panneau .rta-gyg-sur5 {
	color: #6B7280;
	margin-right: 2px;
}

.rta-gyg-panneau .rta-gyg-avis {
	font-size: .8rem;
	color: #6B7280;
}

/* ------------------------------------------------------------ widget ---- */

.rta-gyg-panneau .rta-gyg {
	padding: 14px 12px 12px;
	min-height: 260px;   /* réserve la place, pour éviter le saut de mise en page */
}

/* L'iframe injecté par GetYourGuide doit occuper toute la largeur utile. */
.rta-gyg-panneau .rta-gyg iframe {
	width: 100% !important;
	max-width: 100% !important;
	border: 0 !important;
	display: block;
}

/* La mention obligatoire, discrète mais présente. */
.rta-gyg-panneau .rta-gyg-credit {
	display: block;
	margin-top: 10px;
	font-size: .72rem;
	line-height: 1.4;
	color: #9AA5B1;
	text-align: center;
}

.rta-gyg-panneau .rta-gyg-credit a {
	color: #9AA5B1 !important;
	text-decoration: underline !important;
}

.rta-gyg-panneau .rta-gyg-credit a:hover {
	color: var(--rta-bleu, #1770ED) !important;
}

/* --------------------------------------------- prix, prix barré ---- */

/**
 * Le prix affiché sur une activité GetYourGuide n'est plus une valeur saisie à
 * la main : inc-activites-gyg.php le remplace, à la lecture, par le tarif relevé
 * chez GetYourGuide. Il est donc juste, et on l'affiche.
 *
 * Reste à soigner le prix barré, que le thème sort quand il y a une remise. Il
 * doit se lire comme une ancienne valeur, pas comme le tarif du jour : c'est
 * précisément la confusion à éviter.
 *
 * La classe « rta-gyg-actif » est posée sur le body par inc-activites-gyg.php,
 * uniquement quand un identifiant est renseigné.
 */
body.rta-gyg-actif #mobile-price .onsale,
body.rta-gyg-actif .price-tour .onsale {
	text-decoration: line-through;
	opacity: .6;
	font-weight: 400;
}

/* ------------------------------------------------------------ mobile ---- */

@media (max-width: 1024px) {

	.rta-gyg-panneau {
		box-shadow: none;
		margin-bottom: 24px;
	}

	.rta-gyg-panneau .rta-gyg-entete {
		padding: 16px 16px 14px;
	}

	.rta-gyg-panneau .rta-gyg {
		padding: 12px 10px 10px;
	}
}

/* ============================================================ avis GYG ==== */

/**
 * Bloc des avis, alimenté par la note relevée chez GetYourGuide.
 *
 * Le bloc du thème comptait les commentaires WordPress, toujours à zéro sur ce
 * site, ce qui jurait avec un module de réservation annonçant des centaines
 * d'avis vérifiés. Voir l'override review.php.
 */

.rta-avis-boite {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	align-items: flex-start;
	padding: 24px;
	background: #F7F9FB;
	border: 1px solid var(--rta-ligne, #E5E7EB);
	border-radius: var(--rta-r-carte, 12px);
}

.rta-avis-note {
	flex: 0 0 auto;
	min-width: 148px;
	text-align: center;
}

.rta-avis-note .rta-avis-chiffre {
	margin: 0 !important;
	font-size: 2.7rem;
	font-weight: 700;
	line-height: 1;
	color: var(--rta-encre, #09202E);
}

.rta-avis-note .rta-avis-chiffre span {
	font-size: 1.1rem;
	font-weight: 400;
	color: #6B7280;
}

.rta-avis-etoiles {
	margin: 8px 0 6px !important;
	line-height: 1;
}

.rta-avis-etoiles .rta-etoile {
	font-size: 1.15rem;
	letter-spacing: 1px;
}

.rta-avis-etoiles .rta-etoile.pleine,
.rta-avis-etoiles .rta-etoile.demie {
	color: #F5A623;
}

.rta-avis-etoiles .rta-etoile.demie {
	opacity: .55;
}

.rta-avis-etoiles .rta-etoile.vide {
	color: #D6DBE1;
}

.rta-avis-note .rta-avis-compte {
	margin: 0 !important;
	font-size: .88rem;
	font-weight: 600;
	color: var(--rta-encre, #09202E);
}

/* ------------------------------------------------------------- texte ---- */

.rta-avis-texte {
	flex: 1 1 260px;
	min-width: 240px;
}

.rta-avis-texte .rta-avis-source {
	margin: 0 0 12px !important;
	font-size: .95rem;
	line-height: 1.6;
	color: var(--rta-encre, #09202E);
}

.rta-avis-texte .rta-avis-lien {
	margin: 0 0 10px !important;
	font-size: .95rem;
}

.rta-avis-texte .rta-avis-lien a {
	color: var(--rta-bleu, #1770ED) !important;
	font-weight: 600;
	text-decoration: underline !important;
}

.rta-avis-texte .rta-avis-mention {
	margin: 0 !important;
	font-size: .82rem;
	line-height: 1.5;
	color: #6B7280;
}

@media (max-width: 575px) {

	.rta-avis-boite {
		padding: 18px;
		gap: 18px;
	}

	.rta-avis-note {
		min-width: 100%;
		text-align: left;
	}
}