/*
  PVár Fájlfeltöltő – arculati kiegészítések (pilisvorosvar.hu mintájára).
  Színek: piros #e53326, sötét #2d2b2d, kék #024694 / #1e366c.
  A színváltozókat a pvar-palette.css tartalmazza.
*/

:root {
    --pvar-red: #e53326;
    --pvar-dark: #2d2b2d;
    --pvar-blue: #024694;
    --pvar-navy: #1e366c;
    --tblr-font-sans-serif: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

body {
    font-family: var(--tblr-font-sans-serif);
    color: var(--pvar-dark);
}

[data-bs-theme=dark] body {
    color: inherit;
}

h1, h2, h3, h4, h5, h6, .card-title, .page-title {
    color: var(--pvar-dark);
    font-weight: 700;
}

[data-bs-theme=dark] h1, [data-bs-theme=dark] h2, [data-bs-theme=dark] h3,
[data-bs-theme=dark] h4, [data-bs-theme=dark] h5, [data-bs-theme=dark] h6,
[data-bs-theme=dark] .card-title, [data-bs-theme=dark] .page-title {
    color: #fff;
}

/* Oldalsó menü */
.navbar-vertical {
    border-right: 1px solid var(--tblr-border-color);
    border-top: 4px solid var(--pvar-red);
}

.navbar-vertical .navbar-brand {
    padding-top: 1rem;
}

.navbar-vertical .navbar-brand img,
.auth-logo-container img {
    height: 3.5rem;
    width: auto;
    vertical-align: middle;
}

.pvar-brand {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: var(--pvar-dark);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
}

.pvar-brand small {
    display: block;
    color: var(--pvar-blue);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

[data-bs-theme=dark] .pvar-brand { color: #fff; }
[data-bs-theme=dark] .pvar-brand small { color: #8fb4ea; }

.navbar-vertical .nav-link {
    border-left: 3px solid transparent;
    font-weight: 600;
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical .dropdown-item.active {
    border-left-color: var(--pvar-red);
    color: var(--pvar-red);
    background: rgba(var(--tblr-primary-rgb), .06);
}

/* Gombok és kártyák */
.btn-primary {
    --tblr-btn-bg: var(--pvar-red);
    --tblr-btn-border-color: var(--pvar-red);
    --tblr-btn-hover-bg: #c4271b;
    --tblr-btn-hover-border-color: #c4271b;
    --tblr-btn-active-bg: #a81f15;
    --tblr-btn-active-border-color: #a81f15;
    --tblr-btn-disabled-bg: var(--pvar-red);
    --tblr-btn-disabled-border-color: var(--pvar-red);
}

.card {
    border-radius: .5rem;
}

.card-md,
.page-center .card {
    border-top: 4px solid var(--pvar-red);
}

.table thead th {
    color: var(--pvar-navy);
    font-weight: 700;
}

[data-bs-theme=dark] .table thead th {
    color: #8fb4ea;
}

/* Bejelentkezés */
.page-center {
    background: linear-gradient(180deg, #fffbea 0%, #ffffff 60%);
}

[data-bs-theme=dark] .page-center {
    background: none;
}

.auth-logo-container .pvar-brand {
    font-size: 1.25rem;
}

/* Jelölőnégyzetek: jól látható keret és háttér sötét módban is (a téma szabályával azonos specificitás) */
[data-bs-theme=dark] input[type=checkbox]:not(:checked).form-check-input {
    background-color: #3a373a;
    border-color: #8a878a;
}

/* Részletező (show) oldalak: egymás alatti sorok, címke az első oszlopban */
[bp-section="crud-operation-show"] .table td:first-child {
    width: 22%;
    min-width: 160px;
    white-space: nowrap;
    vertical-align: top;
}

[bp-section="crud-operation-show"] .table td {
    padding-top: .85rem;
    padding-bottom: .85rem;
}

[bp-section="crud-operation-show"] .table td:first-child strong {
    color: var(--pvar-navy);
}

[data-bs-theme=dark] [bp-section="crud-operation-show"] .table td:first-child strong {
    color: #8fb4ea;
}

/* Segédlet harmonika: normál méretű, félkövér címsorok */
.accordion-header .accordion-button {
    font-size: 1rem;
    font-weight: 600;
    padding-top: .9rem;
    padding-bottom: .9rem;
}

.accordion-body ol,
.accordion-body ul {
    padding-left: 1.25rem;
}

/* Főadmin segédlet: kicsit szellősebb felsorolások */
.admin-guide li {
    margin-bottom: .35rem;
}

/*
  Tömör (bg-*) badge-ek: élénk háttér, kontrasztos betűszín világos és sötét módban is.
  A színek a fehér szöveggel legalább 4.5:1 kontrasztot adnak (WCAG AA).
*/
.badge.bg-success,
.badge.bg-danger,
.badge.bg-info,
.badge.bg-primary,
.badge.bg-secondary {
    color: #fff !important;
    font-weight: 600;
    letter-spacing: .01em;
}

.badge.bg-success { background-color: #15803d !important; }
.badge.bg-danger { background-color: #dc2626 !important; }
.badge.bg-info { background-color: #0369a1 !important; }
.badge.bg-primary { background-color: var(--pvar-red) !important; }
.badge.bg-secondary { background-color: #5f6368 !important; }

.badge.bg-warning {
    background-color: #f59e0b !important;
    color: #1f1f1f !important;
    font-weight: 600;
}