/*
  IMO Luxury Cards 0704U
  Scope: visual color polish only.
  Does not hide or replace hero/WEBM/video/chat/community logic.
*/

:root {
  --imo-lux-ink: #fff8e8;
  --imo-lux-text: rgba(255, 248, 232, .82);
  --imo-lux-muted: rgba(255, 248, 232, .58);
  --imo-lux-deep: rgba(5, 13, 9, .94);
  --imo-lux-card: rgba(9, 28, 19, .82);
  --imo-lux-card-2: rgba(14, 39, 27, .78);
  --imo-lux-line: rgba(229, 207, 142, .34);
  --imo-lux-line-strong: rgba(242, 221, 158, .62);
  --imo-lux-gold-1: #f1df9d;
  --imo-lux-gold-2: #d2b66f;
  --imo-lux-gold-3: #a98b49;
  --imo-lux-sage: #c8d8bd;
  --imo-lux-green-soft: #b8ef86;
  --imo-lux-green-dot: #37dd55;
  --imo-lux-shadow: rgba(0, 0, 0, .48);
}

/* 1) Entry / setup / welcome cards: deep jade glass + champagne edge */
body[data-view="intro"] .mossy0703z-entry-card,
body[data-view="setup"] .mossy0703z-entry-card,
#intro .mossy0703z-entry-card,
#setup .mossy0703z-entry-card,
#intro .intro-card,
#setup .setup-card,
#intro .entry-card,
#setup .entry-card,
#intro .card,
#setup .card,
.imo-welcome-card,
.imo-intro-card,
.imo-entry-card,
.mossy-entry-card,
.mossy0703z-entry-card,
.mossy0704-entry-card,
[class*="welcome-card"],
[class*="setup-card"],
[class*="entry-card"] {
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 230, 160, .13), transparent 36%),
    linear-gradient(180deg, rgba(19, 50, 34, .88), rgba(5, 17, 11, .94)) !important;
  border: 1px solid var(--imo-lux-line) !important;
  color: var(--imo-lux-ink) !important;
  box-shadow:
    0 22px 64px var(--imo-lux-shadow),
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 -1px 0 rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
}

body[data-view="intro"] .mossy0703z-entry-card h1,
body[data-view="setup"] .mossy0703z-entry-card h1,
#intro .card h1,
#setup .card h1,
.imo-welcome-card h1,
.imo-intro-card h1,
.imo-entry-card h1,
.mossy-entry-card h1,
.mossy0703z-entry-card h1,
.mossy0704-entry-card h1,
[class*="welcome-card"] h1,
[class*="setup-card"] h1,
[class*="entry-card"] h1 {
  color: var(--imo-lux-ink) !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .34);
}

body[data-view="intro"] .mossy0703z-entry-card p,
body[data-view="setup"] .mossy0703z-entry-card p,
#intro .card p,
#setup .card p,
.imo-welcome-card p,
.imo-intro-card p,
.imo-entry-card p,
.mossy-entry-card p,
.mossy0703z-entry-card p,
.mossy0704-entry-card p,
[class*="welcome-card"] p,
[class*="setup-card"] p,
[class*="entry-card"] p {
  color: var(--imo-lux-text) !important;
}

body[data-view="intro"] .mossy0703z-entry-card b,
body[data-view="setup"] .mossy0703z-entry-card b,
#intro .card b,
#setup .card b,
.imo-welcome-card b,
.imo-intro-card b,
.imo-entry-card b,
.mossy-entry-card b,
.mossy0703z-entry-card b,
.mossy0704-entry-card b,
.step-label,
.ready-label,
.imo-step-label,
.imo-ready-label {
  color: var(--imo-lux-green-soft) !important;
  letter-spacing: .075em;
  text-shadow: 0 0 15px rgba(184, 239, 134, .28);
}

/* 2) Main action button: reduce neon green area, add premium champagne tone */
body[data-view="intro"] .mossy0703z-entry-card .primary,
body[data-view="setup"] .mossy0703z-entry-card .primary,
#intro .primary,
#setup .primary,
#intro button.primary,
#setup button.primary,
.imo-welcome-card .primary,
.imo-intro-card .primary,
.imo-entry-card .primary,
.mossy-entry-card .primary,
.mossy0703z-entry-card .primary,
.mossy0704-entry-card .primary,
.imo-start-btn,
.imo-primary-btn,
button.imo-primary-btn,
button[data-next="lang"] {
  background: linear-gradient(180deg, var(--imo-lux-gold-1), var(--imo-lux-gold-2)) !important;
  color: #102014 !important;
  border: 1px solid rgba(255, 242, 184, .66) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, .35),
    inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  text-shadow: none !important;
}

