/* Mont Clair Casino Hotel — Responsive adjustments
   Fine-tuning across the 320–1920px range beyond fluid clamp() values
   already handled in the other layers. */

/* Extra-small phones */
@media (max-width: 374px) {
  .mc-hero__actions,
  .mc-arrivalCta__actions,
  .mc-cookieDock__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .mc-btn {
    width: 100%;
  }
}

/* Small phones up to large phones */
@media (max-width: 480px) {
  .mc-container {
    padding-inline: 1.1rem;
  }

  .mc-utilityStrip__row {
    flex-direction: column;
    gap: 0.2rem;
  }

  .mc-programmeRibbon__item {
    width: 80vw;
  }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1023px) {
  .mc-hero {
    grid-template-columns: 1fr;
  }

  .mc-factsRail {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Small laptops */
@media (min-width: 1024px) and (max-width: 1279px) {
  .mc-container {
    max-width: 76rem;
  }
}

/* Large desktop */
@media (min-width: 1440px) {
  .mc-container {
    max-width: 88rem;
  }

  .mc-container--wide {
    max-width: 104rem;
  }
}

/* Ultra-wide */
@media (min-width: 1920px) {
  .mc-container {
    max-width: 96rem;
  }

  .mc-container--wide {
    max-width: 116rem;
  }

  body {
    font-size: 1.1rem;
  }
}

/* Landscape short-viewport phones: keep drawer usable */
@media (max-height: 480px) and (max-width: 1023px) {
  .mc-nav {
    padding-top: 0.75rem;
  }

  .mc-nav__list {
    margin-top: 1rem;
  }
}

/* Print: strip dark chrome for legal pages */
@media print {
  .mc-header,
  .mc-footer,
  .mc-cookieDock,
  .mc-navScrim {
    display: none !important;
  }

  body {
    background: #fff;
    color: #111;
  }
}