/* ========================================================================== */
/* RESPONSIVE - MOBILE */
/* ========================================================================== */

@media (max-width:800px){

    body{

        font-size:14px;

        line-height:1.6;
    }
/* ====================================================================== */
/* HEADER */
/* ====================================================================== */

#header{

    height:auto;

    padding-left:0;

    background-size:cover;
}

#logo{

    height:110px;

    padding:0;

    font-size:180%;

    line-height:110px;
}

#logo a{

    background-size:contain;
}

#logo .leaf{

    top:0;

    width:100%;

    height:140px;

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;
}
/* ====================================================================== */
/* MOBILE MENU */
/* ====================================================================== */

#mobile-menu-toggle{

    display:block;

    width:100%;

    margin:10px 0;

    padding:14px 16px;

    background:#18222c;

    border:1px solid #2d3d4d;

    border-radius:12px;

    color:#ffffff;

    font-size:18px;

    font-weight:600;

    text-align:left;

    cursor:pointer;
}

#main-menu{

    display:none;

    margin-top:10px;

    padding:0;

    list-style:none;
}

#main-menu.active{

    display:grid;

    grid-template-columns:1fr;

    gap:10px;
}

#main-menu li{

    float:none;

    margin:0;
}

#main-menu li a{

    display:block;

    padding:14px 16px;

    background:#18222c;

    border:1px solid #2d3d4d;

    border-radius:14px;

    text-decoration:none;
}

#main-menu li span{

    display:block;

    margin-top:4px;

    opacity:.7;

    font-size:12px;
}
/* ====================================================================== */
/* LAYOUT */
/* ====================================================================== */

#layout,
#page,
#container,
#content,
.content{

    float:none;

    width:100%;

    margin:0;

    box-sizing:border-box;
}

#container{

    padding:0 10px;
}

#left,
#right,
#sidebar,
#panel-left{

    float:none;

    width:100%;

    margin:0;

    padding:0;
}
/* ====================================================================== */
/* NAVIGATION */
/* ====================================================================== */

#nav ul{

    padding-left:14px;
}

/* ====================================================================== */
/* CONTENT */
/* ====================================================================== */

.content{

    padding:0;
}

.content .in{

    margin:0;

    padding:0 10px;
}

h1{

    font-size:34px;

    line-height:1.2;
}

h2{

    font-size:32px;

    line-height:1.2;
}

/* ====================================================================== */
/* NEWS PANEL */
/* ====================================================================== */

#panel-left{

    margin-top:40px;

    padding-top:25px;

    border-top:1px solid #3a2440;
}

#panel-left::before{

    content:"Novinky";

    display:block;

    margin-bottom:20px;

    padding-left:10px;

    color:#ffffff;

    font-family:'Rajdhani', sans-serif;

    font-size:28px;

    font-weight:700;

    letter-spacing:1px;
}
/* ====================================================================== */
/* MODERN GALLERY */
/* ====================================================================== */

.gallery-panel{

    padding:16px;

    border-radius:18px;
}

.gallery-panel h2{

    font-size:26px;

    line-height:1.2;
}

.gallery-panel h3{

    font-size:22px;

    line-height:1.3;
}

/* Gallery wrapper */

.modern-gallery{

    display:flex !important;

    flex-wrap:wrap;

    justify-content:center;

    gap:12px;

    width:100%;
}

/* Gallery item */

.modern-gallery .photo-link{

    position:relative;

    display:block !important;

    flex:none;

    width:calc(50% - 12px);

    margin:0 !important;

    padding:6px;

    float:none !important;

    clear:none !important;

    box-sizing:border-box;
}

/* Gallery image */

.modern-gallery .photo-link img{

    display:block;

    width:100% !important;

    height:auto !important;

    aspect-ratio:4 / 3;

    object-fit:cover;

    border-radius:8px;
}

/* Legacy clearfix override for flex gallery */

.modern-gallery .clear{

    display:none !important;
}
/* ====================================================================== */
/* LINKY */
/* ====================================================================== */

#linky{

    clear:both;

    overflow:hidden;

    height:auto;

    min-height:0;

    padding:20px 10px;

    text-align:center;
}

#linky .f-left{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    align-items:center;

    gap:14px;

    float:none !important;

    width:100%;
}

#linky a{

    display:inline-block;

    margin:0;

    padding:0;
}

#linky img{

    display:block;

    width:auto;

    max-height:40px;
}

/* ====================================================================== */
/* FOOTER */
/* ====================================================================== */

#footer{

    height:auto;

    padding:15px 10px 25px;

    font-size:12px;

    line-height:1.6;

    text-align:center;
}

#footer .f-left,
#footer .f-right{

    display:block;

    float:none;
}    
/* ====================================================================== */
/* FISH TABLE - MOBILE */
/* ====================================================================== */

.fish-table,
.fish-table tbody,
.fish-table tr,
.fish-table td{

    display:block;

    width:100%;

    box-sizing:border-box;
}

.fish-table tr:first-child{

    display:none;
}

.fish-table + div,
.fish-table hr{

    display:none;
}

/* Fish card */

.fish-table tr{

    overflow:hidden;

    margin-bottom:20px;

    padding:14px;

    background:#18222c;

    border:1px solid #2d3d4d;

    border-radius:16px;
}

/* Table cells */

.fish-table td{

    padding:6px 0;

    border:none;

    text-align:center;
}

/* Fish title */

.fish-table td:first-child{

    width:100%;

    margin-bottom:10px;

    color:#ffffff;

    font-size:20px;

    font-weight:600;

    line-height:1.3;
}

/* Fish image */

.fish-table td img{

    width:100%;

    max-width:180px;

    height:auto;

    border-radius:10px;
}

/* Info badges */

.fish-table td:nth-child(3),
.fish-table td:nth-child(4){

    display:inline-block;

    width:auto;

    margin:8px 10px 0;

    padding:6px 12px;

    background:#22303d;

    border-radius:8px;

    font-size:14px;
}

.fish-table td:nth-child(3)::before,
.fish-table td:nth-child(4)::before{

    display:block;

    margin-bottom:2px;

    color:#9fb0bf;

    font-size:11px;

    letter-spacing:1px;

    text-transform:uppercase;
}

.fish-table td:nth-child(3)::before{

    content:"Počet";
}

.fish-table td:nth-child(4)::before{

    content:"Cena";
}
/* ====================================================================== */
/* ARTICLES */
/* ====================================================================== */

.article-content{

    overflow-wrap:break-word;
}

/* Legacy inline floated article images */

.article-content img[style*="float: right"],
.article-content img[style*="float:right"]{

    display:block;

    float:none !important;

    width:100% !important;

    max-width:320px;

    height:auto !important;

    margin:20px auto 30px;
}

/* Legacy width attribute fallback */

.article-content img[width]{

    max-width:100%;

    height:auto;
}

/* Article section spacing */

.article-content h1{

    margin-top:42px;
}

.article-content h1:first-child{

    margin-top:0;
}

/* Table of contents links */

.article-content a[href^="#"]{

    display:inline-block;

    margin-bottom:6px;
}
/* ====================================================================== */
/* ARTICLE PREVIEW CARDS */
/* ====================================================================== */

.article-preview{

    flex-direction:column;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    padding:12px;

    text-align:center;
}

.article-preview img{

    width:100%;

    max-width:180px;

    height:auto;

    border-radius:10px;
}

.article-preview h2{

    font-size:22px;

    line-height:1.15;
}

.article-preview h3{

    font-size:18px;

    line-height:1.2;
}

.article-preview-content{

    width:100%;
}
}