/* EduMart — Header / Footer / Navbar Layout Styles */

.header-top-link {
    color: #fff;
    margin-left: 15px;
    font-size: 14px;
}
.header-top-link i { margin-right: 5px; }

.header-bottom-icon a {
    position: relative;
    margin-left: 18px;
    font-size: 20px;
    color: var(--dark-color);
}
.cart-count, .notif-dot {
    position: absolute;
    top: -8px;
    right: -10px;
    background: var(--secondary-color);
    color: #000;
    font-size: 11px;
    font-weight: 700;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notif-dot {
    width: 8px; height: 8px;
    background: var(--danger-color);
}

.header-search-box {
    position: relative;
    margin-top: 10px;
}
.header-search-box input {
    width: 100%;
    padding: 8px 40px 8px 12px;
    border: 1px solid #e2e2e2;
    border-radius: var(--border-radius);
}
.header-search-box button {
    position: absolute;
    right: 8px; top: 50%;
    transform: translateY(-50%);
    background: none; border: none;
}
.search-suggestions-dropdown {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: #fff;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    z-index: 999;
    display: none;
    max-height: 400px;
    overflow-y: auto;
}
.search-suggestions-dropdown.active { display: block; }
.suggestion-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    text-decoration: none;
    color: var(--text-color);
}
.suggestion-item img { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; }
.suggestion-item:hover { background: var(--light-bg); }

.footer-list li { margin-bottom: 8px; }
.footer-list a { color: #cfd8dc; }
.footer-list a:hover { color: var(--secondary-color); }