/* ===============================
   ALAP OLDAL
================================= */
body.hist-site{
    background:#e7dcc8;
    font-family:"Libre Baskerville", serif;
    color:#3a2f23;
    margin:0;
    padding:0;
}

.container{
    max-width:1320px;
}

/* ===============================
   FELSŐ CÍMCSÍK
================================= */
.hist-topband{
    background:linear-gradient(to right,#2b160d,#442719,#2b160d);
    color:#f1dfbd;
    text-align:center;
    padding:10px 18px;
    font-size:15px;
    line-height:1.4;
    font-weight:700;
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);
}

/* ===============================
   NAVBAR
================================= */
.hist-navbar{
    background:#e0d2bc;
    border-bottom:1px solid #ccb99a;
    box-shadow:0 2px 10px rgba(55,35,18,.06);
    padding-top:0;
    padding-bottom:0;
}

.hist-navbar .container{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:86px;
}

.hist-navbar .navbar-brand{
    display:flex;
    align-items:center;
    margin-right:4px;
    padding-top:6px;
    padding-bottom:6px;
    flex:0 0 auto;
}

.hist-navbar .hist-logo{
    text-decoration:none;
}

.hist-navbar .hist-logo img{
    display:block;
    height:60px;
    width:auto;
    max-width:360px;
}

/* Hamburger */
.hist-navbar .navbar-toggler{
    border-color:#bda989;
    padding:.45rem .65rem;
    margin-left:auto;
}

.hist-navbar .navbar-toggler:focus{
    box-shadow:none;
    border-color:#9f835b;
}

/* ===============================
   MENÜ
================================= */
.hist-navbar .navbar-collapse{
    flex-grow:1;
}

.hist-navbar .navbar-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    width:100%;
    flex-wrap:nowrap;
}

.hist-navbar .nav-item{
    flex:0 0 auto;
}

.hist-navbar .nav-link{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:52px;
    white-space:normal;
    color:#4a3827;
    padding:8px 11px;
    font-size:12px;
    line-height:1.08;
    border-radius:12px;
    border:1px solid rgba(145,113,73,.14);
    background:linear-gradient(to bottom,rgba(255,255,255,.34),rgba(255,255,255,.14));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 1px 2px rgba(70,45,20,.03);
    transition:
        background-color .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .18s ease;
}

.hist-navbar .nav-link:hover,
.hist-navbar .nav-link:focus{
    background:linear-gradient(to bottom,#dcc8a8,#ceb289);
    color:#24160c !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 6px 16px rgba(70,45,20,.10),
        0 0 8px rgba(200,160,90,.20);
    transform:translateY(-1px);
}

.hist-navbar .nav-link.active{
    background:linear-gradient(to bottom,#ccb089,#bc9667);
    color:#24160c !important;
    border-color:#a27a47;
}

.hist-navbar .badge{
    font-size:11px;
    vertical-align:middle;
}

/* header utáni tartalomrés */
.hist-navbar + .container{
    margin-top:.65rem !important;
}

/* ===============================
   KÁRTYÁK / ÁLTALÁNOS
================================= */
.hist-card{
    background:#e3d7c2;
    border:1px solid #cbb99e;
    border-radius:18px;
    box-shadow:0 4px 16px rgba(70,45,20,.05);
    padding:22px;
    margin-bottom:22px;
    transition:transform .25s ease, box-shadow .25s ease;
}

.hist-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 22px rgba(70,45,20,.10);
}

.hist-card h1,
.hist-card h2,
.hist-card h3,
.hist-card h4,
.hist-card h5{
    color:#3a2a1b;
    font-weight:700;
}

.card,
.paper-card{
    border-radius:14px;
}

.hist-h6{
    font-size:1.2rem;
    font-weight:700;
    color:#3b2a19;
}

.hist-subtitle{
    font-size:1.1rem;
    font-weight:700;
    color:#4b3826;
}

.hist-smallcap{
    font-size:.92rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#8b7760;
}

.hist-divider-soft{
    height:1px;
    background:linear-gradient(to right, transparent, rgba(120,90,50,.28), transparent);
}

/* ===============================
   FŐOLDAL HÁTTÉRTÉRKÉP
================================= */
.home-map-bg{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed;
    position:relative;
}

.home-map-bg::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(rgba(255,255,255,.12), rgba(255,255,255,.12));
    mix-blend-mode:normal;
}

.home-map-bg > .container{
    position:relative;
    z-index:1;
}

/* ===============================
   KÖSZÖNTŐ BLOKK
================================= */
.hist-welcome-title{
    font-size:1.1rem;
    font-weight:700;
    margin-bottom:1rem;
    color:#3a2a1b;
}

.hist-welcome-text{
    font-size:1.03rem;
    line-height:1.55;
    color:#463525;
}

/* ===============================
   GOMBOK / INPUTOK
================================= */
.hist-input{
    background:rgba(255,255,255,.82);
    border:1px solid #c8b79e;
    border-radius:10px;
}

.hist-input:focus{
    border-color:#a27a47;
    box-shadow:0 0 0 .2rem rgba(162,122,71,.12);
}

.hist-btn{
    background:#8b6a3c;
    border:1px solid #8b6a3c;
    color:#fff;
    border-radius:10px;
}

.hist-btn:hover,
.hist-btn:focus{
    background:#72542e;
    border-color:#72542e;
    color:#fff;
}

.hist-btn-outline{
    border-radius:10px;
    border-color:#8f7b5a;
    color:#5c4730;
    background:rgba(255,255,255,.12);
}

