/* Poker Events page styles */

.poker-events-hero {
  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  background-color: var(--color-bleu-nuit);
  overflow: hidden;
}

.poker-events-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.poker-events-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.poker-events-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(28, 42, 74, 0.7) 0%, rgba(28, 42, 74, 0.82) 100%);
}

.poker-events-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
}

.poker-events-hero__content {
  max-width: 600px;
  color: var(--color-blanc-casse);
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  align-items: flex-start;
}

.poker-events-hero__content h1 {
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-hero__subtitle {
  font-size: var(--text-body-large-size);
  line-height: var(--text-body-large-line-height);
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.poker-events-hero__age {
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
  color: var(--color-text-inverse-muted);
  margin-block-end: 0;
}

.poker-events-intro {
  background-color: var(--color-creme);
}

.poker-events-intro__container {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--space-7);
  align-items: center;
}

.poker-events-intro__text {
  min-width: 0;
}

.poker-events-intro__lead {
  max-width: 700px;
  margin-block-end: var(--space-5);
}

.poker-events-intro__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.poker-events-intro__list li {
  position: relative;
  padding-inline-start: var(--space-6);
  margin-block-end: 0;
}

.poker-events-intro__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-vert-sauge);
  border-radius: var(--radius-small);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.poker-events-intro__illustration {
  position: relative;
  min-height: 16rem;
  border-radius: var(--radius-large);
  background-color: color-mix(in srgb, var(--color-vert-sauge) 10%, transparent);
  border: 1px solid var(--color-border);
  overflow: hidden;
}

.poker-events-intro__card-icon {
  position: absolute;
  width: 4rem;
  height: 5.5rem;
  background-color: var(--color-creme);
  border: 1px solid var(--color-vert-sauge);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  transform-origin: center;
}

.poker-events-intro__card-icon::before,
.poker-events-intro__card-icon::after {
  content: "";
  position: absolute;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-rouge-cerise);
}

.poker-events-intro__card-icon--one {
  top: 15%;
  left: 20%;
  transform: rotate(-12deg);
}

.poker-events-intro__card-icon--one::before {
  content: "A";
  top: 8%;
  left: 10%;
  font-size: 1.5rem;
}

.poker-events-intro__card-icon--one::after {
  content: "♠";
  bottom: 8%;
  right: 10%;
  font-size: 1.5rem;
}

.poker-events-intro__card-icon--two {
  top: 35%;
  right: 15%;
  transform: rotate(18deg);
}

.poker-events-intro__card-icon--two::before {
  content: "K";
  top: 8%;
  left: 10%;
  font-size: 1.5rem;
  color: var(--color-bleu-nuit);
}

.poker-events-intro__card-icon--two::after {
  content: "♥";
  bottom: 8%;
  right: 10%;
  font-size: 1.5rem;
}

.poker-events-intro__card-icon--three {
  bottom: 10%;
  left: 35%;
  transform: rotate(-5deg);
}

.poker-events-intro__card-icon--three::before {
  content: "Q";
  top: 8%;
  left: 10%;
  font-size: 1.5rem;
}

.poker-events-intro__card-icon--three::after {
  content: "♦";
  bottom: 8%;
  right: 10%;
  font-size: 1.5rem;
  color: var(--color-rouge-cerise);
}

.poker-events-formats {
  background-color: var(--color-creme);
}

.poker-events-formats__header {
  max-width: 700px;
  margin-block-end: var(--space-7);
}

.poker-events-formats__intro {
  margin-block-end: 0;
}

.poker-events-formats__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
}

.poker-events-format-card {
  background-color: var(--color-creme);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  padding: var(--space-card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.poker-events-format-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}

.poker-events-format-card h3 {
  margin-block-end: 0;
}

.poker-events-format-card p {
  margin-block-end: 0;
}

.poker-events-format-card__icon {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-full);
  background-color: var(--color-rouge-cerise);
  position: relative;
  flex-shrink: 0;
}

.poker-events-format-card__icon::after {
  content: "";
  position: absolute;
  inset: 0.55rem;
  background-color: var(--color-blanc-casse);
  border-radius: var(--radius-full);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.poker-events-ambiance {
  background-color: var(--color-bleu-nuit);
}

.poker-events-ambiance__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-7);
  align-items: center;
}

.poker-events-ambiance__text {
  min-width: 0;
}

.poker-events-ambiance__text p {
  max-width: 700px;
  margin-block-end: 0;
}

.poker-events-ambiance__media {
  min-width: 0;
}

.poker-events-ambiance__media img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-large);
}

.poker-events-flow {
  background-color: var(--color-creme);
}

