/* Bartók Béla Hagyományőrző Egyesület – V5 finomhangolások.
   Külön CSS-fájl, így a V4 partitúra-menü változatlanul megmarad.
   Minden útvonalat a PHP site_url() függvénye generál. */

/* 1. Kottamenü: teljes nagybetű és határozottabb kontraszt. */
.site-header .main-nav a {
    background:linear-gradient(to top,rgba(15,16,29,.23),transparent 65%);
}
.site-header .main-nav .nav-label {
    text-transform:uppercase;
    font-size:clamp(.78rem,1.02vw,.92rem);
    font-weight:800;
    letter-spacing:.055em;
    line-height:1.38;
    color:#fff8ed;
    text-shadow:0 1px 7px rgba(21,15,27,.55);
    transition:color .22s ease, text-shadow .22s ease;
}
.site-header .main-nav a:hover .nav-label,
.site-header .main-nav a:focus-visible .nav-label,
.site-header .main-nav a.active .nav-label {
    color:#ffe3a8;
    text-shadow:0 1px 10px rgba(15,12,19,.68);
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active {background-color:rgba(249,220,163,.045)}
.site-header .menu-toggle {font-weight:800;letter-spacing:.045em}
.site-header .menu-toggle-text{text-transform:uppercase}

/* 2. Pályázatok: szöveg után elhelyezett, hangsúlyos, teljes képek.
   Nem vágjuk le a dokumentumok széleit; a kép mindig object-fit:contain. */
.grant-card{min-height:0}
.grant-logos {
    margin-top:22px;
    padding-top:22px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:12px;
    border-top:1px solid var(--line);
}
.grant-logos--1 {grid-template-columns:minmax(0,1fr)}
.grant-logos--3 a:last-child{grid-column:1/-1}
.grant-logos a {
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    min-width:0;
    min-height:188px;
    width:100%;
    padding:20px;
    border:1px solid #ebe3d8;
    border-radius:5px;
    background:linear-gradient(140deg,#fffdf9,#f6f1e9);
    box-shadow:0 4px 14px rgba(42,33,27,.035);
    overflow:hidden;
    cursor:zoom-in;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.grant-logos a:hover,
.grant-logos a:focus-visible{
    transform:translateY(-3px);
    border-color:#bb9676;
    box-shadow:0 12px 28px rgba(64,34,41,.13);
}
.grant-logos a::after {
    content:'⤢';
    position:absolute;
    top:10px;right:10px;
    display:grid;place-items:center;
    width:31px;height:31px;
    border-radius:50%;
    color:#fff8eb;
    background:rgba(71,36,46,.91);
    font-size:1.25rem;
    line-height:1;
    box-shadow:0 2px 7px rgba(26,18,19,.15);
    pointer-events:none;
}
.grant-logos a img {
    max-width:100%;
    width:100%;
    height:auto;
    max-height:250px;
    object-fit:contain;
}
.grant-logos--1 a {min-height:250px}
.grant-logos--1 a img {max-height:340px}
.grant-logos--3 a:last-child img {max-width:370px}
@media(max-width:1120px){
    .site-header .main-nav a{background:rgba(253,248,242,.08)}
    .site-header .main-nav .nav-label{
        font-size:.91rem;letter-spacing:.055em;line-height:1.34;
    }
}
@media(max-width:680px){
    .grant-logos{gap:10px}
    .grant-logos a{min-height:145px;padding:13px}
    .grant-logos a img{max-height:215px}
    .grant-logos--1 a{min-height:215px}
    .grant-logos--1 a img{max-height:320px}
    .grant-logos a::after{width:27px;height:27px;font-size:1rem;top:7px;right:7px}
    .site-header .main-nav .nav-label{font-size:.86rem}
}
@media(max-width:360px){
    .grant-logos{grid-template-columns:1fr}
    .grant-logos--3 a:last-child{grid-column:auto}
    .grant-logos a{min-height:180px}
}
@media(prefers-reduced-motion:reduce){
    .grant-logos a,.site-header .main-nav .nav-label{transition:none}
}