// ============================================================================
// Chatbot Layout - Chat - Welcome
// ============================================================================
.pf-chatbot--layout--welcome {
  padding-block-end: var(--pf-t--global--spacer--lg);
  flex-direction: column;
  display: flex;
  gap: var(--pf-t--global--spacer--lg);

  .pf-v6-c-content--h1 {
    --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--400);
    --pf-v6-c-content--h1--MarginBlockEnd: 0;
  }

  .pf-chatbot__hello {
    color: var(--pf-t--global--color--brand--default);
  }

  .pf-chatbot__question {
    color: var(--pf-t--global--text--color--subtle);
  }

  .pf-chatbot__prompt-suggestions {
    flex-direction: column;
    display: flex;
    gap: var(--pf-t--global--spacer--lg);
  }

  .pf-chatbot__prompt-suggestions > * {
    flex: 1;
    overflow: visible;
    height: 100%;
  }
}

.pf-chatbot--layout--welcome.pf-m-compact {
  gap: var(--pf-t--global--spacer--md);
  padding-block-end: var(--pf-t--global--spacer--md);

  .pf-chatbot__prompt-suggestions {
    gap: var(--pf-t--global--spacer--md);
  }
}

// ============================================================================
// Chatbot Display Mode - Fullscreen and Embedded
// ============================================================================
@media screen and (min-width: 64rem) {
  .pf-chatbot--fullscreen,
  .pf-chatbot--embedded {
    .pf-chatbot--layout--welcome {
      .pf-chatbot__prompt-suggestions {
        flex-direction: row;
        align-items: baseline;
      }
    }
  }
}