/* =============================================================
   Effectix Copilot - Ultra-minimal brand patch (v25 - Footer Fix)
   ============================================================= */

/******** 1 - Font ********/
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrLGT9Z1xlFQ.woff2") format("woff2");
}
body {
  font-family: "Poppins", ui-sans-serif, system-ui;
}

/******** 2 & 3 - Logo and Login Page Adjustments ********/
div.bg-cover > img[src*="logo"][src$=".svg"] {
  content: url("/images/logo-effectix.svg") !important;
  height: 85px !important;
  margin-bottom: 0 !important;
}
div.bg-cover {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.w-authPageWidth > h1 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 24px !important;
  height: 38px !important;
  position: relative !important;
  display: block !important;
}

.w-authPageWidth > h1::after {
  content: "Effectix Copilot" !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  display: block !important;
  text-align: center !important;
  user-select: none !important;
  position: absolute !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
}

html.light .w-authPageWidth > h1::after {
  color: #111113 !important;
}
html.dark .w-authPageWidth > h1::after {
  color: #ffffff !important;
}

/******** 4 - Hide LibreChat footer credit ********/
footer, footer * {
  display: none !important;
}
#messages-view main div div:nth-of-type(3) div span {
  display: none !important;
}
span:has(> a[href*="librechat.ai"]) {
  display: none !important;
}

:root {
  --effectix-primary: #9B36F7;
  --effectix-primary-hover: #8A2EDD;
  --effectix-text-on-primary: #ffffff;
  --effectix-light-background: #f3e9fe;
}

#send-button,
[data-testid="nav-new-chat-button"],
.bg-surface-submit,
form button[type="submit"] {
    background-color: var(--effectix-primary) !important;
    color: var(--effectix-text-on-primary) !important;
}
#send-button:hover,
[data-testid="nav-new-chat-button"]:hover,
.hover\:bg-surface-submit-hover:hover,
form button[type="submit"]:hover {
    background-color: var(--effectix-primary-hover) !important;
}
#send-button {
  opacity: 1 !important;
}
#send-button:disabled {
  background-color: #d1d5db !important;
  opacity: 0.7 !important;
}

#chat-history-nav .bg-surface-active-alt {
  background-color: var(--effectix-primary) !important;
  color: var(--effectix-text-on-primary) !important;
}
#chat-history-nav .bg-surface-active-alt div,
#chat-history-nav .bg-surface-active-alt svg {
  color: var(--effectix-text-on-primary) !important;
  fill: var(--effectix-text-on-primary) !important;
}
#chat-history-nav [data-testid="convo-item"]:hover {
    background-color: var(--effectix-light-background) !important;
}

button[aria-label="Vyberte model"] {
    background-color: var(--effectix-light-background) !important;
    border-color: var(--effectix-primary) !important;
    color: var(--effectix-primary) !important;
}
button[aria-label="Vyberte model"] svg {
    color: var(--effectix-primary) !important;
}
.data-\[state\=open\]\:bg-surface-secondary[data-state=open] {
    background-color: var(--effectix-primary) !important;
    color: var(--effectix-text-on-primary) !important;
}
.data-\[state\=open\]\:bg-surface-secondary[data-state=open] svg {
    color: var(--effectix-text-on-primary) !important;
    stroke: var(--effectix-text-on-primary) !important;
}
button[role="switch"][data-state="checked"] {
    background-color: var(--effectix-primary) !important;
}

.focus-visible\:ring-ring-primary:focus-visible {
    --tw-ring-color: var(--effectix-primary) !important;
}
.focus\:border-green-500:focus {
    border-color: var(--effectix-primary) !important;
}
.peer-focus\:text-green-600:focus-within {
    color: var(--effectix-primary) !important;
}

/******** 5a - Login Page MPO Footer ********/
.w-authPageWidth::after {
    content: 'Financováno v rámci projektu FX05030042_7816 z programu Country for the Future';
    display: block;
    margin-top: 32px;
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 160px;
    background-image: url('/images/mpo-logo.png');
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

/******** 5 - Welcome Screen Logo ********/
main .flex.h-full.transform-gpu.flex-col.items-center.justify-center > .flex.flex-col.items-center::before {
  content: url("/images/logo-effectix.svg");
  display: block;
  width: 120px;
  height: auto;
  margin-bottom: 24px;
}

/******** 6 - Welcome Screen Footer ********/
div.relative.flex.h-full.flex-1.flex-col:has(main .flex.h-full.transform-gpu)::after {
    content: 'Financováno v rámci projektu FX05030042_7816\A z programu Country for the Future';
    white-space: pre-wrap;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #9ca3af;
    line-height: 1.5;
    padding-right: 170px;
    background-image: url('/images/mpo-logo.png');
    background-size: auto 140px;
    background-repeat: no-repeat;
    background-position: right center;
    text-align: left;
    z-index: 10;
}