/*
 * WinWin : events du club. Page Events (shortcode [winwin_rendez_vous]) : les events ouverts a la participation en
 * cartes compactes (aussi dans l'espace membre, page Connexion), puis les suivants et les passes en lignes.
 * Bandeau, boutons et messages : connexion.css. Charte : site.css.
 */

.ww-rdv {
	padding-bottom: clamp(48px, 7vw, 96px);
	background: var(--ww-cream);
	font-family: var(--ww-sans);
	color: var(--ww-ink);
}

/* Bandeau sans chevauchement : la liste commence par son titre, sous le bandeau */
.ww-rdv .ww-espace-bandeau {
	padding-bottom: clamp(26px, 4.5vw, 60px);
}

.ww-rdv-contenu {
	display: grid;
	gap: clamp(28px, 4vw, 44px);
	width: min(960px, calc(100% - 2 * var(--ww-gutter)));
	margin: clamp(28px, 4vw, 44px) auto 0;
}

.ww-rdv-vide {
	margin: 0;
	color: var(--ww-ink-soft);
}

/* Events ouverts a la participation : l'un sous l'autre, cote a cote sur grand ecran */
.ww-rdv-cartes {
	display: grid;
	gap: 12px;
}

@media (min-width: 900px) {
	.ww-rdv-cartes {
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	}
}

/* Dans l'espace membre : a cheval sur le bandeau, la fiche juste dessous */
.ww-espace .ww-rdv-cartes {
	width: min(1120px, calc(100% - 2 * var(--ww-gutter)));
	margin: calc(-1 * clamp(40px, 5vw, 72px)) auto 0;
}

.ww-espace .ww-rdv-cartes + .ww-fiche {
	margin-top: 16px;
}

/* Carte compacte : pastille calendrier a gauche, le reste a droite */
.ww-rdv-carte {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	padding: 16px 18px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 30px 60px -44px rgba(42, 35, 32, .55);
}

/* After-work : liseré bronze, comme sa ligne */
.ww-rdv-carte.ww-rdv-carte--soir {
	box-shadow: inset 4px 0 0 var(--ww-bronze), 0 30px 60px -44px rgba(42, 35, 32, .55);
}

/* Dans la liste "A venir" : une ombre legere, qui ne deborde pas sur les lignes voisines */
.ww-rdv-liste .ww-rdv-carte {
	box-shadow: 0 16px 30px -24px rgba(42, 35, 32, .5);
}

.ww-rdv-liste .ww-rdv-carte.ww-rdv-carte--soir {
	box-shadow: inset 4px 0 0 var(--ww-bronze), 0 16px 30px -24px rgba(42, 35, 32, .5);
}

/* Vacances scolaires : fond sable et liseré, comme sa ligne */
.ww-rdv-carte.ww-rdv-carte--vacances {
	background: var(--ww-sand-light);
	box-shadow: inset 4px 0 0 var(--ww-sand), 0 30px 60px -44px rgba(42, 35, 32, .55);
}

.ww-rdv-liste .ww-rdv-carte.ww-rdv-carte--vacances {
	box-shadow: inset 4px 0 0 var(--ww-sand), 0 16px 30px -24px rgba(42, 35, 32, .5);
}

.ww-rdv-carte--vacances .ww-rdv-calendrier {
	background: #fff;
}

:is(.ww-rdv, .ww-espace) .ww-rdv-carte :is(h3, p) {
	margin: 0;
}

.ww-rdv-calendrier {
	display: grid;
	justify-items: center;
	width: 58px;
	padding: 8px 0 9px;
	border-radius: 8px;
	background: var(--ww-cream);
	line-height: 1.15;
	text-align: center;
}

.ww-rdv-calendrier span {
	font-size: .62rem;
	font-weight: 500;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ww-bronze);
}

.ww-rdv-calendrier strong {
	font-family: var(--ww-serif);
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.05;
	color: var(--ww-ink);
}

.ww-rdv-carte--soir .ww-rdv-calendrier {
	background: var(--ww-sand);
}

.ww-rdv-carte--soir .ww-rdv-calendrier span {
	color: var(--ww-ink);
}

.ww-rdv-corps {
	display: grid;
	justify-items: start;
	gap: 3px;
	min-width: 0;
}

