/* ===== Conditions page styles ===== */

.conditions-main {
  width: 100%;
  overflow-x: hidden;
}

.conditions-section {
  padding-block: var(--space-7);
}

/* Text measure and alignment per section */
.conditions-copy-block {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  text-align: left;
}

.conditions-copy-block--centered {
  text-align: left;
}

.conditions-copy-block--left {
  margin-inline: auto;
}

/* Cards */
.conditions-card {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  background-color: var(--color-white);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-soft);
  padding: var(--space-5);
}

.conditions-card--reservation,
.conditions-card--liability,
.conditions-card--contact {
  padding: var(--space-5);
}

/* Section backgrounds */
.conditions-intro {
  background-color: var(--color-cream);
}

.conditions-reservation {
  background-color: var(--color-white);
}

.conditions-conduct {
  background-color: #f0f7f2;
}

.conditions-casino {
  background-color: var(--color-petrol);
  color: var(--color-cream);
}

.conditions-casino h2,
.conditions-casino h3 {
  color: var(--color-cream);
}

.conditions-casino a {
  color: var(--color-butter);
}

.conditions-casino a:hover,
.conditions-casino a:focus-visible {
  color: var(--color-coral);
}

.conditions-ip {
  background-color: var(--color-cream);
}

.conditions-liability {
  background-color: var(--color-white);
}

.conditions-data {
  background-color: #f0f7f2;
}

.conditions-law {
  background-color: var(--color-cream);
}

.conditions-contact {
  background-color: var(--color-white);
}

/* Title rules */
.conditions-title-rule {
  width: 80px;
  height: 3px;
  background-color: var(--color-coral);
  margin-block-end: var(--space-4);
  border-radius: 2px;
}

.conditions-title-rule--coral {
  background-color: var(--color-coral);
}

.conditions-title-rule--butter {
  background-color: var(--color-butter);
}

/* Lists */
.conditions-list {
  list-style: none;
  padding-inline-start: 0;
  margin-block-start: var(--space-3);
  margin-block-end: var(--space-4);
}

.conditions-list li {
  position: relative;
  padding-inline-start: var(--space-4);
  margin-block-end: var(--space-2);
}

.conditions-list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  background-color: var(--color-coral);
  border-radius: 2px;
}

.conditions-casino .conditions-list li::before {
  background-color: var(--color-butter);
}

/* Headings spacing */
.conditions-copy-block h2,
.conditions-card h2 {
  margin-block-end: var(--space-3);
}

.conditions-copy-block h3,
.conditions-card h3 {
  margin-block-start: var(--space-5);
  margin-block-end: var(--space-2);
}

.conditions-copy-block p,
.conditions-card p {
  margin-block-end: var(--space-3);
}

.conditions-copy-block p:last-child,
.conditions-card p:last-child {
  margin-block-end: 0;
}

/* Responsive */
@media (max-width: 767px) {
  .conditions-section {
    padding-block: var(--space-5);
  }

  .conditions-copy-block,
  .conditions-card {
    max-width: 100%;
    padding-inline: var(--space-3);
  }

  .conditions-card {
    padding: var(--space-4);
  }

  .conditions-title-rule {
    width: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .conditions-copy-block,
  .conditions-card {
    max-width: 90%;
  }
}