/* AVAAIO Build30 Consolidated UI Sweep V1
   One additive runtime sweep.
   Theme Studio itself is preserved and never restyled here.
*/

/* ---------- iPhone + iPad safe-area repair ---------- */
html.avaaio-safe-page-v1 .avaaio-safe-page-container-v1 {
  box-sizing: border-box !important;
  padding-top:
    max(
      16px,
      calc(env(safe-area-inset-top, 0px) + 10px)
    ) !important;
}

html.avaaio-long-content-page-v1 body,
html.avaaio-long-content-page-v1 #root {
  padding-bottom:
    max(
      var(--avaaio-bottom-clearance-v1, 74px),
      calc(env(safe-area-inset-bottom, 0px) + 74px)
    ) !important;
}

/* ---------- Global bottom bar: preserve position, only fade ---------- */
.avaaio-global-bottom-bar-v1 {
  transition:
    opacity 280ms ease,
    filter 280ms ease !important;
  opacity: 0.30 !important;
}

html.avaaio-ui-active-v1 .avaaio-global-bottom-bar-v1,
.avaaio-global-bottom-bar-v1:hover,
.avaaio-global-bottom-bar-v1:focus-within {
  opacity: 1 !important;
  filter: brightness(1.04) !important;
}

.avaaio-no-wrap-global-control-v1 {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  min-width: 0 !important;
}

/* ---------- Support: same actual button, normal document flow ---------- */
nav.avaaio-page-bottom-nav--support.avaaio-support-normal-flow-v1 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 1 !important;
  width: min(100%, 420px) !important;
  margin:
    28px auto
    max(12px, env(safe-area-inset-bottom, 0px)) !important;
  display: grid !important;
  pointer-events: auto !important;
}

nav.avaaio-page-bottom-nav--support.avaaio-support-normal-flow-v1
  .avaaio-page-bottom-nav__button--support-back {
  width: 100% !important;
  max-width: 420px !important;
  min-height: 48px !important;
}

/* ---------- Mobile Ava controls / theme chooser ---------- */
.avaaio-orb-panel-safe-v1 {
  box-sizing: border-box !important;
  padding-top:
    max(
      14px,
      calc(env(safe-area-inset-top, 0px) + 12px)
    ) !important;
  padding-bottom:
    max(
      18px,
      calc(env(safe-area-inset-bottom, 0px) + 16px)
    ) !important;
}

