/* --- Layout Spacing --- */
#globalFooter {
  background: var(--color-cherry-100, #ffd7d4);
  display: flex;
  padding: var(--section-padding-md, 80px) var(--page-padding, 64px);
  flex-direction: column;
  align-items: center;
  gap: 80px;
}

.globalFooter-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

/* --- Top heading area --- */
.globalFooter-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  background-color: var(--color-cherry-100, #ffd7d4);
  padding-top: var(--section-padding-md, 80px);
  padding-left: var(--page-padding, 64px);
  padding-right: var(--page-padding, 64px);
}

.globalFooter-heading-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: auto;
}

.globalFooter-heading {
  font: var(--font-title-lg);
  color: var(--color-cherry-1000, #530e2f);
  text-align: center;
  margin-bottom: 0px;
}

.globalFooter-heading-text {
  font: var(--font-body-md);
  color: var(--color-cherry-1000, #530e2f);
  text-align: center;
  font-feature-settings: "dlig" on;
}

.globalFooter-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* --- Divider lines --- */
.globalFooter-divider {
  width: 100%;
  height: 1px;
  background: var(--color-cherry-400, #e8a7a8);
}

.globalFooter-divider-bottom{
    width: 100%;
    height: 1px;
    background: var(--color-cherry-400, #e8a7a8);
    margin-bottom: -48px;  
}

/* --- Footer Columns --- */
.globalFooter-columns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;

}

.globalFooter-column {
    gap: 8px;
}

.globalFooter-column h2 {
    font: var(--font-overline-lg);
    color: var(--color-contrast-200);
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.globalFooter-column ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    margin: 0 !important; 
    padding-left: 0 !important;
}

.globalFooter-column li {
    display: flex;
    min-width: 80px;
    padding: 8px var(--sizing-4xs, 0);
}

.globalFooter-column a {
  font: var(--font-button-sm);
  color: var(--color-cherry-700);
}

.globalFooter-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding-bottom: 16px;
    padding-top: 24px;
    gap: 48px;
}

.globalFooter-bottom p {
  font: var(--font-body-xs);
  color: var(--color-cherry-1000);
}

.globalFooter-socials {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    list-style-type: none;
}

.globalFooter-socials ul {
  margin: 0 !important;
  padding: 0 !important;
}

.globalFooter-bottom img {
  width: 161px;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  
  .globalFooter-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self:auto;
    gap: 40px;
  }

  .globalFooter-heading-group {
    display: flex;
    max-width: var(--Max-Width-max-width-medium, 560px);
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: auto;
  }

  .globalFooter-columns {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
  }

  .globalFooter-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
  }


  .globalFooter-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
}