/*
/public/custom.css

1. changed welcome screen (text, logo, composer, starters, button, textarea)
2. changed navbar (theme, readme, profiles desc)
*/



/* WELCOME SCREEN */
#welcome-screen div[role="article"] {
    font-size: 0;
    line-height: 0;
    height: 0;
    position: relative;
    margin-top: 15px;
}

#welcome-screen div[role="article"]::after {
    content: "Legal AI Assistant";
    font-weight: bold;
    font-size: 24px;
    color: white;
    display: block;
    text-align: center;
}

#welcome-screen img.h-16.w-16.rounded-full {
    display: none;
}

#welcome-screen .flex-col.gap-2.mb-2.items-center::before {
    content: "";
    display: block;
    width: 256px;
    height: 256px;
    background-image: url("/public/logo_dark.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    filter: drop-shadow(0 0 2px #3D9FE0) drop-shadow(0 0 4px #3D9FE0);
}

#message-composer {
    align-items: flex-end;
    padding: 12px;
    border-radius: 14px;
    margin: 0 auto;
    order: 2;
}

/* CHAT SUBMIT (BUTTON) */
#message-composer #chat-submit svg {
    display: none;
}

#message-composer #chat-submit {
    background-image: url("/public/icons/input-icon.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    align-self: flex-end;
}

#message-composer #stop-button {
    border-radius: 10px;
}

/* HEADERS */
#header #theme-toggle {
    display: none;
}

#header #readme-button span{
    display: none;
}

#header #readme-button::after{
    content: "About \1F6C8";
    font-size: 18px;
}

#chat-profile-description {
    display: none;
}


/* STARTERS */
#welcome-screen #starters {
    order: 1 !important;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#welcome-screen #starters button {
    height: auto !important;
    white-space: normal !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    border-radius: 0.75rem;
}

#welcome-screen #starters button img {
    margin-bottom: 6px;
}

#welcome-screen #starters p {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}


/*MATERMARKS*/
.watermark div{
    display: none;
}

/* AI AVATAR*/
img[alt="Avatar for Legal AI Assistant"] {
    content: url("/public/logo_dark.png");
}

/* USER MESSAGES */
div[data-step-type="user_message"] .rounded-3xl {
    border-radius: 14px;
}

/*COPY TOOLTIP*/
div[data-state="delayed-open"].bg-popover,
div[data-state="instant-open"].bg-popover,
div[data-state="closed"].bg-popover {
    display: none !important;
}

/* THINKING MESSAGE */
.ai-message.animate-pulse {
    display: none;
}

div[data-step-type="run"] img {
    display: none;
}

.animate-pulse.bg-muted {
    display: none;
}

/* MESSANGE CONTENT */

/* Hide like/dislike buttons */
button[data-state="closed"].positive-feedback-off,
button[data-state="closed"].negative-feedback-off {
    display: none;
}

/* AUTH RIGHT SECTION */
div.relative.hidden.bg-muted.lg\:block.overflow-hidden {
    background-color: hsl(0, 0%, 13%) !important;
}

div.relative.hidden.bg-muted.lg\:block.overflow-hidden img {
    filter: none !important;
    opacity: 1 !important;
}

img.absolute.inset-0.h-full.w-full.object-cover {
    filter: none !important;
    --tw-grayscale: grayscale(0%) !important;
    --tw-brightness: brightness(1) !important;
}