/* Surtitre et etiquettes : alignes, meme quand ils passent a la ligne */
.ww-rdv-carte .ww-auth-surtitre {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
	font-size: 10.5px;
	letter-spacing: .2em;
}

/* L'event du jour : un léger encart vert (liseré, fond teinté) et "Aujourd'hui" en pastille */
.ww-rdv-carte.ww-rdv-carte--jour,
.ww-rdv-liste .ww-rdv-carte.ww-rdv-carte--jour {
	background: linear-gradient(90deg, rgba(47, 122, 59, .07), rgba(47, 122, 59, 0) 70%), #fff;
	box-shadow: inset 4px 0 0 #2f7a3b, 0 16px 30px -24px rgba(42, 35, 32, .5);
}

.ww-rdv-carte--jour .ww-rdv-surtitre {
	padding: 3px 10px;
	border-radius: 999px;
	background: #2f7a3b;
	color: #fff;
	letter-spacing: .16em;
}

.ww-rdv-carte--jour .ww-rdv-calendrier {
	background: rgba(47, 122, 59, .12);
}

.ww-rdv-carte--jour .ww-rdv-calendrier span {
	color: #24562d;
}

/* Titre de la carte : l'heure et le lieu (la date est sur la pastille) */
.ww-rdv-carte-date {
	font-family: var(--ww-serif);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.15;
	color: var(--ww-ink);
}

.ww-rdv-compte {
	font-size: .85rem;
	color: var(--ww-ink-soft);
}

/* Carte qui mene au diaporama des participants : un lien sur toute la carte, une fleche a droite (comme les lignes
   des events passes) ; "Je serai la" passe au-dessus du lien. */
.ww-rdv-carte--lien {
	padding-right: 48px;
	transition: box-shadow .4s var(--ww-ease), transform .4s var(--ww-ease);
}

.ww-rdv-carte-lien {
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.ww-rdv-carte-lien:focus-visible {
	outline: 2px solid var(--ww-bronze);
	outline-offset: 2px;
}

.ww-rdv-carte--lien::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: var(--ww-bronze);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .4s var(--ww-ease);
}

.ww-rdv-carte--lien:hover {
	transform: translateY(-2px);
}

.ww-rdv-carte--lien:hover::after {
	transform: translateX(4px);
}

.ww-rdv-carte .ww-alerte {
	justify-self: stretch;
	margin-top: 6px !important;
	padding: 10px 14px 10px 40px !important;
	font-size: .85rem;
	background-position: left 14px center;
}

/* Participation ("Je serai la"), au-dessus du lien de la carte ; .ww-rdv-carte devant : l'emporte sur la marge des formulaires du theme */
.ww-rdv-carte .ww-rdv-presence {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 16px;
	margin: 8px 0 0;
}

/* Participation : un interrupteur a trois positions. Sans reponse : le curseur au milieu (gris, "?"), un bouton par
   moitie (rose a gauche : absent ; vert a droite : present). Une fois repondu : deux positions, il bascule d'un clic
   (rendez-vous.js). Aussi pour chaque personne dans la page Back (back.js). La carte ou la page devant : l'emporte sur
   le style des boutons du theme, survol compris. */
:is(.ww-rdv-carte, .ww-back) .ww-interrupteur {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 4px 0;
	font: 500 .92rem/1.3 var(--ww-sans);
	color: var(--ww-ink-soft);
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur-choix,
:is(.ww-rdv-carte, .ww-back) .ww-interrupteur-choix:is(:hover, :focus, :active) {
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: 0;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: none;
	box-shadow: none;
	cursor: pointer;
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur-choix:focus-visible {
	outline: 2px solid var(--ww-bronze);
	outline-offset: 2px;
}

/* Sans reponse : chaque bouton sur sa moitie de la piste ; repondu : le bouton de l'autre reponse couvre tout */
:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="nsp"] .ww-interrupteur-choix {
	width: 36px;
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="nsp"] .ww-interrupteur-choix--oui {
	left: 36px;
}

.ww-interrupteur[data-etat="oui"] .ww-interrupteur-choix--oui,
.ww-interrupteur[data-etat="non"] .ww-interrupteur-choix--non {
	display: none;
}

.ww-interrupteur-piste {
	position: relative;
	flex: none;
	width: 46px;
	height: 26px;
	border-radius: 13px;
	background: #d3ccc6;
	transition: background .25s, width .25s var(--ww-ease);
}

.ww-interrupteur-piste::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff center / 12px no-repeat;
	box-shadow: 0 1px 3px rgba(42, 35, 32, .3);
	transition: transform .25s var(--ww-ease);
}

