/* Complete Odin / Triple Goddess presentation and shared advice console. */

.bhw-advice-gate {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--bhw-space-4);
    background: rgba(3, 5, 7, 0.88);
    backdrop-filter: blur(12px);
}

.bhw-advice-gate[hidden] {
    display: none;
}

.bhw-advice-gate__card {
    display: grid;
    gap: var(--bhw-space-4);
    width: min(43rem, 100%);
    max-height: calc(100svh - 2rem);
    padding: clamp(1.5rem, 5vw, 3rem);
    overflow: auto;
    border: var(--bhw-border-thin) solid rgba(200, 167, 106, 0.34);
    border-radius: var(--bhw-radius-large);
    background:
        radial-gradient(circle at top, rgba(200, 167, 106, 0.1), transparent 34%),
        #0d1217;
    box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.65);
}

.bhw-advice-gate__card > * {
    margin: 0;
}

.bhw-advice-gate__card > p:not(.bhw-eyebrow) {
    color: var(--bhw-color-text-secondary);
    line-height: 1.75;
}

.bhw-advice-portal {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-block-end: var(--bhw-border-thin) solid var(--bhw-color-border);
    background:
        radial-gradient(circle at 76% 50%, rgba(200, 167, 106, 0.1), transparent 25%),
        linear-gradient(135deg, #080b0e, #10161d);
}

.bhw-advice-portal__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.82fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    min-height: 68svh;
    padding-block: clamp(3rem, 8vw, 7rem);
}

.bhw-advice-portal__copy {
    display: grid;
    gap: var(--bhw-space-4);
}

.bhw-advice-portal__copy > * {
    margin: 0;
}

.bhw-advice-portal__copy h1 {
    font-size: clamp(3.5rem, 9vw, 7rem);
    letter-spacing: -0.04em;
    line-height: 0.86;
}

.bhw-advice-portal__copy > p:not(.bhw-eyebrow) {
    color: var(--bhw-color-text-secondary);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    line-height: 1.7;
}

.bhw-advice-portal__media {
    position: relative;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    border: var(--bhw-border-thin) solid rgba(200, 167, 106, 0.28);
    border-radius: 48% 48% var(--bhw-radius-large) var(--bhw-radius-large);
    background: #070a0d;
    box-shadow:
        0 2rem 5rem rgba(0, 0, 0, 0.48),
        0 0 4rem rgba(200, 167, 106, 0.08);
}

.bhw-advice-master--hekate .bhw-advice-portal__media {
    aspect-ratio: 16 / 10;
    border-radius: 50% 50% var(--bhw-radius-large) var(--bhw-radius-large);
}

.bhw-advice-portal__media img,
.bhw-advice-portal__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bhw-raven-subnav {
    position: relative;
    z-index: 3;
    padding-block: var(--bhw-space-3);
    overflow-x: auto;
    border-block-end: var(--bhw-border-thin) solid var(--bhw-color-border);
    background: rgba(9, 13, 17, 0.96);
}

.bhw-raven-subnav .bhw-container {
    display: flex;
    gap: var(--bhw-space-2);
    min-width: max-content;
}

.bhw-raven-subnav a {
    padding: var(--bhw-space-2) var(--bhw-space-3);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-pill);
    color: var(--bhw-color-text-secondary);
    text-decoration: none;
}

.bhw-raven-subnav a:hover,
.bhw-raven-subnav a[aria-current="page"] {
    border-color: var(--bhw-color-accent);
    background: var(--bhw-color-gold-wash);
    color: var(--bhw-color-text-primary);
}

.bhw-advice-master .bhw-section {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.bhw-advice-chat {
    background:
        radial-gradient(circle at 70% 15%, rgba(200, 167, 106, 0.07), transparent 22%),
        var(--bhw-color-background-primary);
}

.bhw-advice-chat__grid {
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.28fr);
    gap: var(--bhw-layout-grid-gap);
}

.bhw-advice-note {
    display: grid;
    gap: var(--bhw-space-2);
    padding: var(--bhw-space-4);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-panel);
    background: rgba(7, 10, 13, 0.5);
}

.bhw-advice-note span {
    color: var(--bhw-color-text-secondary);
    line-height: 1.65;
}

.bhw-advice-console > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--bhw-space-4);
}

.bhw-advice-console > header h2,
.bhw-advice-console > header p {
    margin: 0;
}

.bhw-advice-status {
    padding: var(--bhw-space-2) var(--bhw-space-3);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-pill);
    color: var(--bhw-color-text-secondary);
    font-size: var(--bhw-text-xs);
}

.bhw-advice-transcript {
    display: grid;
    align-content: start;
    gap: var(--bhw-space-4);
    min-height: 18rem;
    max-height: 34rem;
    padding: var(--bhw-space-4);
    overflow-y: auto;
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-panel);
    background: rgba(5, 8, 10, 0.72);
}

.bhw-advice-message {
    display: grid;
    gap: var(--bhw-space-2);
    max-width: 86%;
}

.bhw-advice-message > span {
    color: var(--bhw-color-accent);
    font-size: var(--bhw-text-xs);
    font-weight: var(--bhw-weight-semibold);
    letter-spacing: var(--bhw-tracking-wide);
    text-transform: uppercase;
}

.bhw-advice-message > p {
    margin: 0;
    padding: var(--bhw-space-4);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: 0 var(--bhw-radius-panel) var(--bhw-radius-panel) var(--bhw-radius-panel);
    background: rgba(20, 27, 34, 0.96);
    line-height: 1.72;
    white-space: pre-line;
}

.bhw-advice-message--user {
    justify-self: end;
}

.bhw-advice-message--user > span {
    text-align: end;
}

.bhw-advice-message--user > p {
    border-radius: var(--bhw-radius-panel) 0 var(--bhw-radius-panel) var(--bhw-radius-panel);
    background: rgba(200, 167, 106, 0.12);
}

.bhw-advice-form {
    display: grid;
    gap: var(--bhw-space-3);
}

.bhw-advice-form > label {
    font-weight: var(--bhw-weight-semibold);
}

.bhw-advice-form textarea {
    width: 100%;
    min-height: 8rem;
    padding: var(--bhw-space-4);
    border: var(--bhw-border-thin) solid var(--bhw-color-border-strong);
    border-radius: var(--bhw-radius-panel);
    background: rgba(5, 8, 10, 0.85);
    color: var(--bhw-color-text-primary);
    font: inherit;
    line-height: 1.6;
    resize: vertical;
}

.bhw-advice-form__meta {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: var(--bhw-space-3);
    color: var(--bhw-color-text-secondary);
    font-size: var(--bhw-text-xs);
}

.bhw-advice-form__meta label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--bhw-space-2);
    line-height: 1.5;
}

.bhw-advice-form__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bhw-space-4);
}

.bhw-advice-form__actions > div {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bhw-space-2);
}

.bhw-advice-form__actions [data-advice-hint] {
    padding: var(--bhw-space-1) var(--bhw-space-2);
    border: var(--bhw-border-thin) solid var(--bhw-color-border);
    border-radius: var(--bhw-radius-pill);
    background: transparent;
    color: var(--bhw-color-text-secondary);
    font: inherit;
    font-size: var(--bhw-text-xs);
    cursor: pointer;
}

.bhw-advice-form__actions [data-advice-hint]:hover {
    border-color: var(--bhw-color-accent);
    color: var(--bhw-color-text-primary);
}