/*
 * UnitiERP.Web.Public - PayPal Blue Theme Override
 * 
 * This file overrides Bootstrap's default primary color with PayPal's signature blue.
 * Colors used:
 * - Primary Blue: #0070ba (PayPal's main blue)
 * - Hover/Dark Blue: #005ea6 (darker shade for hover states)
 * - Light Blue: #009cde (lighter accent)
 */

/* ============================================
   CSS Custom Properties (Variables) Override
   ============================================ */

:root {
    --bs-primary: #0070ba;
    --bs-primary-rgb: 0, 112, 186;
    --bs-primary-hover: #005ea6;
    --bs-primary-active: #004a85;
    --bs-primary-light: #009cde;
}

/* ============================================
   Button Primary Overrides
   ============================================ */

.btn-primary {
    background-color: #0070ba !important;
    border-color: #0070ba !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #005ea6 !important;
    border-color: #005ea6 !important;
    color: #ffffff !important;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: #005ea6 !important;
    border-color: #005ea6 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 112, 186, 0.5) !important;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #004a85 !important;
    border-color: #004a85 !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #0070ba !important;
    border-color: #0070ba !important;
    opacity: 0.65;
}

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

.btn-outline-primary:hover {
    background-color: #0070ba !important;
    border-color: #0070ba !important;
    color: #ffffff !important;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 112, 186, 0.5) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #005ea6 !important;
    border-color: #005ea6 !important;
    color: #ffffff !important;
}

/* ============================================
   Background Primary Overrides
   ============================================ */

.bg-primary {
    background-color: #0070ba !important;
}

.bg-primary-light {
    background-color: #009cde !important;
}

/* ============================================
   Badge Primary Overrides
   ============================================ */

.badge-primary,
.badge.bg-primary {
    background-color: #0070ba !important;
    color: #ffffff !important;
}

/* ============================================
   Alert Info Overrides (using primary blue)
   ============================================ */

.alert-info {
    background-color: rgba(0, 112, 186, 0.1) !important;
    border-color: #0070ba !important;
    color: #004a85 !important;
}

.alert-info .alert-link {
    color: #004a85 !important;
    font-weight: 600;
}

/* ============================================
   Text Primary Overrides
   ============================================ */

.text-primary {
    color: #0070ba !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #005ea6 !important;
}

/* ============================================
   Link Overrides
   ============================================ */

a {
    color: #0070ba;
}

a:hover {
    color: #005ea6;
}

/* ============================================
   Border Primary Overrides
   ============================================ */

.border-primary {
    border-color: #0070ba !important;
}

/* ============================================
   Form Control Focus (Primary Color)
   ============================================ */

.form-control:focus,
.form-select:focus {
    border-color: #0070ba !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 112, 186, 0.25) !important;
}

.form-check-input:checked {
    background-color: #0070ba !important;
    border-color: #0070ba !important;
}

.form-check-input:focus {
    border-color: #0070ba !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 112, 186, 0.25) !important;
}

/* ============================================
   Pagination Primary Overrides
   ============================================ */

.pagination .page-link {
    color: #0070ba;
}

.pagination .page-link:hover {
    color: #005ea6;
    background-color: rgba(0, 112, 186, 0.1);
    border-color: #0070ba;
}

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

/* ============================================
   Progress Bar Primary Overrides
   ============================================ */

.progress-bar {
    background-color: #0070ba !important;
}

/* ============================================
   List Group Primary Overrides
   ============================================ */

.list-group-item-primary {
    background-color: rgba(0, 112, 186, 0.1) !important;
    color: #004a85 !important;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    background-color: rgba(0, 112, 186, 0.2) !important;
    color: #004a85 !important;
}

/* ============================================
   Table Primary Overrides
   ============================================ */

.table-primary {
    background-color: rgba(0, 112, 186, 0.1) !important;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: rgba(0, 112, 186, 0.2) !important;
}

/* ============================================
   Dropdown Primary Overrides
   ============================================ */

.dropdown-item.active,
.dropdown-item:active {
    background-color: #0070ba !important;
    color: #ffffff !important;
}

/* ============================================
   Nav Pills Primary Overrides
   ============================================ */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #0070ba !important;
}

/* ============================================
   Breadcrumb Active Link Override
   ============================================ */

.breadcrumb-item.active {
    color: #0070ba;
}

/* ============================================
   Card Header with Primary Background
   ============================================ */

.card-header.bg-primary {
    background-color: #0070ba !important;
    color: #ffffff !important;
}

/* ============================================
   Spinner Primary Override
   ============================================ */

.spinner-border-primary {
    color: #0070ba !important;
}

.spinner-grow-primary {
    color: #0070ba !important;
}

/* ============================================
   Custom Utility Classes
   ============================================ */

.hover-primary:hover {
    color: #0070ba !important;
}

.bg-primary-gradient {
    background: linear-gradient(135deg, #0070ba 0%, #009cde 100%) !important;
}

/* ============================================
   Waves Effect Override (if used)
   ============================================ */

.waves-effect.waves-light {
    background-color: rgba(0, 112, 186, 0.3);
}

/* ============================================
   Custom Application-Specific Overrides
   ============================================ */

/* Apply Now buttons on vacancy cards */
.btn.btn-primary.waves-effect.waves-light {
    background-color: #0070ba !important;
    border-color: #0070ba !important;
}

.btn.btn-primary.waves-effect.waves-light:hover {
    background-color: #005ea6 !important;
    border-color: #005ea6 !important;
}

/* Status badges */
.badge.bg-info {
    background-color: #0070ba !important;
}

/* Header title icons */
.page-title i {
    color: #0070ba;
}

/* ============================================
   Responsive Adjustments
   ============================================ */

@media (max-width: 768px) {
    .btn-primary {
        padding: 0.5rem 1rem;
    }
}

/* ============================================
   Print Styles (maintain colors in print)
   ============================================ */

@media print {
    .btn-primary,
    .bg-primary,
    .badge-primary {
        background-color: #0070ba !important;
        color: #ffffff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}