/* ============================================================
   eReklamacje — motyw xland-ewozki
   Kanoniczna paleta XMan (jak XMan.Web/wwwroot/css/xtheme.css)
   ============================================================ */

:root {
    --x-primary: #0B7C68;
    --x-primary-hover: #20A488;
    --x-primary-pale: #E1F5F0;
    --x-navy: #2B3A4C;
    --x-navy-dark: #1D2733;
    --x-text: #424242;
    --x-text-muted: #6C757D;
    --x-border: #DEE2E6;
    --x-border-subtle: #E9ECEF;
    --x-bg-body: #F0F2F5;
    --x-surface: #FFFFFF;
    --x-surface-alt: #F7F8FA;
    --x-success: #28A745;
    --x-warning: #F59E0B;
    --x-danger: #DC3545;
    --x-info: #1976D2;

    --bs-primary: var(--x-primary);
    --bs-primary-rgb: 11, 124, 104;
    --bs-body-color: var(--x-text);
    --bs-body-bg: var(--x-bg-body);
    --bs-link-color: var(--x-primary);
    --bs-link-hover-color: var(--x-primary-hover);
    --bs-link-color-rgb: 11, 124, 104;
    --bs-link-hover-color-rgb: 32, 164, 136;
}

body {
    background-color: var(--x-bg-body);
    color: var(--x-text);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ---------- Header / stopka ---------- */

.x-header {
    background-color: var(--x-surface);
    border-bottom: 1px solid var(--x-border-subtle);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .04);
    margin-bottom: 1rem;
}

.x-header-logo {
    height: 40px;
    width: auto;
}

.x-lang-btn {
    --bs-btn-color: var(--x-text-muted);
    --bs-btn-border-color: var(--x-border);
    --bs-btn-hover-color: var(--x-primary);
    --bs-btn-hover-bg: var(--x-primary-pale);
    --bs-btn-hover-border-color: var(--x-primary-hover);
    --bs-btn-active-bg: var(--x-primary-pale);
    --bs-btn-active-color: var(--x-primary);
    --bs-btn-active-border-color: var(--x-primary-hover);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--x-primary);
}

.x-footer {
    background-color: var(--x-navy);
    color: #CFD6DD;
}

    .x-footer a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .x-footer a:hover {
            color: var(--x-primary-hover);
            text-decoration: underline;
        }

/* ---------- Nagłówki sekcji formularza (chipy z numerem) ---------- */

.x-section-header {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.x-step {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 50%;
    background-color: var(--x-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .95rem;
}

/* ---------- Karty ---------- */

.card {
    border: 1px solid var(--x-border-subtle);
    border-radius: .75rem;
}

.card-header {
    border-bottom: 1px solid var(--x-border-subtle);
}

.bg-light {
    background-color: var(--x-surface-alt) !important;
}

/* ---------- Przyciski ---------- */

.btn-primary {
    --bs-btn-bg: var(--x-primary);
    --bs-btn-border-color: var(--x-primary);
    --bs-btn-hover-bg: var(--x-primary-hover);
    --bs-btn-hover-border-color: var(--x-primary-hover);
    --bs-btn-active-bg: var(--x-primary-hover);
    --bs-btn-active-border-color: var(--x-primary-hover);
    --bs-btn-disabled-bg: var(--x-primary);
    --bs-btn-disabled-border-color: var(--x-primary);
    --bs-btn-focus-shadow-rgb: 11, 124, 104;
}

.btn-outline-primary {
    --bs-btn-color: var(--x-primary);
    --bs-btn-border-color: var(--x-primary);
    --bs-btn-hover-bg: var(--x-primary);
    --bs-btn-hover-border-color: var(--x-primary);
    --bs-btn-active-bg: var(--x-primary-hover);
    --bs-btn-active-border-color: var(--x-primary-hover);
    --bs-btn-focus-shadow-rgb: 11, 124, 104;
}

/* ---------- Formularze ---------- */

.form-control:focus,
.form-select:focus {
    border-color: var(--x-primary-hover);
    box-shadow: 0 0 0 .25rem rgba(11, 124, 104, .15);
}

.form-check-input:checked {
    background-color: var(--x-primary);
    border-color: var(--x-primary);
}

.form-check-input:focus {
    border-color: var(--x-primary-hover);
    box-shadow: 0 0 0 .25rem rgba(11, 124, 104, .15);
}

/* ---------- Semantyka ---------- */

.text-primary {
    color: var(--x-primary) !important;
}

.text-success {
    color: var(--x-success) !important;
}

.text-danger {
    color: var(--x-danger) !important;
}

.progress-bar {
    background-color: var(--x-primary);
}

    .progress-bar.bg-success {
        background-color: var(--x-success) !important;
    }

.alert-info {
    --bs-alert-color: #0C5487;
    --bs-alert-bg: #E7F1FA;
    --bs-alert-border-color: #C5DDF2;
}

    .alert-info .text-info {
        color: var(--x-info) !important;
    }

.alert-success {
    --bs-alert-color: #1E7E34;
    --bs-alert-bg: #E6F4EA;
    --bs-alert-border-color: #C3E6CB;
}