/**
 * Bootstrap 5 Custom Styles for Yfantis Application
 * Adapted from CLASS — uses Scolavisa shared brand colors.
 */

:root {
    --bs-primary: var(--scolavisa-blue);
    --bs-primary-rgb: 106, 110, 143;
    --bs-success: var(--scolavisa-green);
    --bs-success-rgb: 76, 155, 94;
    --bs-danger: var(--scolavisa-red);
    --bs-danger-rgb: 199, 84, 84;
    --bs-warning: var(--scolavisa-yellow);
    --bs-warning-rgb: 237, 167, 7;
    --bs-light-blue: var(--scolavisa-light-blue);
    --bs-dark-blue: var(--scolavisa-dark-blue);
}

/* Primary Button */
.btn-primary {
    background-color: var(--scolavisa-blue);
    border-color: var(--scolavisa-blue);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    background-color: var(--btn-disabled-bg) !important;
    border-color: var(--btn-disabled-border) !important;
    color: var(--btn-disabled-color) !important;
    opacity: 1;
    cursor: not-allowed;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: var(--scolavisa-dark-blue) !important;
    border-color: var(--scolavisa-dark-blue) !important;
}

.btn-success { background-color: var(--scolavisa-green); border-color: var(--scolavisa-green); }
.btn-success:hover, .btn-success:focus, .btn-success:active { background-color: #3d7d4c !important; border-color: #3d7d4c !important; }

.btn-danger { background-color: var(--scolavisa-red); border-color: var(--scolavisa-red); }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #a64545 !important; border-color: #a64545 !important; }

.btn-warning { background-color: var(--scolavisa-yellow); border-color: var(--scolavisa-yellow); color: #212529; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: #c98c06 !important; border-color: #c98c06 !important; color: #212529 !important; }

/* Alert Colors */
.alert-primary { background-color: rgba(var(--bs-primary-rgb), 0.15); border-color: rgba(var(--bs-primary-rgb), 0.3); color: var(--scolavisa-blue); }
.alert-success { background-color: rgba(var(--bs-success-rgb), 0.15); border-color: rgba(var(--bs-success-rgb), 0.3); color: var(--scolavisa-green); }
.alert-danger { background-color: rgba(var(--bs-danger-rgb), 0.15); border-color: rgba(var(--bs-danger-rgb), 0.3); color: var(--scolavisa-red); }
.alert-warning { background-color: rgba(var(--bs-warning-rgb), 0.15); border-color: rgba(var(--bs-warning-rgb), 0.3); color: #856404; }

/* Card Header */
.card-header { background-color: rgba(var(--bs-primary-rgb), 0.1); color: var(--scolavisa-dark-blue); border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.2); }

/* Links */
a { color: var(--scolavisa-blue); }
a:hover { color: var(--scolavisa-dark-blue); }

/* Form Focus */
.form-control:focus, .form-select:focus { border-color: rgba(var(--bs-primary-rgb), 0.5); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); }

/* Navbar */
.navbar-dark { background-color: var(--scolavisa-blue) !important; }
.navbar { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Badge Colors */
.badge.bg-primary { background-color: var(--scolavisa-blue) !important; }
.badge.bg-success { background-color: var(--scolavisa-green) !important; }
.badge.bg-danger { background-color: var(--scolavisa-red) !important; }
.badge.bg-warning { background-color: var(--scolavisa-yellow) !important; color: #212529; }

/* Pagination */
.page-item.active .page-link { background-color: var(--scolavisa-blue); border-color: var(--scolavisa-blue); }
.page-link { color: var(--scolavisa-blue); }
.page-link:hover { color: var(--scolavisa-dark-blue); }

/* Toast Styling */
.toast-header.bg-success { background-color: var(--scolavisa-green) !important; }
.toast-header.bg-danger { background-color: var(--scolavisa-red) !important; }
.toast-header.bg-warning { background-color: var(--scolavisa-yellow) !important; color: #212529 !important; }
.toast-header.bg-primary { background-color: var(--scolavisa-blue) !important; }
.toast-container { z-index: 1090; }


.env-development .environment {
  background-image: url(/css/images/header_environment_devel.png);
  width: 120px;
  height: 40px;
  z-index: 99999;
  position: absolute;
}
.env-local .environment {
  background-image: url(/css/images/header_environment_devel.png);
  width: 120px;
  height: 40px;
  z-index: 99999;
  position: absolute;
}

.env-test .environment {
  background-image: url(/css/images/header_environment_test.png);
  width: 120px;
  height: 40px;
  z-index: 99999;
  position: absolute;
}