/*
 * UNARTE theme overrides
 * ----------------------
 * Loaded after app.css. Remaps the Bootstrap "primary" and "danger"
 * theme colors to the UNARTE brand palette without modifying the
 * compiled app.css. Fully reversible: remove this file and its <link>.
 *
 *   primary : #1c84ee (blue)  ->  #ff3723 (UNARTE red)
 *   danger  : #ef6767 (coral) ->  #b3201a (dark brick red)
 */

:root {
    --bs-primary: #ff3723;
    --bs-primary-rgb: 255, 55, 35;
    --bs-danger: #b3201a;
    --bs-danger-rgb: 179, 32, 26;
    --bs-info: #d99a1f;
    --bs-info-rgb: 217, 154, 31;
}

/* ============================ PRIMARY ============================ */

/* Color utilities */
.bg-primary { background-color: #ff3723 !important; }
.text-primary { color: #ff3723 !important; }
.border-primary { border-color: #ff3723 !important; }
.bg-soft-primary { background-color: rgba(255, 55, 35, .18) !important; }

/* Links — deep red by default, brighten to the brand primary on hover */
a { color: #cc291a; }
a:hover { color: #ff3723; }
.btn-link { color: #cc291a; }
.btn-link:hover { color: #ff3723; }

/* Solid button */
.btn-primary {
    background-color: #ff3723;
    border-color: #ff3723;
}
.btn-primary:hover {
    background-color: #e62f1d;
    border-color: #d92d1b;
}
.btn-primary:focus, .btn-primary.focus {
    background-color: #e62f1d;
    border-color: #d92d1b;
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .5);
}
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #cc291a;
    border-color: #bf2718;
}
.btn-primary:active:focus {
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .5);
}
.btn-primary:disabled, .btn-primary.disabled {
    background-color: #ff3723;
    border-color: #ff3723;
}

/* Outline button */
.btn-outline-primary {
    color: #ff3723;
    border-color: #ff3723;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #ff3723;
    border-color: #ff3723;
}
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .5);
}
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #ff3723;
    background-color: transparent;
}

/* Form controls */
.form-control:focus,
.form-select:focus {
    border-color: #ff8a7d;
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .25);
}
.form-check-input:checked {
    background-color: #ff3723;
    border-color: #ff3723;
}
.form-check-input:focus {
    border-color: #ff8a7d;
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .25);
}

