/* ============================================================
   Keshava WDC - custom styles (extracted from home.html)
   External file -> cleaner HTML, better caching, easier to maintain
   ============================================================ */

/* ---- Slider heading: red + orange + yellow gradient ---- */
.slider-title-stylish {
    background: linear-gradient(90deg, #ff9800 0%, #ff3d00 55%, #ffd400 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff6600;
    font-weight: 800 !important;
    letter-spacing: 0.5px;
    text-shadow: none;
}

/* ---- Slider sub text: thick + bold green ---- */
.slider-sub-stylish {
    color: #1b5e20 !important;
    font-weight: 600;
    line-height: 1.7 !important;
}
.slider-sub-stylish p {
    margin-bottom: 0.35rem;
    font-weight: 600;
}

/* ---- Typing bar (below slider): fixed single-line, mobile compatible ----
   The name must stay on ONE line so the fixed-height bar never clips/cuts
   the text and the page never overflows on phones. */
@media (max-width: 768px) {
    .college-info-bar {
        min-height: auto;
        padding: 20px 12px;
    }
    .typing-wrapper {
        justify-content: center !important;
        text-align: center !important;
        width: 100%;
    }
    .typing-wrapper h2 {
        font-size: clamp(0.75rem, 3.7vw, 1.05rem) !important;
        white-space: nowrap !important;
        letter-spacing: 0.5px;
    }
}