/* Hero logo patch v3: mensi a pruhlednejsi banner + slogan Etelka Thin */

@font-face{
    font-family:'Etelka Thin';
    src:url('assets/Etelka-Thin.woff2') format('woff2'),
        url('assets/Etelka-Thin.woff') format('woff'),
        url('assets/Etelka-Thin.otf') format('opentype'),
        url('assets/Etelka-Thin.ttf') format('truetype');
    font-weight:100;
    font-style:normal;
    font-display:swap;
}

.topbar > .logo,
.hero-subtitle,
.hero h1,
.hero-buttons,
.hero-right{
    display:none !important;
}

.hero.hero-logo-only{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:260px !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.hero-logo-panel{
    width:34% !important;
    max-width:500px !important;
    min-width:340px !important;
    min-height:215px !important;
    padding:24px 24px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:linear-gradient(90deg,
        rgba(248,244,237,.42) 0%,
        rgba(248,244,237,.28) 68%,
        rgba(248,244,237,.06) 100%) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
    border-color:rgba(255,255,255,.42) !important;
    box-shadow:0 8px 22px rgba(45,52,38,.055) !important;
}

.hero-main-logo{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hero-main-logo img{
    display:block;
    width:min(360px,82%);
    height:auto;
}

.hero-logo-panel .gold-leaf-divider-wide{
    margin:12px 0 6px !important;
}

.hero-logo-panel .motto,
.motto{
    font-family:'Etelka Thin','Montserrat',Arial,sans-serif !important;
    font-weight:100 !important;
    font-size:clamp(26px,2.05vw,34px) !important;
    line-height:1.18 !important;
    letter-spacing:.08em !important;
    color:#364030 !important;
    text-shadow:none !important;
    margin-top:4px !important;
}

body::before{
    background:rgba(240,236,221,.28) !important;
}

.page-bg{
    filter:blur(2px) saturate(.95) brightness(1.03) !important;
}

@media(max-width:900px){
    .hero.hero-logo-only{
        min-height:auto !important;
    }

    .hero-logo-panel{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        min-height:210px !important;
    }

    .hero-main-logo img{
        width:min(330px,84%);
    }

    .hero-logo-panel .motto,
    .motto{
        font-size:28px !important;
        letter-spacing:.055em !important;
    }
}