/* static/css/utility.css
   --------------------------------------------------------------
   General UI helpers and component styling used across templates
   -------------------------------------------------------------- */

/* --- dropdown behaviour ------------------------------------------------- */
.show-on-hover:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* tighter fit */
}

/* Shift the dropdown a bit left so the arrow lines up with the toggle */
.dropdown-shift-left {
    transform: translateX(-30px);
}

/* On mobile we don’t want hover‑based menus */
@media (max-width: 991px) {
    .show-on-hover:hover .dropdown-menu {
        display: none;
    }
}

/* --- favourite / watch‑list icons -------------------------------------- */
.black-heart {
    color: black;
    cursor: pointer;
}

.red-heart {
    color: red;
    cursor: pointer;
}

.fa-eye {
    cursor: pointer;
    margin-left: 5px;
}

.full-eye {
    color: blue;
}

/* ticker in watch‑list   */
.empty-eye {
    color: gray;
}

/* ticker not in list     */

/* --- links / utilities -------------------------------------------------- */
.noblue {
    color: inherit;
    text-decoration: none;
}

.noblue:hover {
    text-decoration: underline;
}

.blurred-ticker {
    filter: blur(7px);
}

/* --- cards -------------------------------------------------------------- */
.scan-card {
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.scan-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
    background-image: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.15),
            rgba(255, 255, 255, 0)
    );
}

/* --- favourite‑scan colour bands --------------------------------------- */
.favorite-1 {
    border: 4px solid #6db393;
}

.favorite-2 {
    border: 4px solid #8ac2a8;
}

.favorite-3 {
    border: 4px solid #a7d1be;
}

.favorite-4 {
    border: 4px solid #c4e0d3;
}

.favorite-5 {
    border: 4px solid #e1efe9;
}

.favorite-6 {
    border: 4px solid #f0f7f4;
}

.favorite-7 {
    border: 4px solid #ffffff;
}

/* yellow highlight used by search‑box */
.searchhighlight {
    background-color: #FFFF00; /* soft yellow; use bg-warning if you prefer */
    padding: 0 2px;
}

.finviz-logo {
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: bold;
    font-size: 2vw; /* Responsive scaling */
    line-height: 1;
    letter-spacing: 0;
    display: inline-block;
}