.hist-btn-outline:hover,
.hist-btn-outline:focus{
    color:#2f2113;
    background:#dac9ad;
    border-color:#8f7b5a;
}

/* ===============================
   KIEMELT SZEMÉLY
================================= */
.hist-featured-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.hist-featured-grid{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:18px;
    align-items:start;
}

.hist-featured-photo a{
    display:block;
}

.hist-featured-photo img{
    display:block;
    width:100%;
    max-width:120px;
    height:120px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid #c5b08e;
    box-shadow:0 2px 8px rgba(50,30,10,.08);
}

.hist-featured-body{
    min-width:0;
}

.hist-title{
    font-size:1.15rem;
    line-height:1.25;
    font-weight:700;
    margin-bottom:.5rem;
}

.hist-link{
    color:#3f2e1f;
    text-decoration:none;
}

.hist-link:hover{
    color:#2a1d12;
    text-decoration:underline;
}

.hist-meta{
    color:#6b5844;
    font-size:1rem;
}

.hist-kv-table{
    width:100%;
    border-collapse:collapse;
    margin:0;
}

.hist-kv-table th,
.hist-kv-table td{
    padding:4px 0;
    vertical-align:top;
    line-height:1.35;
}

.hist-kv-table th{
    width:140px;
    font-weight:700;
    color:#3f2e1f;
    padding-right:16px;
}

.hist-bio{
    color:#4a3828;
    line-height:1.55;
    font-size:.98rem;
}

/* ===============================
   MINI LISTÁK
================================= */
.hist-mini-list{
    list-style:none;
    margin:0;
    padding:0;
}

.hist-mini-list li{
    margin-bottom:.65rem;
    line-height:1.35;
}

.hist-mini-meta{
    display:block;
    color:#7b6752;
    font-size:.92rem;
    margin-top:2px;
}

/* ===============================
   JOBB OLDALI NÉVSOR
================================= */
.hist-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.hist-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border:1px solid #cbb99e;
    border-radius:14px;
    background:rgba(255,255,255,.32);
    text-decoration:none;
    color:inherit;
    transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.hist-row:hover{
    background:rgba(255,255,255,.52);
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(70,45,20,.08);
}

.hist-row-photo{
    width:52px;
    height:52px;
    object-fit:cover;
    border-radius:10px;
    flex:0 0 52px;
    border:1px solid #c7b290;
}

.hist-row-body{
    min-width:0;
}

.hist-row-name{
    font-weight:700;
    color:#3f2e1f;
    line-height:1.2;
}

.hist-row-meta{
    color:#7a6855;
    font-size:.92rem;
    margin-top:2px;
}

/* ===============================
   TÁBLÁZAT / SZÖVEG
================================= */
.table{
    color:#3a2f23;
}

/* ===============================
   LÁBLÉC
================================= */
.hist-footer{
    background:transparent;
    color:#4a3a28;
    padding-bottom:28px;
}

.hist-footer a{
    color:#6d532f;
    text-decoration:none;
}

.hist-footer a:hover{
    color:#3b2812;
    text-decoration:underline;
}

.hist-divider{
    height:1px;
    background:linear-gradient(to right,transparent,rgba(120,90,50,.35),transparent);
}

/* ===============================
   ASZTALI FINOMÍTÁS
================================= */
@media (min-width: 1200px){
    .hist-navbar .nav-link{
        padding:8px 10px;
        font-size:11.5px;
    }

    .hist-navbar .container{
        gap:8px;
    }
}

/* ===============================
   KISEBB ASZTALI / TABLET
================================= */
@media (max-width: 1199.98px){
    .hist-navbar .hist-logo img{
        height:56px;
        max-width:320px;
    }

    .hist-navbar .nav-link{
        padding:8px 9px;
        font-size:11px;
    }

    .hist-topband{
        font-size:14px;
    }

    .hist-featured-grid{
        grid-template-columns:100px minmax(0,1fr);
        gap:16px;
    }

    .hist-featured-photo img{
        max-width:100px;
        height:100px;
    }
}

/* ===============================
   MOBIL NÉZET
================================= */
@media (max-width: 991.98px){
    .hist-navbar{
        padding-top:8px;
        padding-bottom:8px;
    }

    .hist-navbar .container{
        min-height:auto;
        gap:10px;
    }

    .hist-navbar .hist-logo img{
        height:52px;
        max-width:300px;
    }

    .hist-navbar .navbar-collapse{
        margin-top:10px;
        background:#eadfc9;
        border:1px solid #d1bea1;
        border-radius:12px;
        padding:10px;
    }

    .hist-navbar .navbar-nav{
        align-items:stretch;
        gap:6px;
        flex-wrap:wrap;
    }

    .hist-navbar .nav-item{
        width:100%;
    }

    .hist-navbar .nav-link{
        white-space:normal;
        padding:12px 14px;
        font-size:15px;
        line-height:1.2;
        border-radius:10px;
        justify-content:flex-start;
        text-align:left;
    }

    .hist-featured-grid{
        grid-template-columns:1fr;
    }

    .hist-featured-photo img{
        max-width:140px;
        height:140px;
    }

    .hist-topband{
        padding:10px 14px;
        font-size:13px;
        line-height:1.4;
    }

    .hist-navbar + .container{
        margin-top:.5rem !important;
    }
}

/* ===============================
   NAGYON KICSI MOBIL
================================= */
@media (max-width: 575.98px){
    .hist-navbar .hist-logo img{
        height:46px;
        max-width:240px;
    }

    .hist-topband{
        font-size:12px;
    }

    .hist-welcome-text{
        font-size:.98rem;
    }

    .hist-title{
        font-size:1.02rem;
    }
}