.avaaio-orb-theme-row-v1 .avaaio-orb-theme-swatch-v1 {
  opacity: 1 !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow:
    inset 0 0 8px rgba(255,255,255,0.16),
    0 0 10px rgba(255,255,255,0.08) !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="cyan"]
  .avaaio-orb-theme-swatch-v1 {
  background: linear-gradient(145deg, #70f7ff, #0cc6df 58%, #083945) !important;
  border-color: #54ecff !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="purple"]
  .avaaio-orb-theme-swatch-v1 {
  background: linear-gradient(145deg, #c8a5ff, #8f63ef 58%, #39205e) !important;
  border-color: #ad86ff !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="emerald"]
  .avaaio-orb-theme-swatch-v1 {
  background: linear-gradient(145deg, #88f2b4, #2cc974 58%, #12452b) !important;
  border-color: #58e797 !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="amber"]
  .avaaio-orb-theme-swatch-v1 {
  background: linear-gradient(145deg, #ffe28a, #efa51f 58%, #6a4311) !important;
  border-color: #ffc557 !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="lava"]
  .avaaio-orb-theme-swatch-v1 {
  background:
    linear-gradient(145deg, #ffdf84 0%, #ff7b27 43%, #d6263a 72%, #59111b 100%) !important;
  border-color: #ff7951 !important;
  box-shadow:
    inset 0 0 8px rgba(255,255,255,0.20),
    0 0 12px rgba(255,77,42,0.34) !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="midnight"]
  .avaaio-orb-theme-swatch-v1 {
  background: linear-gradient(145deg, #9ac6ff, #4c8bdc 56%, #172f58) !important;
  border-color: #6ba5ef !important;
}

.avaaio-orb-theme-row-v1[data-avaaio-theme-name-v1="aurora"]
  .avaaio-orb-theme-swatch-v1 {
  background:
    linear-gradient(
      135deg,
      #66f5e8 0%,
      #39c8ba 30%,
      #6586ff 60%,
      #a55cff 100%
    ) !important;
  border-color: #72eadc !important;
  box-shadow:
    inset 0 0 8px rgba(255,255,255,0.24),
    0 0 12px rgba(80,230,220,0.28) !important;
}

/* DO NOT restyle Theme Studio itself. */
.avaaio-theme-studio-preserve-v1 {
  isolation: isolate;
}

/* ---------- Settings density only; colors/icons remain original ---------- */
html.avaaio-phone-v1 .avaaio-settings-card-density-v1 {
  min-height: 0 !important;
}

/* ---------- Admin dead-space cleanup ---------- */
.avaaio-admin-compact-card-v1 {
  min-height: 0 !important;
  height: auto !important;
}

/* ---------- Language & Region visual ---------- */
.avaaio-global-languages-v1 {
  margin: 24px 0 8px;
  padding: 22px 18px;
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, var(--ava-accent, #22d3ee) 22%, transparent);
  background:
    radial-gradient(circle at 50% 20%, rgba(44,211,226,0.10), transparent 38%),
    rgba(6,12,22,0.72);
  text-align: center;
  overflow: hidden;
}

.avaaio-global-languages-v1__eyebrow {
  font-size: 10px;
  letter-spacing: 0.24em;
  font-weight: 800;
  color: var(--ava-accent, #7cf8ff);
  margin-bottom: 14px;
}

.avaaio-global-languages-v1__globe {
  position: relative;
  width: 112px;
  height: 112px;
  margin: 0 auto 16px;
  border-radius: 50%;
  border: 1px solid rgba(112,240,255,0.42);
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,0.22), transparent 12%),
    radial-gradient(circle at 50% 50%, rgba(30,170,210,0.26), rgba(5,20,40,0.88) 70%);
  box-shadow: 0 0 28px rgba(30,210,230,0.16);
}

.avaaio-global-languages-v1__globe::before,
.avaaio-global-languages-v1__globe::after {
  content: "";
  position: absolute;
  inset: 12px 36px;
  border: 1px solid rgba(120,245,255,0.26);
  border-radius: 50%;
}

.avaaio-global-languages-v1__globe::after {
  inset: 36px 12px;
}

.avaaio-global-languages-v1__globe span {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8cf8ff;
  box-shadow: 0 0 8px rgba(140,248,255,0.72);
}

.avaaio-global-languages-v1__globe span:nth-child(1) { left: 26px; top: 30px; }
.avaaio-global-languages-v1__globe span:nth-child(2) { right: 24px; top: 40px; }
.avaaio-global-languages-v1__globe span:nth-child(3) { left: 50px; top: 20px; }
.avaaio-global-languages-v1__globe span:nth-child(4) { left: 38px; bottom: 24px; }
.avaaio-global-languages-v1__globe span:nth-child(5) { right: 30px; bottom: 28px; }
.avaaio-global-languages-v1__globe span:nth-child(6) { left: 52px; top: 52px; }

.avaaio-global-languages-v1__title {
  font-size: 17px;
  font-weight: 850;
  color: #f2ffff;
  margin-bottom: 7px;
}

.avaaio-global-languages-v1__copy {
  max-width: 620px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(235,250,255,0.76);
}

.avaaio-global-languages-v1__langs {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(145,244,255,0.92);
}

@media (prefers-reduced-motion: reduce) {
  .avaaio-global-bottom-bar-v1 {
    transition: none !important;
  }
}