a, a:link, a:visited {
    text-decoration: none;
    color: black;
}

.url-styled {
    text-decoration: underline;
    color: #cc2052 !important;
}

.draggable {
    transition: background-color 0.2s ease;
    cursor: grab;
}

.dragging {
    opacity: 0.6;
    background-color: #ED164F;
}

.drag-over {
    background-color: rgba(237, 22, 79, 0.5) !important;
    border: 2px dashed #C50C45;
}

.list-group-item {
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.carousel-item img {
    max-height: 350px;
    width: 100%;
    object-fit: cover;
}

.btn:focus, .btn:active {
    box-shadow: none !important;
    outline: none !important;
}

.white-filter {
    filter: brightness(0) invert(1);
}

.btn-primary {
    background-color: #cc2052 !important;
    border: 1px solid transparent !important;
    color: white !important;
}

    .btn-primary:hover {
        background-color: #a01a44 !important;
        color: white !important;
        border: 1px solid transparent;
    }

.form-check-input:checked {
    background-color: #cc2052;
    border-color: #cc2052;
}

.form-check-input:focus {
    box-shadow: none;
}

.btn-outline-primary {
    color: #cc2052 !important;
    background-color: white !important;
    border: 1px solid #cc2052 !important;
    transition: all 0.2s ease;
}

    .btn-outline-primary:hover {
        background-color: #cc2052 !important;
        color: white !important;
        border-color: #cc2052 !important;
    }

.suggestion-item {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

    .suggestion-item:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transform: translateY(-3px);
    }

.spinner-border {
    color: #cc2052;
}

.form-control:focus,
.form-select:focus {
    border-color: #cc2052;
    box-shadow: 0 0 0 0.2rem rgba(204, 32, 82, 0.25);
}

.dropdown-menu .dropdown-item:active {
    background-color: #cc2052 !important;
}

@media (min-width: 1400px) {
    .custom-lg-width {
        width: 15% !important;
    }
}