/* Sans reponse : piste plus longue, rose a gauche et verte a droite, curseur au milieu */
.ww-interrupteur[data-etat="nsp"] .ww-interrupteur-piste {
	width: 72px;
	background: linear-gradient(90deg, #f1bccb 0 34%, #d3ccc6 34% 66%, #b9dcc0 66%);
}

.ww-interrupteur[data-etat="nsp"] .ww-interrupteur-piste::after {
	transform: translateX(23px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a817a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M9.2 9a2.8 2.8 0 1 1 4.2 2.4c-.9.5-1.4 1.1-1.4 2.1'/%3E%3Cpath d='M12 17.6h.01'/%3E%3C/svg%3E");
}

.ww-interrupteur[data-etat="oui"] .ww-interrupteur-piste {
	background: #2f7a3b;
}

.ww-interrupteur[data-etat="oui"] .ww-interrupteur-piste::after {
	transform: translateX(20px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a3b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8.5'/%3E%3C/svg%3E");
}

.ww-interrupteur[data-etat="non"] .ww-interrupteur-piste {
	background: #dd6f8f;
}

.ww-interrupteur[data-etat="non"] .ww-interrupteur-piste::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2466b' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="oui"] {
	color: #24562d;
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="non"] {
	color: #a8325a;
}

.ww-interrupteur:not([data-etat="oui"]) .ww-interrupteur-oui,
.ww-interrupteur:not([data-etat="non"]) .ww-interrupteur-non,
.ww-interrupteur:not([data-etat="nsp"]) .ww-interrupteur-nsp,
.ww-interrupteur:not([data-etat="attente"]) .ww-interrupteur-attente {
	display: none;
}

/* Event payant, place demandee mais paiement pas encore confirme par Stripe : le vert, hachure, curseur a droite
   (sablier) ; un bouton par moitie, absent a gauche, reprendre le paiement a droite */
.ww-interrupteur[data-etat="attente"] .ww-interrupteur-piste {
	background: repeating-linear-gradient(135deg, #7fb98b 0 5px, #b9dcc0 5px 10px);
}

.ww-interrupteur[data-etat="attente"] .ww-interrupteur-piste::after {
	transform: translateX(20px);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f7a3b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10M7 20h10M8 4c0 5 8 5 8 8s-8 3-8 8M16 4c0 5-8 5-8 8s8 3 8 8'/%3E%3C/svg%3E");
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="attente"] {
	color: #24562d;
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="attente"] .ww-interrupteur-choix {
	width: 23px;
}

:is(.ww-rdv-carte, .ww-back) .ww-interrupteur[data-etat="attente"] .ww-interrupteur-choix--oui {
	left: 23px;
}

/* Date limite de reponse (la veille a midi), a cote de l'interrupteur */
.ww-rdv-limite {
	font-size: .8rem;
	color: var(--ww-ink-soft);
}

/* Date limite passee : l'interrupteur montre la reponse, estompe et sans bouton */
.ww-interrupteur--fige .ww-interrupteur-piste {
	opacity: .55;
}

/* Listes : a venir (affiches, pas cliquables, sauf le prochain after-work) et passes (vers le diaporama) */
.ww-rdv-bloc h2 {
	margin: 0 0 14px;
	font-family: var(--ww-serif);
	font-size: clamp(1.6rem, 2.4vw, 2rem);
	font-weight: 500;
	line-height: 1.1;
	color: var(--ww-ink);
}

.ww-rdv-bloc h2::before {
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	margin-bottom: 12px;
	background: var(--ww-bronze);
}

.ww-rdv .ww-rdv-liste {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ww-rdv-ligne {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2px 20px;
	align-items: center;
	padding: 12px 18px;
	border-radius: 8px;
	background: #fff;
	color: var(--ww-ink);
	text-decoration: none;
	transition: box-shadow .4s var(--ww-ease), transform .4s var(--ww-ease);
}

a.ww-rdv-ligne {
	position: relative;
	padding-right: 48px;
}

a.ww-rdv-ligne::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: var(--ww-bronze);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .4s var(--ww-ease);
}

a.ww-rdv-ligne:is(:hover, :focus-visible) {
	color: var(--ww-ink);
	box-shadow: 0 24px 50px -34px rgba(42, 35, 32, .55);
	transform: translateY(-2px);
}

a.ww-rdv-ligne:is(:hover, :focus-visible)::after {
	transform: translateX(4px);
}

.ww-rdv-ligne--inactive {
	background: rgba(255, 255, 255, .55);
	color: var(--ww-ink-soft);
}

.ww-rdv-ligne-date {
	font-family: var(--ww-serif);
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
}

.ww-rdv-ligne-infos,
.ww-rdv-ligne-compte {
	font-size: .88rem;
	color: var(--ww-ink-soft);
}

.ww-rdv-ligne-infos:empty {
	display: none;
}

/* Vacances scolaires (zone C) : surbrillance claire et etiquette en contour */
.ww-rdv-ligne.ww-rdv-ligne--vacances {
	background: var(--ww-sand-light);
	box-shadow: inset 4px 0 0 var(--ww-sand);
}

a.ww-rdv-ligne--vacances:is(:hover, :focus-visible) {
	box-shadow: inset 4px 0 0 var(--ww-sand), 0 24px 50px -34px rgba(42, 35, 32, .55);
}

.ww-rdv-badge.ww-rdv-badge--vacances {
	padding: 2px 9px;
	border: 1px solid var(--ww-bronze);
	background: transparent;
	color: var(--ww-bronze);
}

/* After-work (le soir) : la ligne en surbrillance, a venir comme passee, et son etiquette */
.ww-rdv-ligne.ww-rdv-ligne--soir {
	background: var(--ww-sand);
	color: var(--ww-ink);
	box-shadow: inset 4px 0 0 var(--ww-bronze);
}

.ww-rdv-ligne--soir :is(.ww-rdv-ligne-infos, .ww-rdv-ligne-compte) {
	color: var(--ww-ink);
}

a.ww-rdv-ligne--soir::after {
	background: var(--ww-ink);
}

a.ww-rdv-ligne--soir:is(:hover, :focus-visible) {
	box-shadow: inset 4px 0 0 var(--ww-bronze), 0 24px 50px -34px rgba(42, 35, 32, .55);
}

.ww-rdv-badge {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--ww-ink);
	font-family: var(--ww-sans);
	font-size: .62rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .14em;
	text-transform: uppercase;
	vertical-align: 1px;
	color: #fff;
}

.ww-auth-surtitre .ww-rdv-badge {
	margin: 0;
}

@media (max-width: 699px) {
	.ww-rdv-ligne {
		padding: 10px 16px;
	}

	.ww-rdv-ligne-date {
		font-size: 1.1rem;
	}
}

@media (min-width: 700px) {
	.ww-rdv-ligne {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
	}
}

/* Invitation : choix de son event, en cartes (comme celles des events) plutot qu'une liste deroulante. Le bouton
   radio, invisible mais toujours au clavier, colore la carte qui le suit ; une pastille bronze marque le choix. */
.ww-rdv-choix {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 10px;
	margin-top: 4px;
}

.ww-espace .ww-rdv-choix .ww-rdv-choix-titre {
	grid-column: 1 / -1;
	margin: 0;
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ww-bronze);
}

.ww-rdv-option {
	position: relative;
	display: block;
	margin: 0;
	cursor: pointer;
}

.ww-rdv-option input {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.ww-rdv-option-carte {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	height: 100%;
	padding: 12px 14px;
	border: 1px solid var(--ww-sand-light);
	border-radius: 10px;
	background: #fff;
	transition: border-color .3s, box-shadow .3s;
}

.ww-rdv-option:hover .ww-rdv-option-carte {
	border-color: var(--ww-sand);
}

.ww-rdv-option input:checked + .ww-rdv-option-carte {
	border-color: var(--ww-bronze);
	box-shadow: 0 0 0 3px rgba(212, 181, 158, .3), 0 16px 30px -24px rgba(42, 35, 32, .5);
}

.ww-rdv-option input:focus-visible + .ww-rdv-option-carte {
	outline: 2px solid var(--ww-bronze);
	outline-offset: 3px;
}

.ww-rdv-choix.ww-champ--erreur .ww-rdv-option-carte {
	border-color: #b3261e;
}

.ww-rdv-choix .ww-erreur {
	grid-column: 1 / -1;
	margin: 0 !important;
}

.ww-rdv-option .ww-rdv-calendrier {
	width: 50px;
	padding: 6px 0 7px;
}

.ww-rdv-option .ww-rdv-calendrier strong {
	font-size: 1.45rem;
}

.ww-rdv-option-texte {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.ww-rdv-option-surtitre {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ww-bronze);
}

.ww-rdv-option-infos {
	font-family: var(--ww-serif);
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	color: var(--ww-ink);
}

/* Pastille de choix : un cercle, plein et coche une fois choisi */
.ww-rdv-option-coche {
	width: 22px;
	height: 22px;
	border: 1.5px solid var(--ww-sand);
	border-radius: 50%;
	transition: background-color .3s, border-color .3s;
}

.ww-rdv-option input:checked + .ww-rdv-option-carte .ww-rdv-option-coche {
	border-color: var(--ww-bronze);
	background: var(--ww-bronze) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;
}

@media (prefers-reduced-motion: no-preference) {
	.ww-rdv-carte,
	.ww-rdv-bloc {
		animation: ww-rise 1.2s var(--ww-ease) both;
	}

	.ww-rdv-contenu > :nth-child(2) { animation-delay: .15s; }
	.ww-rdv-contenu > :nth-child(3) { animation-delay: .25s; }
}

/* Reponse a un e-mail de relance (winwin-relance.php) : un panneau au-dessus des events. Avant l'envoi : neutre ;
   reponse enregistree : liseré et fond teintes, vert (present) ou rose (absent), comme l'interrupteur. */
.ww-rdv-reponse {
	display: grid;
	justify-items: start;
	gap: 8px;
	padding: clamp(22px, 4vw, 34px);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 30px 60px -44px rgba(42, 35, 32, .55);
}

.ww-rdv .ww-rdv-reponse :is(h2, p, form) {
	margin: 0;
}

.ww-rdv-reponse h2 {
	font-family: var(--ww-serif);
	font-size: clamp(1.6rem, 3.4vw, 2.2rem);
	font-weight: 500;
	line-height: 1.12;
	color: var(--ww-ink);
	text-wrap: balance;
}

.ww-rdv-reponse p {
	color: var(--ww-ink-soft);
}

.ww-rdv .ww-rdv-reponse form {
	margin-top: 10px;
}

.ww-rdv-reponse--oui {
	background: linear-gradient(90deg, rgba(47, 122, 59, .08), rgba(47, 122, 59, 0) 70%), #fff;
	box-shadow: inset 4px 0 0 #2f7a3b, 0 30px 60px -44px rgba(42, 35, 32, .55);
}

.ww-rdv-reponse--oui .ww-auth-surtitre {
	color: #24562d;
}

.ww-rdv-reponse--non {
	background: linear-gradient(90deg, rgba(221, 111, 143, .1), rgba(221, 111, 143, 0) 70%), #fff;
	box-shadow: inset 4px 0 0 #dd6f8f, 0 30px 60px -44px rgba(42, 35, 32, .55);
}

.ww-rdv-reponse--non .ww-auth-surtitre {
	color: #a8325a;
}

/* Present : l'adresse du lieu, vers Google Maps (comme dans l'annuaire de l'event), et le rappel des invites */
.ww-rdv-reponse-lieu a {
	color: var(--ww-ink);
	text-decoration: underline;
	text-decoration-color: rgba(42, 35, 32, .3);
	text-underline-offset: 3px;
	transition: text-decoration-color .3s;
}

.ww-rdv-reponse-lieu a:is(:hover, :focus-visible) {
	text-decoration-color: currentColor;
}

.ww-rdv-reponse-lieu svg {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: -2px;
	fill: none;
	stroke: var(--ww-bronze);
	stroke-width: 1.8;
	stroke-linejoin: round;
}

.ww-rdv .ww-rdv-reponse .ww-rdv-reponse-invites {
	margin-top: 8px;
	font-weight: 500;
	color: var(--ww-ink);
}

/* "Me connecter" : le bouton du site, en lien */
.ww-rdv .ww-rdv-reponse > .ww-bouton {
	margin-top: 10px;
	text-decoration: none;
}