/* 3) Choice buttons: quiet dark glass; selection/focus has champagne line */
body[data-view="intro"] .mossy0703z-entry-card .grid button,
body[data-view="setup"] .mossy0703z-entry-card .grid button,
#intro .grid button,
#setup .grid button,
.mossy0703z-entry-card .grid button,
.mossy0704-entry-card .grid button,
.imo-entry-card .grid button,
.imo-welcome-card .grid button,
button[data-locale],
button[data-country],
button[data-stay],
button[data-purpose] {
  background: rgba(7, 22, 15, .60) !important;
  color: var(--imo-lux-ink) !important;
  border: 1px solid rgba(229, 207, 142, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
  text-shadow: none !important;
}

body[data-view="intro"] .mossy0703z-entry-card .grid button:hover,
body[data-view="setup"] .mossy0703z-entry-card .grid button:hover,
body[data-view="intro"] .mossy0703z-entry-card .grid button:focus-visible,
body[data-view="setup"] .mossy0703z-entry-card .grid button:focus-visible,
#intro .grid button:hover,
#setup .grid button:hover,
#intro .grid button:focus-visible,
#setup .grid button:focus-visible,
button[data-locale]:hover,
button[data-country]:hover,
button[data-stay]:hover,
button[data-purpose]:hover,
button[data-locale]:focus-visible,
button[data-country]:focus-visible,
button[data-stay]:focus-visible,
button[data-purpose]:focus-visible {
  background: rgba(22, 44, 31, .76) !important;
  border-color: var(--imo-lux-line-strong) !important;
  box-shadow:
    0 0 0 3px rgba(230, 210, 150, .10),
    inset 0 1px 0 rgba(255, 255, 255, .075) !important;
}

/* 4) Chat/result cards: compact concierge card tone, not neon */
#feed .card,
#feed .mossy-card,
#feed .result-card,
#feed .place-card,
#feed .service-card,
#feed .ad-card,
#feed .recommend-card,
.feed .card,
.feed .mossy-card,
.feed .result-card,
.feed .place-card,
.feed .service-card,
.feed .ad-card,
.feed .recommend-card {
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 230, 160, .075), transparent 34%),
    linear-gradient(180deg, rgba(18, 42, 30, .76), rgba(8, 18, 13, .88)) !important;
  border: 1px solid rgba(229, 207, 142, .24) !important;
  color: var(--imo-lux-ink) !important;
  box-shadow:
    0 14px 36px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

#feed .card p,
#feed .mossy-card p,
#feed .result-card p,
#feed .place-card p,
#feed .service-card p,
#feed .ad-card p,
#feed .recommend-card p,
.feed .card p,
.feed .mossy-card p,
.feed .result-card p,
.feed .place-card p,
.feed .service-card p,
.feed .ad-card p,
.feed .recommend-card p {
  color: var(--imo-lux-text) !important;
}

#feed .card button,
#feed .mossy-card button,
#feed .result-card button,
#feed .place-card button,
#feed .service-card button,
#feed .ad-card button,
#feed .recommend-card button,
.feed .card button,
.feed .mossy-card button,
.feed .result-card button,
.feed .place-card button,
.feed .service-card button,
.feed .ad-card button,
.feed .recommend-card button {
  background: rgba(255, 248, 232, .10) !important;
  color: var(--imo-lux-ink) !important;
  border: 1px solid rgba(229, 207, 142, .24) !important;
}

/* 5) Bottom/right nav and composer: less fluorescent, more concierge */
#bottomNav button,
.bottom-nav button,
#rightRail button,
.right-rail button,
.quick button,
.shortcuts button {
  background: rgba(8, 18, 13, .74) !important;
  color: var(--imo-lux-ink) !important;
  border-color: rgba(229, 207, 142, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

#bottomNav button.active,
.bottom-nav button.active,
#rightRail button.active,
.right-rail button.active,
#bottomNav button[aria-pressed="true"],
.bottom-nav button[aria-pressed="true"],
#rightRail button[aria-pressed="true"],
.right-rail button[aria-pressed="true"] {
  background: linear-gradient(180deg, rgba(241, 223, 157, .92), rgba(196, 171, 105, .92)) !important;
  color: #102014 !important;
  border-color: rgba(255, 242, 184, .72) !important;
}

#composer,
.composer {
  border-color: rgba(229, 207, 142, .28) !important;
  background: rgba(3, 9, 6, .72) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

#msg,
.composer input,
.composer textarea,
.input {
  color: var(--imo-lux-ink) !important;
  caret-color: var(--imo-lux-gold-1) !important;
}

#send,
.send,
.composer button[type="submit"] {
  background: linear-gradient(180deg, #d9e8cf, #a9c69b) !important;
  color: #0b1b10 !important;
  border-color: rgba(255, 248, 232, .50) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
}

.plus,
#plus,
.composer .plus,
.composer button[type="button"]:first-child {
  border-color: rgba(229, 207, 142, .32) !important;
  color: var(--imo-lux-ink) !important;
}

/* 6) Tiny status / dot: keep IMO vitality, but small */
.status-dot,
.online-dot,
.imo-dot,
[class*="dot"] {
  background: var(--imo-lux-green-dot) !important;
  box-shadow: 0 0 12px rgba(55, 221, 85, .35) !important;
}

@media (max-width: 430px) {
  body[data-view="intro"] .mossy0703z-entry-card,
  body[data-view="setup"] .mossy0703z-entry-card,
  #intro .card,
  #setup .card,
  .mossy0703z-entry-card,
  .mossy0704-entry-card,
  .imo-entry-card {
    border-color: rgba(229, 207, 142, .30) !important;
  }
}