.icon {
    box-shadow: none !important;
    border: none !important;
}

/* Logo in blue */
.logo {
    color: rgb(58, 200, 255);
    /* replaced green with bright blue */
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: color 0.3s ease-in-out;
}

.logo:hover {
    color: rgb(0, 134, 192);
    /* darker blue on hover */
}

.logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.6) 50%,
            rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    pointer-events: none;
}

.logo:hover::before {
    animation: shine 0.8s ease-in-out;
}

@keyframes shine {
    from {
        left: -75%;
    }

    to {
        left: 125%;
    }
}

/* Social icons in blue */
.social {
    color: rgb(58, 200, 255);
}

/* Current page link styling */
.current-page {
    color: rgb(255, 255, 255);
    /* lighter cyan-blue */
    position: relative;
    text-decoration: none;
}

.current-page::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    background-color: rgb(255, 255, 255);
    /* bright blue underline */
    border-radius: 2px;
}

/* Regular links */
.link {
    color: rgb(51, 214, 250);
    position: relative;
    text-decoration: none;
}

.link:hover {
    color: rgb(36, 167, 255);
    position: relative;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
}

/* URL links */
.url {
    color: rgb(42, 179, 209);
    position: relative;
    text-decoration: none;
}

.url:hover {
    color: rgb(34, 137, 205);
    position: relative;
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
}

/* Icon button with blue border and hover effects */
.icon-button {
    background: none;
    border: 1px solid rgb(0, 164, 219);
    padding: 0;
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}

.icon-button:hover {
    transform: scale(1.1);
}

.icon-button:hover i {
    color: rgb(0, 191, 255);
}

/* Primary text color */
.text-primary {
    color: rgb(0, 191, 255) !important;
}

/* Card title color */
.card-title {
    color: rgb(0, 191, 255);
}

.navbar {
    background-color: rgb(0, 191, 255) !important;
}

.navbar a {
    color: white !important;
}

.navbar p {
    color: white !important;
}

.dropdown-menu a {
    color: black !important;
}

.dropdown-menu span {
    color: black !important;
}

.fa-user {
    color: white !important;
}

/* Blue Spinner */
.spinner-border-blue {
    color: #007bff !important;
    /* bright bootstrap blue */
}

/* Blue Toast */
.toast-blue {
    background-color: #007bff !important;
    /* blue background */
    color: white;
    /* white text */
}

/* Optional: style toast header close button for better contrast */
.toast-blue .btn-close {
    filter: invert(1);
}

#card-container:empty::before {
    content: "No jobs for now";
    display: block;
    text-align: center;
    width: 100%;
    padding: 2rem 1rem;
    font-size: 1.2rem;
    color: #6c757d;
    font-style: italic;
}