#default_header > div.container-xl.d-none.d-lg-flex > div > ul:nth-child(2) {
  display: none;
}

/* ======================================
   THEME TOKENS
====================================== */
:root {
  --primary-333: #333449;
}

/* ======================================
   NAVBAR – GLASS + LIGHT THEME
====================================== */
.navbar-wrapper,
#default_header,
#default_header .navbar,
#default_header .navbar-container {
  background: rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
  color: #111 !important;
}

.navbar-wrapper a,
.navbar-wrapper .nav-link {
  color: #111111 !important;
  text-shadow: none !important;
}

.navbar-wrapper a:hover,
.navbar-wrapper .nav-link:hover {
  color: var(--primary-333) !important;
}

/* ======================================
   ACTION WRAPPER – GLASS, ORIGINAL SHAPE
====================================== */
.action-inner-wraper {
  background: rgba(255, 255, 255, 0.20) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;

  padding: 0.2rem 1rem !important;
  border-radius: 50px !important;
  height: auto !important;

  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}



/* ======================================
   GLOBAL PRIMARY BUTTON COLOR
====================================== */
.btn-primary,
button.btn-primary {
  background-color: var(--primary-333) !important;
  border-color: var(--primary-333) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
button.btn-primary:hover {
  background-color: #262636 !important;
  border-color: #262636 !important;
}

/* Other primary buttons */
#toggleNavigationOffcanvas,
body > react-root:nth-child(32) > button,
body > react-root:nth-child(40) > button,
body > react-root:nth-child(43) > button {
  background-color: var(--primary-333) !important;
  border-color: var(--primary-333) !important;
  color: #fff !important;
}

/* ======================================
   CHATBOT CONTAINER – GLASS
====================================== */
div[data-avatar-type="ChatBot"] {
  background: rgba(255, 255, 255, 0.24) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  padding-bottom: none !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
}

/* ======================================
   CLEAN CHAT BUBBLE SYSTEM
====================================== */

/* Base bubble */
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  border-radius: 10px !important;
  padding: 10px 14px !important;
  max-width: 80% !important;
  display: inline-block !important;
  white-space: normal !important;
  word-break: break-word !important;

  /* Remove pulsing */
  box-shadow: none !important;
  transition: none !important;
    
}
/* USER bubble — solid brand color */
div[data-avatar-type="ChatBot"]
  .yIcijJiYmeqjcme57Gnj-g\=\=
  .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  background: #333449 !important;
  color: #ffffff !important;
  border: none !important;
}

/* BOT bubble — grayish with white text */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\=:not(.yIcijJiYmeqjcme57Gnj-g\=\=)
  .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= {
  background: #999 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
}

/* Children inherit text color */
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= *,
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\= > * {
  color: inherit !important;
}

/* Timestamp — white */
div[data-avatar-type="ChatBot"]
  .XvG4typCNfStAzzRNAeKYA\=\= > span {
  color: rgba(255,255,255,0.9) !important;
  font-size: 11px !important;
  margin-top: 4px !important;
}

/* ======================================
   CLOSE "X" BUTTON — NO BACKGROUND
====================================== */
div[data-avatar-type="ChatBot"] button.-qKjeF3tp53xtCG3I03s4g\=\=,
div[data-avatar-type="ChatBot"] .avatar-stream-chat-close-header > button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

div[data-avatar-type="ChatBot"] button.-qKjeF3tp53xtCG3I03s4g\=\= i,
div[data-avatar-type="ChatBot"] .avatar-stream-chat-close-header > button i {
  color: #ffffff !important;
  font-size: 18px !important;
}

/* ======================================
   CHAT INPUT – GLASS
====================================== */
/* CHAT INPUT WRAPPER — SMALLER, GLASS, PRIMARY COLOR SUPPORT */
div[data-avatar-type="ChatBot"] .UBv8R7uYk21wNZ-ss8S0nQ\=\= {
  background: rgba(255, 255, 255, 0.20) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;

  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.30) !important;

  margin-top: 8px !important;
  margin-bottom: 14px !important;   /* a bit more bottom spacing */

  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 2px 8px !important;
  min-height: 34px !important;
}