/* Pagination */
.page-link { color: #cc291a; }
.page-link:hover { color: #ff3723; }
.page-link:focus {
    color: #ff3723;
    box-shadow: 0 0 0 .15rem rgba(255, 55, 35, .25);
}
.page-item.active .page-link {
    background-color: #ff3723;
    border-color: #ff3723;
    color: #fff;
}

/* Active states: nav pills, list group, dropdown */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #ff3723;
}
.list-group-item.active {
    background-color: #ff3723;
    border-color: #ff3723;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #ff3723;
}

/* Progress bar (application wizard) */
.progress-bar { background-color: #ff3723; }

/* Light alert variant */
.alert-primary {
    color: #8a1d10;
    background-color: #ffd7d3;
    border-color: #ffc4bd;
}

/* ============================ DANGER ============================= */

/* Color utilities */
.bg-danger { background-color: #b3201a !important; }
.text-danger { color: #b3201a !important; }
.border-danger { border-color: #b3201a !important; }
.bg-soft-danger { background-color: rgba(179, 32, 26, .18) !important; }

/* Solid button */
.btn-danger {
    background-color: #b3201a;
    border-color: #b3201a;
}
.btn-danger:hover {
    background-color: #a11d17;
    border-color: #961b16;
}
.btn-danger:focus, .btn-danger.focus {
    background-color: #a11d17;
    border-color: #961b16;
    box-shadow: 0 0 0 .15rem rgba(179, 32, 26, .5);
}
.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
    background-color: #8f1a15;
    border-color: #851813;
}
.btn-danger:active:focus {
    box-shadow: 0 0 0 .15rem rgba(179, 32, 26, .5);
}
.btn-danger:disabled, .btn-danger.disabled {
    background-color: #b3201a;
    border-color: #b3201a;
}

/* Outline button (delete actions) */
.btn-outline-danger {
    color: #b3201a;
    border-color: #b3201a;
}
.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #b3201a;
    border-color: #b3201a;
}
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .15rem rgba(179, 32, 26, .5);
}
.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: #b3201a;
    background-color: transparent;
}

/* Form validation */
.invalid-feedback,
.invalid-tooltip { color: #b3201a; }
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #b3201a;
}

/* ============================= INFO ============================== */

/* Warm amber/gold — analogous to the brand red, sits well next to the
   existing rust/ochre section headers. Replaces the default cyan. */

/* Color utilities */
.bg-info { background-color: #d99a1f !important; }
.text-info { color: #b07d14 !important; }
.border-info { border-color: #d99a1f !important; }
.bg-soft-info { background-color: rgba(217, 154, 31, .18) !important; }

/* Solid button */
.btn-info {
    background-color: #d99a1f;
    border-color: #d99a1f;
    color: #fff;
}
.btn-info:hover {
    background-color: #c0871a;
    border-color: #b07d14;
    color: #fff;
}
.btn-info:focus, .btn-info.focus {
    background-color: #c0871a;
    border-color: #b07d14;
    color: #fff;
    box-shadow: 0 0 0 .15rem rgba(217, 154, 31, .5);
}
.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
    background-color: #a47312;
    border-color: #966810;
    color: #fff;
}
.btn-info:active:focus {
    box-shadow: 0 0 0 .15rem rgba(217, 154, 31, .5);
}
.btn-info:disabled, .btn-info.disabled {
    background-color: #d99a1f;
    border-color: #d99a1f;
    color: #fff;
}

/* Outline button */
.btn-outline-info {
    color: #b07d14;
    border-color: #d99a1f;
}
.btn-outline-info:hover,
.btn-outline-info:active,
.btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #d99a1f;
    border-color: #d99a1f;
}
.btn-outline-info:focus {
    box-shadow: 0 0 0 .15rem rgba(217, 154, 31, .5);
}
.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: #b07d14;
    background-color: transparent;
}

/* Light alert variant */
.alert-info {
    color: #6e4d0c;
    background-color: #fbecc6;
    border-color: #f7dfa3;
}

/* ============================ TOPBAR ============================= */

/* Top navigation bar in black. The <body> keeps data-topbar="dark",
   so its text and icons stay white. Borders kept neutral gray — they
   were the theme's old blue, turned red by the global color swap. */
#page-topbar,
.navbar-header,
.navbar-brand-box {
    background-color: #0d0d0d !important;
    border-color: #2a2a2a !important;
}

/* Brand box widened to fit the long app title
   ("Aplicație înscriere pregătire/admitere") on one line, with extra
   breathing room on the right before the divider. */
@media (min-width: 992px) {
    .navbar-brand-box {
        width: 470px;
        padding-right: 24px;
    }
    .navbar-brand-box .logo-txt {
        white-space: nowrap;
    }
}

/* ====================== VIEW PAGE SECTIONS ======================= */

/*
 * Card-header classes for the application view sections.
 * Warm analogous palette derived from the brand red.
 * Each card-header pairs .section-header (white text) with one
 * .sec-* color class.
 */
.section-header,
.section-header h5,
.section-header .card-title {
    color: #fff;
}
.section-header.sec-specialization { background-color: #ff3723; }
.section-header.sec-webex          { background-color: #9a2f3e; }
.section-header.sec-personal       { background-color: #c8324a; }
.section-header.sec-education      { background-color: #b34a1c; }
.section-header.sec-documents      { background-color: #8a6a1e; }
.section-header.sec-tax            { background-color: #6d2722; }
.section-header.sec-payments       { background-color: #8a4030; }

/* ================= NAVIGATION (old blue leftovers) =============== */

/*
 * The theme still had its old blue (#1c84ee) baked into a few
 * navigation elements. Repointed: gray for neutral/pending states,
 * brand red for active / hovered ones.
 */

/* Sidebar menu — hover */
#sidebar-menu ul li a:hover,
#sidebar-menu ul li a:hover i,
#sidebar-menu ul li a:hover svg,
#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #ff3723;
}

/* Sidebar menu — active item */
.mm-active > a,
.mm-active > a i,
.mm-active > a svg,
.mm-active .active,
.mm-active .active i,
.mm-active .active svg,
.mm-active > i {
    color: #ff3723;
}

/* Application wizard — step circles (pending = gray, active/done = red) */
.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {
    border-color: #e9e9ef;
    color: #74788d;
}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-item .nav-link.done .step-icon {
    background-color: #ff3723;
    border-color: #ff3723;
    color: #fff;
}
.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {
    background-color: rgba(255, 55, 35, .15);
    border-color: rgba(255, 55, 35, .35);
    color: #ff3723;
}