/* PetNest Custom Theme Colors */

/* Override Bootstrap Primary Colors */
:root {
    --bs-primary: #9CB7D4;
    --bs-primary-rgb: 156, 183, 212;
    --bs-success: #9CD4B7;
    --bs-success-rgb: 156, 212, 183;
    --bs-warning: #D4C49C;
    --bs-warning-rgb: 212, 196, 156;
    --bs-danger: #D4A89C;
    --bs-danger-rgb: 212, 168, 156;
    --bs-info: #9CB7D4;
    --bs-info-rgb: 156, 183, 212;
}

/* Primary Button */
.btn-primary {
    background-color: #9CB7D4 !important;
    border-color: #9CB7D4 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #7A9BBF !important;
    border-color: #7A9BBF !important;
    color: #fff !important;
}

/* Outline Primary Button */
.btn-outline-primary {
    color: #9CB7D4 !important;
    border-color: #9CB7D4 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #9CB7D4 !important;
    border-color: #9CB7D4 !important;
    color: #fff !important;
}

/* Success Button */
.btn-success {
    background-color: #9CD4B7 !important;
    border-color: #9CD4B7 !important;
}

.btn-success:hover {
    background-color: #7ABFA0 !important;
    border-color: #7ABFA0 !important;
}

/* Warning Button */
.btn-warning {
    background-color: #D4C49C !important;
    border-color: #D4C49C !important;
}

.btn-warning:hover {
    background-color: #BFA87A !important;
    border-color: #BFA87A !important;
}

/* Danger Button */
.btn-danger {
    background-color: #D4A89C !important;
    border-color: #D4A89C !important;
}

.btn-danger:hover {
    background-color: #BF8A7A !important;
    border-color: #BF8A7A !important;
}

/* Text Colors */
.text-primary {
    color: #9CB7D4 !important;
}

.text-success {
    color: #9CD4B7 !important;
}

.text-warning {
    color: #D4C49C !important;
}

.text-danger {
    color: #D4A89C !important;
}

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

.bg-success {
    background-color: #9CD4B7 !important;
}

.bg-warning {
    background-color: #D4C49C !important;
}

.bg-danger {
    background-color: #D4A89C !important;
}

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

.badge.bg-success {
    background-color: #9CD4B7 !important;
}

.badge.bg-warning {
    background-color: #D4C49C !important;
}

.badge.bg-danger {
    background-color: #D4A89C !important;
}

/* Alert Colors */
.alert-primary {
    background-color: #E3EDF7 !important;
    border-color: #C5D9ED !important;
    color: #5A7A99 !important;
}

.alert-success {
    background-color: #E3F7ED !important;
    border-color: #C5E9D7 !important;
    color: #5A9C7A !important;
}

.alert-warning {
    background-color: #F7F3E3 !important;
    border-color: #E9E3C5 !important;
    color: #9C8A5A !important;
}

.alert-danger {
    background-color: #F7EDE3 !important;
    border-color: #E9D9C5 !important;
    color: #9C7A5A !important;
}

/* Links */
a {
    color: #9CB7D4;
}

a:hover {
    color: #7A9BBF;
}

/* Form Controls */
.form-control:focus,
.form-select:focus {
    border-color: #9CB7D4 !important;
    box-shadow: 0 0 0 0.25rem rgba(156, 183, 212, 0.25) !important;
}

/* Pagination */
.pagination .page-link {
    color: #9CB7D4;
}

.pagination .page-link:hover {
    color: #7A9BBF;
    background-color: #E3EDF7;
}

.pagination .page-item.active .page-link {
    background-color: #9CB7D4;
    border-color: #9CB7D4;
}

/* Progress Bar */
.progress-bar {
    background-color: #9CB7D4 !important;
}

/* List Group */
.list-group-item.active {
    background-color: #9CB7D4 !important;
    border-color: #9CB7D4 !important;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #9CB7D4 !important;
}

/* Nav Tabs */
.nav-tabs .nav-link.active {
    color: #9CB7D4 !important;
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #9CB7D4 !important;
}

/* Border Colors */
.border-primary {
    border-color: #9CB7D4 !important;
}

.border-success {
    border-color: #9CD4B7 !important;
}

.border-warning {
    border-color: #D4C49C !important;
}

.border-danger {
    border-color: #D4A89C !important;
}

/* Pet Card Styles */
.pet-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
}

.pet-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}