h1, h2, h3, h4, h5, h6,
.ui-section-title {
  font-weight: 700;
}
h2.ui-section-title {
  font-size: var(--fs-h2);
}
.ui-display-title {
  letter-spacing: -0.055em;
  line-height: 0.98;
}
.ui-section-title {
  letter-spacing: -0.045em;
  line-height: 1.05;
}
.ui-card-title {
  letter-spacing: -0.03em;
  font-family: var(--font-titre);
}
.ui-display-title { font-weight: 700; }
.ui-display-title .ui-accent {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: var(--color-brand-pink);
}
.ui-hero .ui-display-title .ui-accent {
  color: var(--color-brand-pink);
}
.ui-btn,
.btn {
  font-weight: 600;
}
.ui-btn {
  gap: var(--space-3);
  padding-inline: var(--space-4);
  border-radius: var(--radius-md);
}
.ui-btn.ui-btn-slim {
  padding-inline: var(--space-3);
  border-radius: var(--radius-md);
  font-weight: 600;
  box-shadow: none;
}
.ui-header-actions .ui-btn-primary,
.ui-hero-load-actions .ui-btn-primary,
.ui-hero-code .ui-btn-primary,
.ui-appel-section--rose .ui-btn-primary,
.ui-tarif .ui-btn-primary,
.ui-header-actions .ui-btn-primary:hover,
.ui-hero-load-actions .ui-btn-primary:hover,
.ui-hero-code .ui-btn-primary:hover,
.ui-appel-section--rose .ui-btn-primary:hover,
.ui-tarif .ui-btn-primary:hover {
  background: var(--color-brand-pink-ink);
  color: var(--white);
  box-shadow: var(--shadow-accent);
}
.ui-header-actions .ui-btn-primary:focus-visible,
.ui-hero-load-actions .ui-btn-primary:focus-visible,
.ui-appel-section--rose .ui-btn-primary:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-brand-pink-ink) 40%, transparent);
  outline-offset: 3px;
}
.ui-form-control,
.ui-form-select {
  min-height: 3.0625rem;
  border-radius: var(--radius-sm);
}
.ui-carte,
.ui-article-card,
.ui-testimonial-card {
  border-radius: var(--radius);
  border-color: var(--border-soft);
  box-shadow: var(--shadow-md);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ui-carte,
.ui-testimonial-card {
  padding: var(--space-4);
}
.ui-carte:hover,
.ui-article-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-photo);
}
@media (max-width: 1100px) {
  .ui-section {
    padding-block: var(--space-6);
  }
}
.ui-content-section--haut-serre {
  padding-top: var(--space-6);
}
@media (max-width: 1100px) {
  .ui-content-section--haut-serre {
    padding-top: var(--space-5);
  }
}
.ui-content-section {
  background: var(--surface-card);
}
.ui-hero-lead {
  margin-top: var(--space-4);
  margin-bottom: var(--space-5);
  max-width: 540px;
  line-height: 1.7;
  color: var(--text-muted);
}
.ui-hero-load-actions {
  gap: var(--space-4);
}
.ui-footer {
  padding-block: var(--space-6) var(--space-4);
}
@media (max-width: 1100px) {
  .ui-footer {
    padding-block: var(--space-6) var(--space-4);
  }
}
.ui-footer-brand > p {
  font: italic var(--fs-base)/1.5 Georgia, "Iowan Old Style", "Times New Roman", serif;
}
.ui-footer-grid a {
  font-size: var(--fs-sm);
}
.ui-footer-cta .ui-section-title .ui-accent,
.ui-footer-signature .material-symbols-outlined {
  color: var(--color-brand-pink);
}
.ui-footer::before,
.ui-footer::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(46%, 560px);
  height: 300px;
  border-radius: 50%;
  pointer-events: none;
}
.ui-footer::before {
  inset-block-start: -150px;
  inset-inline-end: -6%;
  background: radial-gradient(closest-side,
              color-mix(in srgb, var(--color-brand-pink) 14%, transparent),
              transparent);
}
.ui-footer::after {
  inset-block-end: -160px;
  inset-inline-start: -8%;
  background: radial-gradient(closest-side,
              color-mix(in srgb, var(--accent-clair) 10%, transparent),
              transparent);
}
.ui-footer-cta,
.ui-footer-bottom { position: relative; z-index: 1; }
.ui-footer-grid h3 {
  position: relative;
  font-size: var(--fs-caption);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  padding-bottom: var(--space-3);
  margin-bottom: var(--space-3);
}
.ui-footer-grid h3::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-brand-pink);
}
@media (min-width: 992px) {
  .ui-footer-grid > .ui-footer-brand ~ .ui-grid-item {
    flex: 0 0 auto;
    width: 22.2222%;
  }
  .ui-footer-grid > .ui-footer-brand + .ui-grid-item {
    margin-inline-start: 8.3333%;
  }
  .ui-footer-grid > .ui-footer-brand:nth-last-child(5) ~ .ui-grid-item {
    width: 17.5%;
  }
  .ui-footer-grid > .ui-footer-brand:nth-last-child(5) + .ui-grid-item {
    margin-inline-start: 5%;
  }
}
.ui-footer-grid a {
  position: relative;
  width: fit-content;
  transition: color 0.2s ease, transform 0.2s ease;
}
.ui-footer-grid a::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-brand-pink);
  opacity: 0;
  transform: translate(-4px, -50%);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.ui-footer-grid a:hover { transform: translateX(4px); }
