/* ==========================================================
   pracuj-de.pl – motyw paneli: admin, rekruter, pracodawca, kandydat
   (ładowany po style.css; tryb jasny)
   ========================================================== */
:root {
    --pdp-navy: #0f2147; --pdp-navy-2: #18366f; --pdp-blue: #1d5bbf; --pdp-orange: #f7790d; --pdp-orange-dark: #e06a05;
    --pdp-text: #1c2434; --pdp-muted: #6b7486; --pdp-line: #e3e8f0; --pdp-bg: #f3f6fb;
    --pdp-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-primary: #1d5bbf; --bs-primary-rgb: 29, 91, 191; --bs-link-color: #1d5bbf;
    --bs-body-font-family: var(--pdp-font);
}
body, .btn, .form-control, .form-select, input, select, textarea, h1, h2, h3, h4, h5, h6, .table {
    font-family: var(--pdp-font) !important;
}
body { background: var(--pdp-bg) !important; color: var(--pdp-text); }
.wrapper, .content { background: var(--pdp-bg) !important; }
h1, h2, h3, h4, h5, .card-title, .card-header h3 { color: var(--pdp-navy); font-weight: 700; }

/* ---------- Sidebar (admin / rekruter) ---------- */
.aside-menu-container { background: var(--pdp-navy) !important; box-shadow: none !important; }
.aside-menu-container__aside-logo { border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.aside-menu-container__aside-logo .navbar-brand-name { color: #fff !important; font-weight: 700; }
.aside-menu-container__aside-logo .new-logo-image { background: #fff; border-radius: 6px; padding: 3px; object-fit: contain; }
.aside-menu-container__aside-menubar, .aside-menu-container__aside-menubar i { color: rgba(255,255,255,.75) !important; }
.aside-menu-container__aside-search .form-control {
    background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.12) !important; color: #fff !important; min-height: 40px;
}
.aside-menu-container__aside-search .form-control::placeholder { color: rgba(255,255,255,.5); }
.aside-menu-container__search-icon, .aside-menu-container__search-icon i { color: rgba(255,255,255,.55) !important; }
.aside-menu-container .no-record { color: rgba(255,255,255,.6); }
.aside-menu-container__aside-menu .nav-item .nav-link {
    color: rgba(255,255,255,.72) !important; border-left: 4px solid transparent !important; font-weight: 500; margin: 1px 10px 1px 0;
    border-radius: 0 8px 8px 0;
}
.aside-menu-container__aside-menu .nav-item .nav-link i, .aside-menu-container__aside-menu .aside-menu-icon { color: rgba(255,255,255,.55) !important; }
.aside-menu-container__aside-menu .nav-item .nav-link:hover {
    background: rgba(255,255,255,.07) !important; color: #fff !important; border-left-color: transparent !important;
}
.aside-menu-container__aside-menu .nav-item.active > .nav-link {
    background: rgba(247,121,13,.14) !important; color: #fff !important; border-left-color: var(--pdp-orange) !important; font-weight: 600;
}
.aside-menu-container__aside-menu .nav-item.active > .nav-link i,
.aside-menu-container__aside-menu .nav-item .nav-link:hover i { color: var(--pdp-orange) !important; }
.sidebar-scrolling::-webkit-scrollbar { width: 6px; }
.sidebar-scrolling::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 6px; }

/* ---------- Górny pasek ---------- */
.header { background: #fff !important; box-shadow: 0 1px 0 var(--pdp-line) !important; }
.header .top-navbar .nav-link, .header .navbar-nav .nav-link { color: var(--pdp-muted) !important; font-weight: 600; }
.header .top-navbar .nav-link.active, .header .navbar-nav .nav-link.active, .header .top-navbar .nav-link:hover { color: var(--pdp-blue) !important; }
.header .top-navbar .nav-link.active::after, .header .navbar-nav .nav-link.active::after,
.header .top-navbar .nav-link.active::before { background: var(--pdp-orange) !important; border-color: var(--pdp-orange) !important; }
.header .text-primary, .header .fa-bell, .header .fa-moon, .header .fa-sun { color: var(--pdp-navy) !important; }
.notification-count { background: var(--pdp-orange) !important; }
.dropdown-menu { border: 1px solid var(--pdp-line) !important; border-radius: 10px !important; box-shadow: 0 10px 30px rgba(15,33,71,.1) !important; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--pdp-bg) !important; color: var(--pdp-blue) !important; }
.dropdown-item.active, .dropdown-item:active { background: var(--pdp-blue) !important; color: #fff !important; }

/* ---------- Menu poziome (pracodawca / kandydat) ---------- */
.horizontal-menu .nav-item .nav-link { color: var(--pdp-muted) !important; font-weight: 600; border-radius: 8px; }
.horizontal-menu .nav-item .nav-link i, .horizontal-menu-icon i { color: var(--pdp-muted) !important; }
.horizontal-menu .nav-item.active > .nav-link, .horizontal-menu .nav-item .nav-link:hover {
    color: var(--pdp-blue) !important; background: #eaf1fc !important;
}
.horizontal-menu .nav-item.active > .nav-link i, .horizontal-menu .nav-item .nav-link:hover i { color: var(--pdp-orange) !important; }

/* ---------- Karty, kafelki statystyk ---------- */
.card { border: 0 !important; border-radius: 12px !important; box-shadow: 0 2px 12px rgba(15,33,71,.06) !important; }
.card-header { background: transparent !important; border-bottom: 1px solid var(--pdp-line) !important; }
.bg-primary { background-color: var(--pdp-blue) !important; }
.bg-info { background-color: var(--pdp-orange) !important; }
.bg-success { background-color: #12a06a !important; }
.text-primary { color: var(--pdp-blue) !important; }
.widget-icon, .bg-primary .widget-icon { border-radius: 10px; }
.shadow-md { box-shadow: 0 2px 12px rgba(15,33,71,.06) !important; }

/* ---------- Przyciski ---------- */
.btn { border-radius: 8px !important; font-weight: 600; }
.btn-primary, .btn-primary:focus { background: var(--pdp-orange) !important; border-color: var(--pdp-orange) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active { background: var(--pdp-orange-dark) !important; border-color: var(--pdp-orange-dark) !important; }
.btn-outline-primary { color: var(--pdp-blue) !important; border-color: var(--pdp-blue) !important; }
.btn-outline-primary:hover { background: var(--pdp-blue) !important; color: #fff !important; }
.btn-secondary { background: #eef2f8 !important; border-color: #eef2f8 !important; color: var(--pdp-navy) !important; }
.btn-secondary:hover { background: #e1e7f1 !important; }
.btn-light-primary, .btn-light { background: #eaf1fc !important; color: var(--pdp-blue) !important; border-color: #eaf1fc !important; }

/* ---------- Formularze ---------- */
.form-control, .form-select, .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--pdp-line) !important; border-radius: 8px !important; min-height: 42px; box-shadow: none !important;
}
.form-control:focus, .form-select:focus, .select2-container--focus .select2-selection {
    border-color: var(--pdp-blue) !important; box-shadow: 0 0 0 3px rgba(29,91,191,.12) !important;
}
.form-label { color: var(--pdp-navy); font-weight: 600; }
.form-check-input:checked { background-color: var(--pdp-blue) !important; border-color: var(--pdp-blue) !important; }
.form-switch .form-check-input:checked { background-color: #12a06a !important; border-color: #12a06a !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--pdp-blue) !important; color: #fff !important; }

/* ---------- Tabele (Livewire) ---------- */
.table { color: var(--pdp-text) !important; }
.table thead th, .table > thead > tr > th {
    background: #f6f8fc !important; color: var(--pdp-navy) !important; font-weight: 700 !important;
    text-transform: none !important; font-size: 13px !important; border-bottom: 1px solid var(--pdp-line) !important;
}
.table tbody tr:hover > * { background: #f8fafd !important; }
.table td, .table th { border-color: var(--pdp-line) !important; vertical-align: middle; }
.page-item.active .page-link, .pagination .active > .page-link { background: var(--pdp-blue) !important; border-color: var(--pdp-blue) !important; color: #fff !important; }
.page-link { color: var(--pdp-blue) !important; border-radius: 8px !important; margin: 0 2px; }

/* ---------- Odznaki statusów ---------- */
.badge { font-weight: 600; border-radius: 6px; padding: .45em .7em; }
.badge.bg-primary, .badge-primary, .badge.bg-light-primary { background: #eaf1fc !important; color: var(--pdp-blue) !important; }
.badge.bg-info, .badge-info, .badge.bg-light-info { background: #fff1e4 !important; color: #c25a00 !important; }
.badge.bg-success, .badge.bg-light-success { background: #e3f6ee !important; color: #0c7a50 !important; }
.badge.bg-danger, .badge.bg-light-danger { background: #fde8eb !important; color: #c51d36 !important; }
.badge.bg-warning, .badge.bg-light-warning { background: #fff6dd !important; color: #9a6a00 !important; }

/* ---------- Zakładki ---------- */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--pdp-blue) !important; border-bottom: 3px solid var(--pdp-orange) !important; }
.nav-pills .nav-link.active { background: var(--pdp-blue) !important; color: #fff !important; }

/* ---------- Okna modalne i SweetAlert ---------- */
.modal-content { border-radius: 14px !important; border: 0 !important; }
.modal-header { border-bottom: 1px solid var(--pdp-line) !important; }
.swal-button--confirm, .swal2-confirm { background: var(--pdp-orange) !important; }

/* ---------- Strony logowania panelu (layouts.auth) ---------- */
.auth-page, body.auth-bg { background: var(--pdp-bg) !important; }
