/* Custom CSS to override Bootstrap primary color with #F012BE */

/* Override Bootstrap CSS custom properties for primary color */
:root {
    --bs-primary: #F012BE;
    --bs-primary-rgb: 240, 18, 190;
}

/* Background primary */
.bg-primary {
    background-color: #F012BE !important;
}

/* Button primary */
.btn-primary {
    background-color: #F012BE !important;
    border-color: #F012BE !important;
}

.btn-primary:hover {
    background-color: #d10fa4 !important;
    border-color: #d10fa4 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #d10fa4 !important;
    border-color: #d10fa4 !important;
    box-shadow: 0 0 0 0.2rem rgba(240, 18, 190, 0.5) !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #bd0e91 !important;
    border-color: #bd0e91 !important;
}

/* Button outline primary */
.btn-outline-primary {
    color: #F012BE !important;
    border-color: #F012BE !important;
}

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

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    color: #fff !important;
    background-color: #F012BE !important;
    border-color: #F012BE !important;
    box-shadow: 0 0 0 0.2rem rgba(240, 18, 190, 0.5) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff !important;
    background-color: #d10fa4 !important;
    border-color: #d10fa4 !important;
}

/* Text primary */
.text-primary {
    color: #F012BE !important;
}

/* Border primary */
.border-primary {
    border-color: #F012BE !important;
}

/* Navbar primary */
.navbar-dark.bg-primary {
    background-color: #F012BE !important;
}

/* Link colors when using primary theme */
a.text-primary:hover,
a.text-primary:focus {
    color: #d10fa4 !important;
}

/* Breadcrumb links */
.breadcrumb-item a {
    color: #F012BE !important;
}

.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: #d10fa4 !important;
}

/* Card header primary */
.card-header.bg-primary {
    background-color: #F012BE !important;
    border-color: #F012BE !important;
}

/* Alert primary */
.alert-primary {
    color: #8c0a59;
    background-color: #f9d7ed;
    border-color: #f4b8db;
}

/* Badge primary */
.badge.bg-primary {
    background-color: #F012BE !important;
}

/* Pagination styling */
.pagination .page-link {
    color: #F012BE !important;
    border-color: #F012BE !important;
}

.pagination .page-link:hover {
    color: #fff !important;
    background-color: #F012BE !important;
    border-color: #F012BE !important;
}

.pagination .page-link:focus {
    color: #fff !important;
    background-color: #F012BE !important;
    border-color: #F012BE !important;
    box-shadow: 0 0 0 0.2rem rgba(240, 18, 190, 0.25) !important;
}

.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #F012BE !important;
    border-color: #F012BE !important;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #fff !important;
    /* border-color: #dee2e6 !important; */
}

/* Navbar brand vertical alignment */
.navbar-brand {
    display: flex !important;
    align-items: center !important;
}

.navbar-brand img {
    vertical-align: baseline !important;
}