.ui-footer-grid a:hover::before { opacity: 1; transform: translate(0, -50%); }
.ui-footer-social a:hover,
.ui-footer-social a:focus-visible {
  color: var(--on-dark);
  background: var(--color-brand-pink);
  border-color: var(--color-brand-pink);
  transform: translateY(-3px);
}
@media (prefers-reduced-motion: reduce) {
  .ui-footer-grid a,
  .ui-footer-grid a::before,
  .ui-footer-social a { transition: none; }
  .ui-footer-grid a:hover,
  .ui-footer-social a:hover { transform: none; }
}
.ui-site-header .navbar {
  --bs-navbar-padding-y: 0;
}
@media (min-width: 1200px) {
  .ui-nav {
    position: absolute;
    left: calc(50% - 2rem);
    transform: translateX(-50%);
    margin-inline: 0;
  }
}
.ui-nav {
  gap: var(--space-4);
}
.ui-utility-bar .ui-language-toggle,
.ui-utility-bar .ui-language-current {
  font-weight: var(--fw-semibold);
}
.ui-nav-link {
  font-weight: 600;
}
.ui-nav-link::after {
  background: var(--color-brand-pink-ink);
}
@media (min-width: 1200px) and (max-width: 1349.98px) {
  .navbar-expand-xl .ui-nav .ui-nav-link { padding-inline: 0; }
}
.ui-header-actions {
  gap: var(--space-4);
  font-size: var(--fs-sm);
  font-weight: 650;
}
.ui-header-link {
  font-size: var(--fs-fixe);
  font-weight: var(--fw-semibold);
  color: var(--text);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.ui-header-link:hover,
.ui-header-link:focus-visible {
  color: var(--color-primary);
}
@media (min-width: 480px) {
  .ui-header-link-texte { position: relative; display: inline-block; }
  .ui-header-link-texte::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -9px;
    height: 1px;
    background: var(--color-brand-pink-ink);
    transition: all 0.2s;
  }
  .ui-header-link:hover .ui-header-link-texte::after,
  .ui-header-link:focus-visible .ui-header-link-texte::after { right: 0; }
}
.ui-content-media > img {
  border: 11px solid var(--white);
  border-radius: var(--radius);
  box-shadow: var(--shadow-photo);
  object-fit: cover;
}
.ui-content-body {
  line-height: 1.75;
  max-width: 600px;
}
.ui-content-body--pleine {
  max-width: none;
}
.ui-content-body--large {
  max-width: none;
}
.ui-content-heading {
  text-align: left;
  margin-bottom: 0;
}
.ui-content-body > p {
  margin: var(--space-4) 0 var(--space-4);
}
.ui-content-row--texte .ui-content-heading,
.ui-content-row--texte .ui-content-body {
  text-align: center;
  margin-inline: auto;
}
.ui-content-row--gauche .ui-content-heading,
.ui-content-row--gauche .ui-content-body {
  text-align: left;
}
@media (max-width: 991.98px) {
  .ui-content-heading,
  .ui-content-body {
    text-align: center;
    margin-inline: auto;
  }
  .ui-content-row--gauche .ui-content-heading,
  .ui-content-row--gauche .ui-content-body {
    text-align: left;
    margin-inline: 0;
  }
}
.ui-faq-list {
  --bs-accordion-border-color: var(--border-soft);
  --bs-accordion-border-radius: var(--radius);
  --bs-accordion-inner-border-radius: var(--radius);
  --bs-accordion-bg: var(--surface-card);
  --bs-accordion-btn-bg: var(--surface-card);
  --bs-accordion-active-bg: var(--surface-card);
  --bs-accordion-btn-padding-y: var(--space-4);
  --bs-accordion-btn-padding-x: var(--space-4);
  --bs-accordion-body-padding-x: var(--space-4);
}
.ui-faq-item {
  border-radius: var(--radius);
  margin-bottom: var(--space-3);
  box-shadow: var(--shadow-md);
}
.ui-faq-list .ui-faq-item:not(:first-of-type) {
  border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.ui-faq-item:last-child {
  margin-bottom: 0;
}
.ui-faq-list .ui-faq-item > .accordion-header .accordion-button {
  border-radius: var(--radius);
}
.ui-faq-list .ui-faq-item > .accordion-header .accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-testimonial-mark {
  margin: 0 0 var(--space-1);
  font: 500 5rem/0.7 Georgia, "Iowan Old Style", "Times New Roman", serif;
  color: var(--color-brand-pink);
}
.ui-testimonial-quote p {
  font: 500 var(--fs-h4)/1.25 Georgia, "Iowan Old Style",
        "Times New Roman", serif;
  letter-spacing: -0.025em;
  color: var(--text);
}
@media (max-width: 560px) { .ui-testimonial-quote p { font-size: var(--fs-lead); } }
.ui-testimonial-name {
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-muted);
}
.ui-cards-section .ui-carte {
  background: color-mix(in srgb, var(--white) 70%, transparent);
  border-color: color-mix(in srgb, var(--white) 90%, transparent);
}
.ui-showcase {
  background-image:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-voile) 68%, transparent) 0%,
      color-mix(in srgb, var(--color-voile) 65%, transparent) 34%,
      color-mix(in srgb, var(--color-voile) 41%, transparent) 58%,
      color-mix(in srgb, var(--color-voile) 57%, transparent) 100%),
    url('../../images/photos/scene-1.jpg');
  background-color: var(--section-sombre);
  background-size: cover, cover;
  background-position: center, center calc(50% + var(--collection-bg-y, 0px));
  background-repeat: no-repeat;
}
#comment.ui-showcase {
  background-image:
    linear-gradient(180deg,
      color-mix(in srgb, var(--color-voile) 68%, transparent) 0%,
      color-mix(in srgb, var(--color-voile) 65%, transparent) 34%,
      color-mix(in srgb, var(--color-voile) 41%, transparent) 58%,
      color-mix(in srgb, var(--color-voile) 57%, transparent) 100%),
    url('../../images/photos/afterwork.jpg');
}
.ui-showcase .ui-section-title {
  text-shadow: none;
}
.ui-showcase-lead {
  border-radius: var(--radius);
}
.ui-carte--numerotee {
  position: relative;
}
.ui-carte--numerotee .ui-kicker {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  margin: 0;
  font-size: var(--fs-sm);
  font-weight: 600;
}
.ui-carte--numerotee .ui-card-title {
  padding-right: var(--space-5);
}
.ui-cta-band-copy h2 {
  font-size: var(--fs-display-3);
  line-height: 1.03;
  letter-spacing: -0.055em;
  padding-left: 0;
}
@media (max-width: 820px) { .ui-cta-band-copy h2 { font-size: var(--fs-display-5); } }
@media (max-width: 560px) { .ui-cta-band-copy h2 { font-size: var(--fs-h1); } }
.ui-cta-band-copy {
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
}
.ui-cta-band-copy > p:last-child {
  max-width: 620px;
  font-size: var(--fs-lead);
  line-height: 1.65;
}
.ui-steps-panel {
  border-radius: var(--radius);
}
.ui-carte-icone {
  display: grid;
  place-items: center;
  position: relative;
  width: 82px;
  height: 82px;
  margin-bottom: var(--space-4);
  border-radius: var(--radius);
  background: var(--surface-appuyee);
  color: var(--color-dark);
  transform: rotate(-4deg);
}
.ui-carte-icone .material-symbols-outlined {
  font-size: var(--icon-xl);
}
.ui-carte-icone-num {
  position: absolute;
  top: -8px;
  right: -8px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 3.6px solid var(--surface-douce);
  border-radius: 50%;
  background: var(--color-brand-pink-ink);
  color: var(--white);
  font-size: var(--fs-caption);
  font-weight: 600;
}
.ui-carte-icone--accent {
  background: color-mix(in srgb, var(--color-titre) 12%, var(--white));
  color: var(--color-dark);
}
.ui-carte-icone--primary {
  background: color-mix(in srgb, var(--color-titre) 40%, var(--white));
  color: var(--color-dark);
}
.ui-carte-icone--profond {
  background: color-mix(in srgb, var(--color-titre) 55%, var(--white));
  color: var(--color-dark);
}
.ui-carte-icone--dark {
  background: var(--color-titre);
  color: var(--white);
}
.ui-grid-item > .ui-carte {
  height: 100%;
}
.ui-section-heading--centre {
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: var(--space-5);
  text-align: center;
}
.ui-fond-teinte-1   { background: var(--section-teinte-1); }
.ui-fond-teinte-2  { background: var(--section-teinte-2); }
.ui-fond-teinte-3  { background: var(--section-teinte-3); }
.ui-fond-teinte-4   { background: var(--section-teinte-4); }
.ui-fond-teinte-5   { background: var(--section-teinte-5); }
.ui-fond-teinte-6 { background: var(--section-teinte-6); }
.ui-fond-teinte-7 { background: var(--section-teinte-7); }
.ui-fond-degrade { background: linear-gradient(to bottom, var(--white), var(--section-teinte-7)); }
.ui-fond-app { background: var(--fond-app); }
.ui-section.ui-fond-app { background: var(--fond-app); }
.ui-section.ui-fond-blanc { background: var(--white); }
.ui-content-section.ui-fond-blanc { position: relative; z-index: 1; }
.ui-decor-galets { padding-top: var(--space-6); }
.ui-decor-galets {
  position: relative;
  z-index: 0;
  overflow-x: clip;
}
.ui-section:has(+ .ui-decor-galets) {
  position: relative;
  z-index: 1;
}
.ui-decor-galets::before,
.ui-decor-galets::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(46%, 520px);
  aspect-ratio: 620 / 580;
  border-radius: 46% 54% 58% 42% / 47% 43% 57% 53%;
  background: color-mix(in srgb, var(--surface-appuyee) 40%, transparent);
}
.ui-decor-galets::before {
  inset-block-start: -34%;
  inset-inline-start: -12%;
  transform: rotate(-6deg);
}
.ui-decor-galets::after {
  inset-block-end: -16%;
  inset-inline-end: -12%;
  transform: rotate(174deg);
}
.ui-decor-galets > .ui-container {
  position: relative;
  z-index: 1;
}
.ui-decor-rond {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ui-decor-rond::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: min(52%, 560px);
  aspect-ratio: 1.12;
  border-radius: 58% 42% 47% 53% / 44% 56% 44% 56%;
  background: color-mix(in srgb, var(--color-titre) 6%, transparent);
  inset-block-start: -16%;
  inset-inline-end: -10%;
  pointer-events: none;
}
.ui-decor-rond--gauche::before {
  inset-block-start: auto;
  inset-inline-end: auto;
  inset-block-end: -20%;
  inset-inline-start: -12%;
}
.ui-decor-rond--deborde {
  overflow-y: visible;
  overflow-x: clip;
  z-index: 1;
}
.ui-decor-rond--gauche.ui-decor-rond--deborde::before {
  inset-block-end: calc(-20% + 150px);
}
.ui-decor-rond > .ui-container {
  position: relative;
  z-index: 1;
}
.ui-fond-base   { background: var(--section-base); }
.ui-bande-peche,
.ui-showcase--light {
  position: relative;
  overflow: hidden;
}
.ui-bande-peche::before,
.ui-bande-peche::after,
.ui-showcase--light::before,
.ui-showcase--light::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 180px;
  height: 180px;
  border: 35px solid color-mix(in srgb, var(--color-secondary) 25%, transparent);
  border-radius: 50%;
}
.ui-bande-peche::before,
.ui-showcase--light::before {
  left: -85px;
  top: 120px;
}
.ui-bande-peche::after,
.ui-showcase--light::after {
  right: -110px;
  bottom: 20px;
}
.ui-bande-peche > .ui-container,
.ui-showcase--light > .ui-container {
  position: relative;
  z-index: 1;
}
.ui-showcase--light {
  background-image: none;
  background-color: var(--section-base);
  color: var(--text);
}
.ui-showcase--light .ui-section-title,
.ui-showcase--light .ui-card-title {
  color: var(--text);
}
.ui-showcase--light .ui-eyebrow {
  color: var(--color-brand-pink-ink);
}
.ui-showcase--light .ui-showcase-lead {
  color: var(--text-muted);
  border-color: var(--border-soft);
}
.ui-showcase--light .ui-carte {
  background: color-mix(in srgb, var(--white) 90%, transparent);
  border-color: var(--white);
}
.ui-card-title {
  font-size: var(--fs-h5);
  font-weight: 600;
}
.ui-carte p {
  font-size: var(--fs-fixe);
  line-height: 1.65;
}
.ui-showcase .ui-section-title .ui-accent {
  color: var(--color-brand-pink);
}
.ui-showcase--dark .ui-section-title .ui-accent {
  color: var(--color-brand-pink);
}
.ui-showcase--dark .ui-eyebrow--accent {
  color: var(--white);
}
.ui-hero:has(.ui-hero-board) .ui-hero-copy-primary {
  position: relative;
  top: -80px;
}
.ui-hero:has(.ui-hero-board) .ui-hero-visual {
  position: relative;
  top: -40px;
}
.ui-eyebrow {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-2);
  color: var(--color-brand-pink-ink);
  font-size: var(--fs-caption);
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.13em;
}
.ui-eyebrow--light {
  color: var(--on-dark-subtle);
}
.ui-eyebrow {
  margin-bottom: var(--space-4);
}
.ui-eyebrow .material-symbols-outlined {
  font-size: var(--icon-sm);
  margin-top: calc((1.5 * var(--fs-caption) - var(--icon-sm)) / 2);
  color: var(--color-brand-pink-ink);
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 20;
}
.ui-hero:has(.ui-hero-selection)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -130px;
  right: -190px;
  width: 620px;
  height: 620px;
  border: 75px solid color-mix(in srgb, var(--color-secondary) 6%, transparent);
  border-radius: 50%;
}
.ui-hero:has(.ui-hero-selection) .ui-display-title {
  max-width: 640px;
}
.ui-hero:has(.ui-hero-selection) .ui-display-title .ui-accent {
  display: block;
}
.ui-hero:has(.ui-hero-selection) .ui-hero-copy,
.ui-hero:has(.ui-hero-selection) .ui-hero-visual {
  align-self: end;
}
.ui-hero:has(.ui-hero-selection) .ui-hero-lead {
  max-width: 585px;
}
.ui-text-link {
  color: var(--text);
  font-weight: 700;
}
.ui-text-link span {
  margin-left: var(--space-2);
  color: var(--color-brand-pink-ink);
}
.ui-hero-bulle,
.ui-hero-bulle::before,
.ui-hero-bulle::after {
  border-color: var(--color-titre);
}
.ui-evenement-date {
  color: var(--color-brand-pink-ink);
}
.ui-evenement-date,
.ui-hero-evenement-date,
.ui-hero-evenement:not(.ui-hero-evenement--banniere) .ui-hero-evenement-date {
  place-content: stretch;
  justify-items: stretch;
  overflow: hidden;
  padding: 0;
  color: var(--color-dark);
  box-shadow: var(--shadow-calendrier);
  border-radius: var(--radius-xs);
}
.ui-evenement-date i,
.ui-hero-evenement-date i,
.ui-hero-evenement:not(.ui-hero-evenement--banniere) .ui-hero-evenement-date i {
  order: -1;
  padding: var(--space-1) var(--space-2);
  background: var(--color-brand-pink-ink);
  color: var(--white);
  font-weight: var(--fw-bold);
  font-size: var(--fs-micro);
}
.ui-evenement-date strong,
.ui-hero-evenement-date strong { padding: var(--space-1) var(--space-2) 0; color: var(--color-dark); }
.ui-evenement-date b,
.ui-hero-evenement-date b {
  order: 1;
  padding: 0 var(--space-2) var(--space-1);
  color: var(--text-muted);
  font-weight: var(--fw-normal);
}
.ui-evenements-section.ui-fond-degrade.ui-decor-galets { padding-top: calc(var(--space-6) + var(--space-4) + 6px); }
.ui-content-section:is(.ui-fond-degrade, .ui-fond-app),
.ui-communaute-section:is(.ui-fond-degrade, .ui-fond-app) {
  margin-block-start: calc(var(--space-5) * -1);
}
.ui-section--action-detachee .ui-groupes-action {
  margin-top: var(--space-6);
}
.ui-groupes-action .ui-btn-primary,
.ui-evenements-action .ui-btn-primary,
.ui-content-action .ui-btn-primary,
.ui-liste-action,
.ui-page-membre .ui-hero-evenement-actions .ui-btn-primary,
.ui-sortie-actions .ui-btn-primary,
.ui-fil-encart-participer .ui-sortie-reponse .ui-btn-primary,
.ui-groupes-action .ui-btn-primary:hover,
.ui-evenements-action .ui-btn-primary:hover,
.ui-content-action .ui-btn-primary:hover,
.ui-liste-action:hover,
.ui-page-membre .ui-hero-evenement-actions .ui-btn-primary:hover,
.ui-sortie-actions .ui-btn-primary:hover,
.ui-fil-encart-participer .ui-sortie-reponse .ui-btn-primary:hover,
.ui-monprofil-actions .ui-btn-outline:hover {
  background: var(--color-brand-pink-ink);
  color: var(--white);
  box-shadow: var(--shadow-accent);
}
.ui-liste-action[data-bs-target="#profilsCriteres"] { background: var(--color-bouton); box-shadow: var(--shadow-md); }
.ui-liste-action[data-bs-target="#profilsCriteres"]:hover { background: var(--color-bouton-hover); box-shadow: var(--shadow-md); }
.ui-liste-action[data-bs-target="#profilsCriteres"]:focus-visible { outline-color: color-mix(in srgb, var(--color-bouton) 40%, transparent); }
.ui-profil-like[aria-pressed="true"] {
  background: var(--color-brand-pink-ink);
  border-color: var(--color-brand-pink-ink);
}
.ui-profil-message {
  border-color: var(--genre-lui);
  color: var(--genre-lui);
}
.ui-profil-message:hover,
.ui-profil-message:focus-visible {
  background: var(--genre-lui);
  border-color: var(--genre-lui);
  color: var(--white);
}
.ui-profil-favori[aria-pressed="true"] {
  background: var(--color-bouton);
  border-color: var(--color-bouton);
}
.ui-profil-favori {
  border: 1px solid var(--color-bouton);
  color: var(--color-bouton);
}
.ui-profil-like {
  border: 1px solid var(--color-brand-pink-ink);
  color: var(--color-brand-pink-ink);
}
.ui-profil-passe {
  border: 1px solid var(--text-muted);
}
.ui-profil-passe,
.ui-profil-favori,
.ui-profil-like,
.ui-profil-message {
  color: var(--white);
}
.ui-profil-passe { border-color: var(--color-dark); background: var(--color-dark); }
.ui-profil-favori,
.ui-profil-favori[aria-pressed="true"],
.ui-profil-message,
.ui-profil-message:hover,
.ui-profil-message:focus-visible { border-color: var(--color-titre); background: var(--color-titre); color: var(--white); }
.ui-profil-like,
.ui-profil-like[aria-pressed="true"] { border-color: var(--color-brand-pink); background: var(--color-brand-pink); }
.ui-profil-like .material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 20; }
.ui-profil-score--elle,
.ui-profil-score--lui { color: var(--white); }
.ui-profil-score--elle { border-color: var(--color-brand-pink); background: var(--color-brand-pink); }
.ui-profil-score--lui { border-color: var(--color-titre); background: var(--color-titre); }
:is(.ui-profil-score--elle, .ui-profil-score--lui) .material-symbols-outlined { color: inherit; }
.ui-monprofil-actions .ui-btn.ui-monprofil-action--passe,
.ui-monprofil-actions .ui-btn.ui-monprofil-action--favori,
.ui-monprofil-actions .ui-btn.ui-monprofil-action--like { color: var(--white); }
.ui-monprofil-actions .ui-btn.ui-monprofil-action--passe { border-color: var(--color-dark); background: var(--color-dark); }
.ui-monprofil-actions .ui-btn.ui-monprofil-action--favori { border-color: var(--color-titre); background: var(--color-titre); }
.ui-monprofil-actions .ui-btn.ui-monprofil-action--like { border-color: var(--color-brand-pink); background: var(--color-brand-pink); }
.ui-monprofil-actions .ui-btn.ui-monprofil-action--like .material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 20; }
.ui-monprofil-actions .ui-btn-outline {
  border-color: var(--color-brand-pink-ink);
  background: var(--white);
  color: var(--color-brand-pink-ink);
  box-shadow: var(--shadow-md);
}
.ui-monprofil-actions .ui-btn.ui-monprofil-action--follower {
  border-color: var(--color-bouton);
  background: var(--color-bouton);
  color: var(--white);
}
.ui-monprofil-actions .ui-btn.ui-monprofil-action--match {
  border-color: var(--color-brand-pink-ink);
  background: var(--color-brand-pink-ink);
  color: var(--white);
}
.ui-monprofil-actions .ui-btn-ghost {
  margin-inline-end: var(--space-4);
  border: 1px solid var(--border);
  background: var(--white);
  color: var(--text-muted);
  box-shadow: var(--shadow-md);
}
.ui-monprofil-actions .ui-btn-ghost:hover,
.ui-monprofil-actions .ui-btn-ghost:focus-visible {
  border-color: var(--text-muted);
  background: var(--text-muted);
  color: var(--white);
  box-shadow: var(--shadow-md);
}
.ui-monprofil-actions .ui-btn-primary {
  border: 1px solid var(--border);
  background: var(--white);
  color: var(--color-titre);
  box-shadow: var(--shadow-md);
}
.ui-monprofil-actions .ui-btn-primary:hover,
.ui-monprofil-actions .ui-btn-primary:focus-visible {
  border-color: var(--color-bouton);
  background: var(--color-bouton);
  color: var(--white);
}
.ui-groupes-action .ui-btn-primary:focus-visible,
.ui-evenements-action .ui-btn-primary:focus-visible,
.ui-content-action .ui-btn-primary:focus-visible,
.ui-liste-action:focus-visible,
.ui-monprofil-actions .ui-btn-outline:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-brand-pink-ink) 40%, transparent);
  outline-offset: 3px;
}
.ui-evenement-heure {
  color: var(--color-brand-pink-ink);
}
.ui-evenement-heure .material-symbols-outlined,
.ui-evenement-heure > span:not(.visually-hidden) {
  color: var(--color-brand-pink-ink);
}
@media (max-width: 1100px) {
  .ui-hero:has(.ui-hero-selection) .ui-hero-copy-primary {
    margin-top: 0;
  }
}
.ui-site-header {
  background: var(--white);
}
.ui-hero {
  background: var(--white);
}
.ui-brand {
  margin-left: calc(var(--space-3) * -1);
}
.ui-faq .ui-eyebrow--accent {
  color: var(--color-titre);
}
.ui-page-membre > main,
.ui-page-fond-app > main {
  position: relative;
  overflow-x: clip;
}
.ui-page-membre > main::before,
.ui-page-fond-app > main::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(45%, 546px);
  aspect-ratio: 1.12;
  border-radius: 58% 42% 47% 53% / 44% 56% 44% 56%;
  background: var(--decor-disque);
  inset-block-start: -120px;
  inset-inline-end: -147px;
  pointer-events: none;
}
.ui-page-membre--galets > main > .ui-liste-section { position: relative; }
.ui-page-membre--galets > main > .ui-liste-section::before,
.ui-page-membre--galets > main > .ui-liste-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(46%, 520px);
  aspect-ratio: 620 / 580;
  border-radius: 46% 54% 58% 42% / 47% 43% 57% 53%;
  background: color-mix(in srgb, var(--surface-appuyee) 25%, transparent);
  pointer-events: none;
}
.ui-page-membre--galets > main > .ui-liste-section::before {
  inset-block-end: -6%;
  inset-inline-start: -14%;
  transform: rotate(-6deg);
}
.ui-page-membre--galets > main > .ui-liste-section::after {
  inset-block-start: 38%;
  inset-inline-end: -16%;
  transform: rotate(174deg);
}
.ui-section.ui-appel-section--rose { padding-top: 0; }
.ui-section.ui-appel-section--colle { padding-top: 0; }
.ui-section.ui-content-section--colle { padding-top: 0; }
@media (max-width: 991.98px) {
  .ui-hero:has(.ui-hero-board) .ui-hero-copy-primary { margin-top: 0; top: -3.75rem; }
  .ui-hero:has(.ui-hero-board) .ui-hero-visual { top: 0; margin-top: var(--space-5); }
}
@media (max-width: 576px) {
  .ui-hero-board { min-height: 0; padding: var(--space-4) 0; }
  .ui-hero-board::before { width: 110%; height: 80%; }
  .ui-board-bloc { grid-template-columns: minmax(0, 1fr); width: 100%; }
  .ui-board-fiche { left: 0; width: 100%; }
  .ui-board-fiche img { height: 320px; }
  .ui-board-panneau {
    width: 100%;
    margin: var(--space-4) 0 0;
    padding: var(--space-3);
  }
  .ui-board-criteres th { letter-spacing: 0.08em; }
}
@media (max-width: 576px) {
  .ui-mur-section,
  .ui-hero:has(.ui-hero-board) { overflow-x: clip; }
}
.ui-profil-mini-titre { flex-wrap: wrap; }
.ui-profil-mini-titre strong,
.ui-profil-mini-titre .ui-profil-mini-score,
.ui-board-suite b { white-space: nowrap; }
.ui-btn.ui-btn-slim { gap: var(--space-2); }
@media (max-width: 576px) {
  .ui-btn.ui-btn-slim,
  .ui-fil-filtre { font-size: var(--fs-base); }
  .ui-fil-filtre { padding-inline: calc(var(--space-2) + var(--space-1)); }
  .ui-sortie-actions.ui-sortie-actions--haut .ui-btn.ui-btn-slim { font-size: var(--fs-sm); }
}
@media (max-width: 991.98px) {
  #game-party .ui-hero-fond { object-position: 78% 18%; }
}