/*
Theme Name: MCG Western
Theme URI: https://mcgwestern.com/
Author: MCG Western
Description: Original, purpose-built WooCommerce theme for MCG Western.
Version: 0.3.1
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: mcg-western
*/

/*
 * The public maintenance gate loads this file directly. Storefront styles live
 * in assets/css and are loaded by route so the public holding page stays small.
 */

:root {
  --mcg-ink: #171411;
  --mcg-cream: #eee5d7;
  --mcg-paper: #faf7f0;
  --mcg-white: #fffdf9;
  --mcg-leather: #754027;
  --mcg-line: rgba(23, 20, 17, 0.14);
  --mcg-shadow-lg: 0 28px 72px rgba(23, 20, 17, 0.13);
  --mcg-serif: "Iowan Old Style", Baskerville, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --mcg-sans: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.maintenance-page {
  position: relative;
  display: grid;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 32px;
  color: var(--mcg-ink);
  background:
    linear-gradient(rgba(113, 55, 31, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(113, 55, 31, 0.035) 1px, transparent 1px),
    var(--mcg-cream);
  background-size: 32px 32px;
  font-family: var(--mcg-sans);
  line-height: 1.6;
  place-items: center;
  isolation: isolate;
}

.maintenance-page::before,
.maintenance-page::after {
  position: fixed;
  z-index: -1;
  width: 46vw;
  aspect-ratio: 1;
  content: "";
  border: 1px solid rgba(113, 55, 31, 0.18);
  border-radius: 50%;
}

.maintenance-page::before {
  top: -25vw;
  right: -12vw;
}

.maintenance-page::after {
  bottom: -28vw;
  left: -14vw;
}

.maintenance-card {
  width: min(760px, 100%);
  padding: clamp(34px, 8vw, 88px);
  text-align: center;
  background: rgba(251, 248, 241, 0.94);
  border: 1px solid var(--mcg-line);
  box-shadow: var(--mcg-shadow-lg);
  backdrop-filter: blur(10px);
}

.maintenance-mark {
  display: grid;
  width: 84px;
  height: 84px;
  margin: 0 auto 34px;
  color: var(--mcg-paper);
  background: var(--mcg-leather);
  border: 4px double var(--mcg-paper);
  border-radius: 50%;
  font-family: var(--mcg-serif);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  place-items: center;
}

.maintenance-eyebrow {
  margin: 0 0 20px;
  color: var(--mcg-leather);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.maintenance-card h1 {
  max-width: 620px;
  margin: 0 auto 24px;
  font-family: var(--mcg-serif);
  font-size: clamp(3rem, 10vw, 6.7rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.9;
}

.maintenance-copy {
  max-width: 520px;
  margin: 0 auto;
  font-size: clamp(1rem, 2vw, 1.15rem);
  line-height: 1.7;
}

.maintenance-rule {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 38px auto 0;
  color: var(--mcg-leather);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.maintenance-rule::before,
.maintenance-rule::after {
  height: 1px;
  content: "";
  background: var(--mcg-line);
  flex: 1;
}

@media (max-width: 600px) {
  .maintenance-page {
    padding: 18px;
  }

  .maintenance-card {
    padding-inline: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}