/* Charcoal & Teal Branding */

.text-teal {
    color: #008080 !important;
}

.btn-teal {
    background-color: #008080;
    border-color: #008080;
    transition: 0.3s;
    color: white;
}

.btn-teal:hover {
    background-color: #006666;
    color: white;
}

.bg-teal-subtle {
    background-color: rgba(0, 128, 128, 0.15);
}

.pt-directory-card {
    border-left: 6px solid #008080 !important;
    transition: 0.3s;
}

.pt-directory-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.6) !important;
}

.profile-image-container {
    background: #222;
    overflow: hidden;
    min-height: 200px;
    border-right: 1px solid #333;
}

.object-fit-cover {
    object-fit: cover;
}


/* Dark Suggestion Item Styling */

#suggestion-box .list-group-item {
    background-color: #212529;
    color: #fff;
    border: none;
    border-bottom: 1px solid #373b3e;
    cursor: pointer;
}

#suggestion-box .list-group-item:hover {
    background-color: #2c3034;
    color: #008080;
}


/* Styling to match your image exactly */

#suggestion-box {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #444;
}

.select-location {
    background-color: #212529 !important;
    color: white !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
    transition: background 0.2s;
}

.select-location:hover {
    background-color: #2c3136 !important;
}

.text-teal {
    color: #20c997 !important;
}

.top-bar .dropdown ul li a:hover,
.top-bar .dropdown ul li a:focus {
    background: linear-gradient(90deg, rgba(88, 198, 183, 1) 0%, rgba(88, 105, 161, 1) 100%);
    color: #fff;
}