/* INPUT FIELD */
div[data-avatar-type="ChatBot"] input.form-control {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  color: #ffffff !important;
  font-size: 0.85rem !important;
  padding: 2px 4px !important;
}

div[data-avatar-type="ChatBot"] input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* SEND BUTTON — SLIGHTLY BIGGER NOW */
div[data-avatar-type="ChatBot"] button.btn-chat,
div[data-avatar-type="ChatBot"] .input-group > .btn {
  background: var(--primary-333) !important;   /* your primary color */
  border-color: var(--primary-333) !important;
  color: #ffffff !important;

  border-radius: 18px !important;

  padding: 4px 16px !important;   /* ⬅ bigger but still compact */
  height: 34px !important;        /* ⬅ slightly taller */
  font-size: 0.9rem !important;
  line-height: 1 !important;
}

div[data-avatar-type="ChatBot"] {
  padding-bottom: 10px !important;   /* adds nice breathing room */
}

/* ======================================
   SEND BUTTON — PRIMARY COLOR
====================================== */
div[data-avatar-type="ChatBot"] button.btn-chat,
div[data-avatar-type="ChatBot"] .input-group > .btn {
  background: var(--primary-333) !important;
  border-color: var(--primary-333) !important;
  color: #ffffff !important;
  border-radius: 20px !important;
}

/* ======================================
   MUI SPEEDDIAL / FAB
====================================== */
.MuiSpeedDial-root {
  z-index: 1040;
}

.MuiSpeedDial-fab,
.MuiButtonBase-root.MuiFab-root {
  background: var(--primary-333) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.MuiSpeedDial-fab:hover,
.MuiButtonBase-root.MuiFab-root:hover {
  background: #262636 !important;
}

.MuiSpeedDialAction-fab {
  background: rgba(20, 22, 32, 0.9) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
}

.MuiTouchRipple-root { 
  display: none !important; 
}

/* ======================================
   HARD STOP: no pulsing / no animations
   ====================================== */

/* Disable animations & transitions on all chatbot message rows/bubbles */
div[data-avatar-type="ChatBot"] .JYn3Iz4ebtL3Aw9Zfl1eoA\=\=,
div[data-avatar-type="ChatBot"] .XvG4typCNfStAzzRNAeKYA\=\=,
div[data-avatar-type="ChatBot"] .AtZjzny-\+hLypEvTh1PcPw\=\= * {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

#btnDebug
{
display:none;
}

/* MAKE LOGO BIGGER */
#default_header .navbar-brand img.main-logo {
    max-height: 70px !important;   /* increase logo size */
    height: auto !important;
    width: auto !important;
}

/* EVEN BIGGER ON DESKTOP */
@media (min-width: 992px) {
    #default_header .navbar-brand img.main-logo {
        max-height: 100px !important;
    }
}

/* FORCE WHITE TEXT FOR ALL NAV ITEMS */
#default_header .nav-link,
#default_header .navbar-brand,
#default_header a,
#default_header i,
#default_header .offcanvas-title {
    color: #ffffff !important;
}

/* MAKE OFFCANVAS MENU TEXT WHITE */
#offcanvasNavbar,
#offcanvasNavbar .nav-link,
#offcanvasNavbar i {
    color: #ffffff !important;
}

/* MAKE THE HEADER UNDERLINE PURE WHITE */
.w-100.border-top.border-primary {
    border-top: 1px solid #ffffff !important;
    background: transparent !important;
    height: 1px !important;   /* keep it thin and clean */
}

/* HOVER — YOUR ACCENT */
#default_header .nav-link:hover,
#default_header .nav-link.active,
#default_header a:hover {
  color: #333449 !important; /* ← your primary used as accent */
  background: transparent !important;
}


body > main
{
margin-bottom:15%;
}