.poker-events-flow__container {
  max-width: 700px;
}

.poker-events-flow__intro {
  margin-block-end: var(--space-6);
}

.poker-events-flow__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.poker-events-flow__list li {
  display: flex;
  gap: var(--space-4);
  align-items: flex-start;
  padding-block: var(--space-4);
  border-block-end: 1px solid var(--color-border);
  margin-block-end: 0;
}

.poker-events-flow__list li:first-child {
  padding-block-start: 0;
}

.poker-events-flow__list li:last-child {
  padding-block-end: 0;
  border-block-end: none;
}

.poker-events-flow__number {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-full);
  background-color: var(--color-rouge-cerise);
  color: var(--color-blanc-casse);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: var(--text-body-large-size);
  display: flex;
  align-items: center;
  justify-content: center;
}

.poker-events-flow__list h3 {
  margin-block-end: var(--space-2);
}

.poker-events-flow__list p {
  margin-block-end: 0;
}

.poker-events-upcoming {
  background-color: var(--color-bleu-nuit);
}

.poker-events-upcoming__header {
  max-width: 700px;
  margin-block-end: var(--space-7);
}

.poker-events-upcoming__intro {
  color: var(--color-text-inverse);
  margin-block-end: 0;
}

.poker-events-upcoming__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
}

.poker-events-event-card {
  background-color: var(--color-bleu-nuit);
  border: 1px solid color-mix(in srgb, var(--color-blanc-casse) 20%, transparent);
  border-block-start: 3px solid var(--color-rouge-cerise);
  border-radius: var(--radius-large);
  padding: var(--space-card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.poker-events-event-card:hover {
  box-shadow: var(--shadow-soft-lg);
  transform: translateY(-2px);
}

.poker-events-event-card h3 {
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-event-card p {
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-event-card__icon {
  width: 3rem;
  height: 3rem;
  border-radius: var(--radius-full);
  background-color: var(--color-rouge-cerise);
  position: relative;
  flex-shrink: 0;
}

.poker-events-event-card__icon::after {
  content: "";
  position: absolute;
  inset: 0.55rem;
  background-color: var(--color-blanc-casse);
  border-radius: var(--radius-full);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.poker-events-reservation {
  background-color: var(--color-creme);
}

.poker-events-reservation__container {
  max-width: 600px;
  margin-inline: auto;
}

.poker-events-reservation__header {
  text-align: center;
  margin-block-end: var(--space-6);
}

.poker-events-reservation__header p:last-child {
  margin-block-end: 0;
}

.poker-events-reservation__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.poker-events-reservation__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.poker-events-reservation__field label {
  margin-block-end: 0;
}

.poker-events-reservation__actions {
  display: flex;
  justify-content: center;
  margin-block-start: var(--space-3);
}

.poker-events-reservation__notice {
  min-height: 1.5rem;
  text-align: center;
  color: var(--color-rouge-cerise);
  font-size: var(--text-caption-size);
  margin-block-end: 0;
}

.poker-events-practical {
  background-color: var(--color-creme);
}

.poker-events-practical__container {
  max-width: 700px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  padding: var(--space-card-padding-large);
}

.poker-events-practical__intro {
  margin-block-end: var(--space-5);
}

.poker-events-practical__list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.poker-events-practical__list li {
  position: relative;
  padding-inline-start: var(--space-6);
  margin-block-end: 0;
}

.poker-events-practical__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-vert-sauge);
  border-radius: var(--radius-small);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.poker-events-final-cta {
  background-color: var(--color-bleu-nuit);
  text-align: center;
}

.poker-events-final-cta__container {
  max-width: 600px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  align-items: center;
}

.poker-events-final-cta__container h2 {
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-final-cta__container p {
  color: var(--color-blanc-casse);
  margin-block-end: 0;
}

.poker-events-final-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: center;
}

@media (max-width: 64rem) {
  .poker-events-intro__container {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .poker-events-intro__illustration {
    min-height: 12rem;
    order: -1;
  }

  .poker-events-ambiance__container {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .poker-events-formats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .poker-events-hero {
    min-height: 60vh;
  }

  .poker-events-hero__content {
    max-width: 100%;
    padding-block: var(--space-6);
  }

  .poker-events-formats__grid {
    grid-template-columns: 1fr;
  }

  .poker-events-upcoming__grid {
    grid-template-columns: 1fr;
  }

  .poker-events-intro__illustration {
    display: none;
  }

  .poker-events-flow__list li {
    flex-direction: column;
    gap: var(--space-3);
  }

  .poker-events-final-cta__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .poker-events-final-cta__actions .btn {
    width: 100%;
  }
}