/* Section Contrast Styles - Global Hotel Linen */

/* Define alternating background colors for sections to create visual separation */
.section-hero {
  background: linear-gradient(to bottom, var(--color-cream), var(--color-beige-light));
}

.section-catalog {
  background-color: var(--color-beige-light);
}

.section-who-am-i {
  background-color: var(--color-cream);
}

.section-our-services {
  background-color: var(--color-beige-light);
}

.section-contact {
  background-color: var(--color-cream);
}

.section-we-care-for-you {
  background-color: var(--color-beige-light);
}

/* Catalog Page Sections */
.section-catalog-hero {
  background: linear-gradient(to bottom, var(--color-cream), var(--color-beige-light));
}

.section-overview {
  background-color: var(--color-beige-light);
}

.section-catalog-main-menu {
  background-color: var(--color-cream);
}

.section-product-containers {
  background-color: var(--color-beige-light);
}

.section-acknowledgments {
  background-color: var(--color-cream);
}

/* Section Separators - Visual separation between sections */
section {
  position: relative;
  display: block;
  width: 100%;
}

section:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5%;
  right: 5%;
  height: 1px;
  background: linear-gradient(to right, 
    transparent, 
    rgba(107, 93, 71, 0.15), 
    transparent
  );
}

/* Section Transitions */
section {
  transition: background-color var(--transition-slow);
}

/* Ensure sections flow vertically */
body > section,
body > div[id$="-placeholder"] {
  display: block;
  width: 100%;
}