/*
  dashboard-hotel loads a second Tailwind build for the imported OPAI page.
  Restore the shared layout design tokens on global layout sections so that
  the page CSS does not change the navbar/footer palette and component sizing.
*/
.top-nav,
header,
footer {
  --color-secondary: #1a1a1c;
  --color-accent: #fcfcfc;
  --color-background-1: #fcfcfd;
  --color-background-2: #f9fafb;
  --color-background-3: #f4f5f8;
  --color-background-4: #f0f2f6;
  --color-background-5: #13171e;
  --color-background-6: #0f1217;
  --color-background-7: #181d26;
  --color-background-8: #070b10;
  --color-background-9: #1f252f;
  --color-background-12: #eaeceb;
  --color-stroke-1: #dfe4eb;
  --color-stroke-2: #e3e7ed;
  --color-stroke-3: #d7dde5;
  --color-stroke-4: #eceff4;
  --color-stroke-5: #1b232f;
  --color-stroke-6: #202731;
  --color-stroke-7: #2a333e;
  --color-stroke-9: var(--color-background-8);
  --color-stroke-10: #dfd1c5;
  --text-tagline-1: 1rem;
  --text-tagline-1--line-height: 150%;
  --text-tagline-2: .875rem;
  --text-tagline-2--line-height: 150%;
  --text-tagline-3: .75rem;
  --text-tagline-3--line-height: 150%;
}

@media (min-width: 64rem) {
  header .lg\:block {
    display: block;
  }

  header .lg\:hidden {
    display: none;
  }
}

@media (min-width: 80rem) {
  header .xl\:flex {
    display: flex;
  }

  header .xl\:hidden {
    display: none;
  }

  header .xl\:py-0 {
    padding-block: 0;
  }
}

/* Footer Layout Fixes */
footer .grid {
  display: grid;
}

footer .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

footer .col-span-12 {
  grid-column: span 12 / span 12;
}

footer .justify-between {
  justify-content: space-between;
}

footer .gap-x-0 {
  column-gap: 0px;
}

footer .gap-y-16 {
  row-gap: 4rem;
}

footer .gap-y-8 {
  row-gap: 2rem;
}

@media (min-width: 48rem) {
  footer .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  footer .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  footer .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
}

@media (min-width: 80rem) {
  footer .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  footer .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }
}