.search-result-body {overflow: hidden;}
.h-48 {min-height: 48px;height: 48px;}
.p2px {padding: 2px;}
.box-shadow1 {box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);}
.ask-stocky {
    position: fixed;
    top: auto;
    left: auto;
    right: 40px;
    bottom: 40px;
    display: flex;
    gap: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 52px;
    z-index: 9999;
    color: var(--color-blue-500);
    background: linear-gradient(var(--color-white), var(--color-white)) padding-box, linear-gradient(to right, var(--color-blue-500), var(--color-blue-500), var(--color-orange-300), var(--color-purple-500)) border-box;
    background-size: 100% 100%, 300% 100%;
    background-position: 0 0, 0 0;
    border: 3px solid transparent;
    animation: borderMove 3s linear infinite;
}
@keyframes borderMove {
    0% {
        background-position: 0 0, 0% 0;
    }
    100% {
        background-position: 0 0, 100% 0;
    }
}
.ask-stocky-input {
    text-align: left;
    width: 140px;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.ask-stocky-btn {
    text-align: left;
    width: 140px;
    cursor: pointer;
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.ask-stocky-img {
    min-width: 68px;
    width: 68px;
    height: 68px;
    margin-left: -3px;
}
.ask-stocky-img img {
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    padding: 1px;
}

/* Ask Stocky floating button — Bootstrap tooltip (used site-wide from footer) */
.tooltip.ask-stocky-tooltip .tooltip-inner {
    max-width: 260px;
    padding: 10px 14px;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #4f46e5, #7c3aed, #2563eb);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(79, 70, 229, 0.35);
}
.tooltip.ask-stocky-tooltip.bs-tooltip-left .tooltip-arrow::before,
.tooltip.ask-stocky-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #4f46e5;
}
.tooltip.ask-stocky-tooltip.bs-tooltip-right .tooltip-arrow::before,
.tooltip.ask-stocky-tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #2563eb;
}
/*========== CENTER SEARCH STYLE ===================================*/
/* Use min-height (not fixed height) so content can grow with one page scrollbar */
.center-search-section{padding-bottom: 48px;width: 100%;min-height: 100vh;height: auto;display: flex;justify-content: center;align-items: center;flex-direction: column; flex-wrap: nowrap;}

/*
 * Search-result page — same pattern as stockprices-stocky reference:
 * section = viewport slice below fixed header; inner flex column; .div-grow-1 scrolls chat;
 * compose block is a normal flex sibling below (reserved space — does not overlap text).
 */
.stocky-result-page.center-search-section {
    box-sizing: border-box;
    width: 100%;
    height: calc(100dvh - var(--stocky-body-pad-top, 96px));
    min-height: calc(100dvh - var(--stocky-body-pad-top, 96px));
    max-height: calc(100dvh - var(--stocky-body-pad-top, 96px));
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.stocky-result-page.center-search-section > .search-chat-box {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.stocky-result-compose {
    flex-shrink: 0;
    width: 100%;
    padding-bottom: max(0px, env(safe-area-inset-bottom, 0px));
}
.search-box-wrapper .search-box-input.stocky-chat-input {
    min-height: 54px;
    max-height: 160px;
    height: 54px;
    line-height: 1.45;
    overflow-y: auto;
    resize: none;
    box-sizing: border-box;
}
.center-search-section .logo{order: 1;width: 300px;margin: 0 auto}
.center-search-section .logo img {padding: 8px;border-radius: 6px;}
html[data-bs-theme="dark"] .center-search-section .logo img {background-color: var(--color-white-same);}
.search-box-wrapper {width: 100%;background: var(--color-white);}
.search-box-wrapper .search-box-input {
    border: none;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    height: 54px;
    resize: none;
    overflow-y: hidden;
    box-shadow: none !important;
    outline: none !important;
}
button#input-cross {display: none;border: 0}
.search-box-wrapper .search-button-block{
    display: flex;
    justify-content: flex-end;
}
.search-button-block button#input-cross.input-padding-class {
    display: inline-block;
    border-right: 0.3px solid #70757a;
    padding-right: 15px;
}
.search-button-block button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0 0 0 10px;
}
.search-box-wrapper svg {min-width: 24px;width: 24px;height: 24px;}
.search-logos {
    width: 50px;
    height: 50px;
    object-fit: contain;
    object-position: center;
}
.search-result-section {padding: 24px;}
/* Reference: chat column scrolls inside flex layout (min-height:0 fixes flex overflow) */
.div-grow-1 {
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.chat-px {padding: 0 24%;}
.right-chat-box {
    text-align: right;
    width: fit-content;
    max-width: 80%;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-black);
    padding: 8px 12px;
    border-radius: 10px 0 10px 10px;
    margin: 20px 0 20px auto;
    background-color: var(--bg-color-muted);
}
.btn-hover-clr:hover {
    background-color: var(--bg-color-muted) !important;
}
/*Chat Answers*/
#chat-box-block, #chat-box-block p, #chat-box-block a, #chat-box-block button, #chat-box-block span,
#chat-box-block div, #chat-box-block li, #chat-box-block ol, #chat-box-block strong, #chat-box-block b {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    color: var(--color-black);
}
#chat-box-block strong, #chat-box-block b {font-weight: 700;}
#chat-box-block ul, #chat-box-block ul li, #chat-box-block ul ol {padding: 0;margin: 0 0 16px 0;}
#chat-box-block ul.dropdown-menu {padding: 2px;}
#chat-box-block ul.dropdown-menu li, #chat-box-block ul.dropdown-menu ol {padding: 0;margin: 2px 0;}
#chat-box-block ul.dropdown-menu li a, #chat-box-block ul.dropdown-menu ol a {padding: 2px 8px;margin: 0;}
#chat-box-block .chats-p-bold {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: normal;
    color: var(--color-black);
    margin-bottom: 8px;
}
.search-chat-box .dropdown-item {font-size: 0.9rem;font-weight: 400;color: var(--color-black);}
.search-chat-box .dropdown-item.active,
.search-chat-box .dropdown-item:active {
    color: var(--color-white) !important;
    background-color: var(--color-black);
}
/*========== @media screen  ================================*/
@media screen and (max-width: 1024px) {
    .chat-px {padding: 0 18%;}
    .center-search-section:not(.stocky-result-page) {padding-bottom: 115px;}
}
@media screen and (max-width: 991px) {
    .center-search-section .logo{width: 260px;}
    .chat-px {padding: 0 10%;}
}
@media screen and (max-width: 767px) {
    .center-search-section .logo{width: 200px;}
    .search-box-wrapper svg {min-width: 20px;width: 20px;height: 20px;}
    .search-logos {width: 38px;height: 38px;}
    .search-section-logos .w-100px {width: 65px;}
    .search-section-logos .h-100px {height: 80px;}
    .search-section-logos .font-14 {font-size: 12px;}
    .chat-px {padding: 0 12px;}
}
@media screen and (max-width: 575px) {
    .center-search-section:not(.stocky-result-page) {padding-bottom: 110px;}
}