/* Dawn background options — subtle washes only; logo zone stays cream (readable). */

/* Cream base shared by all dawn-bg variants (matches dusk header readability). */
.ao-dawn-bg--cream.ao-site-header .ao-header-identity,
.ao-dawn-bg--cream.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-dawn-bg--break.ao-site-header .ao-header-identity,
.ao-dawn-bg--break.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-dawn-bg--cool-edge.ao-site-header .ao-header-identity,
.ao-dawn-bg--cool-edge.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-dawn-bg--first-light.ao-site-header .ao-header-identity,
.ao-dawn-bg--first-light.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-dawn-bg--horizon-mist.ao-site-header .ao-header-identity,
.ao-dawn-bg--horizon-mist.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-dawn-bg--soft-sky.ao-site-header .ao-header-identity,
.ao-dawn-bg--soft-sky.ao-header-ambient .ao-site-header .ao-header-identity,
.ao-twilight-dawn--cool.ao-site-header .ao-header-identity,
.ao-twilight-dawn--cool.ao-header-ambient .ao-site-header .ao-header-identity {
  background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
  background-color: #faf6ee;
}

/* 1 — Cream only: no extra dawn wash (control). */
.ao-dawn-bg--cream.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--cream.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: none;
}

/* 2 — Dawn break: thin warm horizon band along the bottom. */
.ao-dawn-bg--break.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--break.ao-header-ambient .ao-site-header .ao-header-identity::after,
.ao-twilight-dawn--cool.ao-site-header .ao-header-identity::after,
.ao-twilight-dawn--cool.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 70%,
    rgba(255, 218, 168, 0.2) 84%,
    rgba(255, 196, 128, 0.28) 94%,
    rgba(240, 180, 110, 0.18) 100%
  );
}

/* 3 — Cool edge: faint blue only on the far left; logo stays on cream. */
.ao-dawn-bg--cool-edge.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--cool-edge.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    rgba(140, 172, 210, 0.14) 0%,
    rgba(180, 200, 225, 0.06) 14%,
    transparent 28%
  );
}

/* 4 — First light: soft sun peek from lower-left corner. */
.ao-dawn-bg--first-light.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--first-light.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(
      ellipse 55% 45% at 8% 92%,
      rgba(255, 210, 150, 0.28) 0%,
      rgba(255, 200, 140, 0.1) 42%,
      transparent 68%
    ),
    radial-gradient(
      ellipse 40% 35% at 0% 100%,
      rgba(160, 190, 225, 0.12) 0%,
      transparent 70%
    );
}

/* 5 — Horizon mist: gentle peach fade in the lower third only. */
.ao-dawn-bg--horizon-mist.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--horizon-mist.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 58%,
    rgba(255, 228, 200, 0.12) 78%,
    rgba(255, 200, 155, 0.2) 100%
  );
}

/* 6 — Soft sky: lighter take on full-sky dawn (compare — may still compete with logo). */
.ao-dawn-bg--soft-sky.ao-site-header .ao-header-identity,
.ao-dawn-bg--soft-sky.ao-header-ambient .ao-site-header .ao-header-identity {
  background:
    linear-gradient(
      180deg,
      rgba(160, 185, 220, 0.22) 0%,
      rgba(220, 210, 200, 0.08) 28%,
      #faf6ee 52%,
      #faf6ec 100%
    );
  background-color: #eef2f8;
}

.ao-dawn-bg--soft-sky.ao-site-header .ao-header-identity::after,
.ao-dawn-bg--soft-sky.ao-header-ambient .ao-site-header .ao-header-identity::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    180deg,
    transparent 55%,
    rgba(255, 212, 170, 0.15) 100%
  );
}

/* Ambient wrapper hints (very light — full stack, not the logo row). */
.ao-dawn-bg--break.ao-header-ambient::before,
.ao-twilight-dawn--cool.ao-header-ambient::before {
  inset: 0;
  background: linear-gradient(
    95deg,
    rgba(150, 180, 215, 0.06) 0%,
    transparent 35%
  ),
  linear-gradient(180deg, #faf8f4 0%, #f7f2ea 100%);
}

.ao-dawn-bg--cool-edge.ao-header-ambient::before {
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(140, 172, 210, 0.08) 0%,
    transparent 32%
  ),
  linear-gradient(180deg, #f8fafc 0%, #f7f2ea 100%);
}

.ao-dawn-bg--first-light.ao-header-ambient::before {
  inset: 0;
  background:
    radial-gradient(ellipse 70% 40% at 0% 100%, rgba(255, 200, 140, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, #faf8f4 0%, #f7f2ea 100%);
}

.ao-dawn-bg--horizon-mist.ao-header-ambient::before {
  inset: 0;
  background: linear-gradient(180deg, #faf8f4 0%, #f5ebe0 100%);
}

.ao-dawn-bg--cream.ao-header-ambient::before {
  inset: 0;
  background: linear-gradient(180deg, #fffef9 0%, #faf6ec 100%);
}

.ao-dawn-bg--soft-sky.ao-header-ambient::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(170, 195, 225, 0.1) 0%, transparent 45%),
    linear-gradient(180deg, #f4f7fb 0%, #f7f2ea 100%);
}

/* Left directional wash (production dawn — toned down). */
.ao-header-ambient.ao-twilight-dawn--cool::after,
.ao-header-dawn-bg-frame[data-phase="dawn"] .ao-header-ambient::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(
    90deg,
    rgba(152, 176, 212, 0.1) 0%,
    rgba(208, 188, 168, 0.04) 16%,
    transparent 40%
  );
}

.ao-header-ambient.ao-twilight-dawn--cool,
.ao-header-ambient[class*="ao-dawn-bg--"] {
  position: relative;
}